.account-link { font-size:11px; white-space:nowrap; color:var(--ink-2); }
.auth-shell { width:min(420px,calc(100% - 36px)); margin:8vh auto; }
.auth-shell .brand { padding:0; margin-bottom:38px; }
.auth-shell h1 { font-size:26px; letter-spacing:-.035em; font-weight:600; margin-bottom:10px; }
.auth-intro,.account-section p { color:var(--muted); font-size:13px; line-height:1.7; margin-bottom:22px; }
.auth-form { display:grid; gap:18px; }
.auth-form label { display:grid; gap:7px; font-size:12px; color:var(--ink-2); }
.auth-form input { width:100%; min-width:0; background:var(--surface); color:var(--ink); border:1px solid var(--rule-strong); border-radius:5px; padding:11px 12px; font:inherit; }
.auth-form .hint { color:var(--muted); font-size:11px; line-height:1.5; }
.auth-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:22px; font-size:12px; color:var(--muted); }
.auth-links a:hover { color:var(--ink); text-decoration:underline; }
.auth-message { font-size:13px; line-height:1.6; padding:12px 0; overflow-wrap:anywhere; }
.auth-message:empty { display:none; }
.auth-error { color:var(--ko); }
.account-section { padding:24px 0; border-top:1px solid var(--rule); }
.account-section h2 { font-size:15px; font-weight:550; margin-bottom:12px; }
.account-section .auth-form { max-width:420px; }
.account-actions { display:flex; flex-wrap:wrap; gap:12px; }
.users-list { border-top:1px solid var(--rule); }
.user-row { display:grid; grid-template-columns:minmax(0,1fr) 110px auto; gap:20px; align-items:center; padding:18px 0; border-bottom:1px solid var(--rule); }
.user-row strong { display:block; font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.user-row small { display:block; font-size:11px; color:var(--muted); margin-top:5px; overflow-wrap:anywhere; }
.user-state { font-size:12px; color:var(--muted); }
.user-state[data-state="pending"] { color:var(--warn); }
.user-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:600px) { .user-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; } .user-actions { grid-column:1/-1; } .topbar__right { gap:10px; } .topbar__right .time { display:none; } }
.auth-shell [hidden], .app [hidden] { display:none !important; }