/* Respect hidden controls even when the global button rule sets display:flex. */
.account-page [hidden]{display:none!important}
.account-dialog-bar{display:none}
.embedded-account{--line:#2a3b4e;--muted:#a9b9ca;--text:#ebf2f9;background:#0e1621;font-size:14px;line-height:1.55;height:100vh;overflow:hidden;border:1px solid #34465b;border-radius:12px;display:flex;flex-direction:column}
.embedded-account>header,.embedded-account>footer{display:none}
.embedded-account .account-dialog-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 68px;padding:12px 22px;border-bottom:1px solid var(--line);background:#111d2b;-webkit-app-region:drag}
.account-dialog-brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;letter-spacing:.1px}
.account-dialog-brand small{display:block;color:#9cafc3;font-size:11px;font-weight:400;letter-spacing:0;margin-top:2px}
.embedded-account #account-dialog-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #36495f;border-radius:8px;background:#192737;color:#dce7f3;font:24px/1 'Segoe UI',sans-serif;-webkit-app-region:no-drag}
.embedded-account #account-dialog-close:hover{background:#304359;border-color:#8ab6d5;color:white}
.embedded-account .account-main{width:100%;max-width:none;min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#405771 transparent;margin:0;padding:24px 28px 28px;overscroll-behavior:contain}
.embedded-account .dashboard-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.embedded-account .dashboard-heading .eyebrow,.embedded-account #return-workspace,.embedded-account #logout,.embedded-account #computers-card{display:none!important}
.embedded-account .dashboard-heading h1{font-size:25px;line-height:1.2;letter-spacing:-.65px;margin:0 0 6px;font-weight:600}
.embedded-account .dashboard-heading p{font-size:12px;margin:0;color:#a3b7cc}
.embedded-account .dashboard-heading>.button{margin-left:auto;font-size:12px;padding:8px 12px;border:1px solid #354b60;border-radius:8px;background:#182638;color:#b8ddf5}
.account-dialog-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:20px}
.embedded-account .account-dialog-tabs button{font-size:13px;padding:9px 16px;border-radius:8px;border:1px solid transparent;font-weight:500;color:#a8bbce;background:transparent}
.embedded-account .account-dialog-tabs button[aria-selected=true]{color:#d7f2ff;background:#203a50;border-color:#3a6380}
.embedded-account .account-dialog-tabs button:hover{color:white;background:#1b2c40}
.embedded-account .dashboard-grid{display:block;max-width:none;margin:0}
.embedded-account .dashboard-card{padding:20px 22px;margin:0 0 14px;border:1px solid #2b4054;border-radius:10px;background:#132131;box-shadow:0 4px 20px #00000012}
.embedded-account .dashboard-card h2{font-size:19px;line-height:1.3;letter-spacing:-.3px;font-weight:600;margin:0 0 12px}
.embedded-account .dashboard-card h3{font-size:15px;margin:0 0 8px}
.embedded-account #plan-card>.eyebrow{display:none}
.embedded-account .dashboard-card p{font-size:13px;line-height:1.65;margin:10px 0}
.embedded-account .dashboard-card .fine{font-size:12px;color:#9eb2c7}
.embedded-account #plan-status{color:#c8e7ed;background:#17363c;border:1px solid #285358;padding:12px 14px;border-radius:8px}
.embedded-account .dashboard-card button,.embedded-account .dashboard-card .button{font-size:12px;padding:10px 14px;gap:8px;border-color:#3b536c;border-radius:8px;color:#c6eaff}
.embedded-account .dashboard-card .primary{color:#092031;background:#7bcfff;border-color:#7bcfff;padding:12px 16px}
.embedded-account input,.embedded-account select,.embedded-account textarea{background:#0d1927;color:#eaf3fc;border:1px solid #3a536a;border-radius:8px;width:100%;padding:10px 12px;font:inherit}
.embedded-account textarea{resize:vertical;min-height:84px}
.embedded-account label{font-size:12px;margin:14px 0;color:#b8c9da}
.embedded-account .check-label{line-height:1.65;gap:10px}
.embedded-account .check-label input{width:17px;height:17px;padding:0;flex-shrink:0}
.embedded-account .notice,.embedded-account .status{font-size:12px;padding:12px 14px;margin:0 0 16px}
.embedded-account .status:empty,.embedded-account #refund-status:empty{display:none}
.embedded-account .actions{gap:8px;margin:16px 0 0}
.embedded-account .auth-card{max-width:400px;margin:4px auto 20px}
.embedded-account .auth-card h1{font-size:28px;letter-spacing:-.7px;margin:12px 0}
.embedded-account .auth-card .muted{font-size:13px}
.embedded-account .auth-card label{margin:12px 0}
.embedded-account .auth-card .auth-links{margin-top:18px;padding-top:16px}
.embedded-account #password-card summary{cursor:pointer;font-size:14px;font-weight:600;color:#dcebf8}
.embedded-account #password-card[open] summary{margin-bottom:18px}
.embedded-account #change-password{max-width:none}
.embedded-account.owner-account #plan-card>p.fine,.embedded-account.owner-account #refund-status,.embedded-account.owner-account #refund-request{display:none!important}
.embedded-account :focus-visible{outline:2px solid #83cff8;outline-offset:3px}
@media(max-width:600px){.embedded-account .account-main{padding:18px}.embedded-account .dashboard-card{padding:17px}.embedded-account .dashboard-heading{flex-wrap:wrap}.embedded-account .dashboard-heading>.button{margin:0}.embedded-account .account-dialog-tabs button{padding:9px 11px}.embedded-account .account-dialog-bar{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.embedded-account *{scroll-behavior:auto!important}}