/* Account pages follow the same controls and reading scale as the workspace. */
body{background:var(--canvas);font-family:var(--font-ui);line-height:1.55;-webkit-font-smoothing:antialiased}
.auth-shell{padding:24px;min-height:100dvh}
.auth-card,.admin-panel{background:var(--paper);border-color:var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow)}
.auth-card{padding:32px;width:min(440px,100%)}
.auth-card h1{font-size:24px;line-height:1.4;letter-spacing:-.025em}
.auth-brand{margin-bottom:28px}.auth-brand b{font-size:16px}
.auth-brand small{font-size:12px;letter-spacing:.05em}
.auth-mark{display:block;padding:0;background:transparent;border-radius:0}
.auth-form{gap:18px}
.auth-form label{font-size:14px;color:var(--ink);font-weight:550}
.auth-form input,.invite-result input{color:var(--ink);background:var(--paper);border-color:var(--line-strong);border-radius:var(--radius-control)}
.auth-form input:focus{box-shadow:none}
.auth-form input,.auth-form button{min-height:44px}
.auth-message:empty{display:none}
.auth-card>p,.admin-panel>p{font-size:14px;line-height:1.7}
.auth-card a,.admin-head a{color:var(--accent)}
.invite-result{background:var(--paper-2);border-radius:var(--radius-control)}
.admin-page{max-width:1080px}.admin-head{gap:16px;flex-wrap:wrap;padding-block:8px 16px}
.admin-head h1{font-size:24px;line-height:1.4}
.admin-panel{padding:24px;box-shadow:none}.admin-panel h2{font-size:18px}
.admin-grid{gap:24px;align-items:start}
.oauth-panel{grid-column:1 / -1}
.oauth-meta{display:grid;gap:8px;margin:0 0 16px;font-size:14px;line-height:1.6}
.oauth-meta code{display:block;overflow-wrap:anywhere;font-size:13px}
.oauth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.user-list{gap:0}.user-row{padding:16px 0;gap:16px;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.user-row:last-child{border-bottom:0}.user-row>div{min-width:0;overflow-wrap:anywhere}
.user-row b{font-size:14px;line-height:1.6}.user-row small{font-size:12px;line-height:1.6}
.user-row button{min-height:38px;padding:8px 10px;border-radius:var(--radius-control);font-size:14px}
.user-row button:hover{background:var(--red-soft)}
:is(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.auth-shell{padding:16px}.auth-card{padding:24px}.admin-shell{padding:20px 16px}.admin-panel{padding:20px}.admin-grid{gap:16px}.user-row button{min-height:44px}}