/* Account pages share the console's login shell, typography and color tokens. */
.account-page{margin:0;padding:0}
.account-brand{color:inherit;text-decoration:none;width:fit-content}
.account-shell{min-height:100svh}
.account-card{max-width:400px}
.account-card section h2{font-size:28px;font-weight:500;letter-spacing:-.5px;color:var(--text)}
.account-intro{margin:10px 0 26px;font-size:13px;line-height:1.7;color:var(--muted)}
.account-card form{margin-top:24px}
.account-card label{margin-bottom:8px}
.account-card form input{display:block;width:100%;margin-bottom:20px;min-height:43px}
.account-card .login-submit{min-height:43px;margin-top:8px}
.account-notice:empty{display:none}
.account-notice{font-size:13px;line-height:1.7;color:var(--cyan);border-left:2px solid var(--cyan);padding:10px 14px;margin:0 0 24px;background:var(--panel);overflow-wrap:anywhere}
.account-notice.error{color:var(--red);border-color:var(--red)}
.account-hint{font-size:11px;line-height:1.65;margin-top:14px;color:var(--subtle)}
.account-switch{margin-top:26px;font-size:13px;color:var(--muted)}
.account-card a{color:var(--accent);text-underline-offset:4px}
.account-card a:hover{color:var(--text)}
.account-card button:disabled{opacity:.5;cursor:not-allowed}
.account-member-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-member-head .button{flex-shrink:0}
.account-identity{font-size:12px;overflow-wrap:anywhere;margin-top:10px;color:var(--subtle)}
.workspace{margin:24px 0 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-wrap:anywhere}
.workspace h3{font-size:16px;margin-bottom:12px;color:var(--text)}
.workspace p{font-size:12px;line-height:1.7;margin-top:8px}
.account-card .login-help{margin-top:30px}
.account-console-link{margin-top:18px;font-size:11px;line-height:1.7;color:var(--subtle)}
.account-card [hidden]{display:none!important}
@media(max-width:760px){.account-shell{grid-template-columns:1fr}.account-shell .login-story{padding:24px;border-right:0}.account-shell .login-copy{padding-top:30px}.account-shell .login-copy h1{font-size:36px}.account-shell .signal-art{display:none}.account-shell .login-promises{padding-top:24px}.account-shell .login-form-wrap{padding:32px 24px 44px}.account-card{max-width:440px}}
@media(max-width:380px){.account-member-head{align-items:flex-start;flex-direction:column}}

/* Existing invitation page shares this file; keep its standalone styling intact. */
body:not(.account-page){color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#0c1019;color:#e9edf5;margin:0;padding:40px 20px}
body:not(.account-page) *{box-sizing:border-box}
body:not(.account-page) main{max-width:980px;margin:auto}
body:not(.account-page) .brand{display:block;color:#a2b5ff;text-decoration:none;letter-spacing:.15em;font-weight:800}
body:not(.account-page) .brand span{letter-spacing:normal;color:#91a0b7;font-size:.8rem;margin-left:12px}
body:not(.account-page) h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:36px 0 18px}
body:not(.account-page) h2{font-size:1.25rem;margin-top:0}
body:not(.account-page) .muted{color:#99a6bb}
body:not(.account-page) #verify{border:1px solid #2c3549;border-radius:16px;padding:26px;background:#121a28}
body:not(.account-page) label{display:block;font-weight:600;margin:16px 0}
body:not(.account-page) input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #39445d;border-radius:8px;background:#0c121f;color:inherit;font:inherit}
body:not(.account-page) :is(input,button,a):focus-visible{outline:3px solid #9eafff;outline-offset:3px}
body:not(.account-page) button{border:0;border-radius:8px;padding:11px 17px;background:#a6b7ff;color:#101629;font:inherit;font-weight:700;cursor:pointer}
body:not(.account-page) button:disabled{opacity:.5;cursor:wait}
body:not(.account-page) #notice{min-height:28px;color:#b8cbff}
body:not(.account-page) #notice.error{color:#ffb0af}
body:not(.account-page) .foot{margin-top:32px;font-size:.9rem}
body:not(.account-page) [hidden]{display:none!important}
@media(max-width:650px){body:not(.account-page){padding:25px 15px}body:not(.account-page) .brand span{display:block;margin:5px 0}}