/* Account and login presentation uses the existing Cairo and shared controls. */
.auth-layout{display:grid;place-items:center;min-height:100svh;padding:24px}
.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px;display:grid;gap:24px}
.auth-card>.brand-logo{width:120px;justify-self:center}
.auth-card header{text-align:center}.auth-card h1{font:700 24px/38px var(--font-ui);color:var(--text)}.auth-card header p{color:var(--text-muted);margin-top:4px}
.auth-card form{display:grid;gap:20px}.auth-card form>.dr-button{width:100%}
.auth-password{position:relative}.auth-password .field input{padding-inline-end:52px}.auth-reveal{position:absolute;bottom:0;inset-inline-end:0;width:44px!important;height:44px!important;border:0!important;background:transparent!important;min-width:0!important;padding:0!important;color:var(--text-muted)!important}
.auth-card footer{display:flex;align-items:flex-start;gap:8px;border:0;padding:0;color:var(--text-muted);font-size:12px;line-height:20px}.auth-card footer svg{flex-shrink:0;margin-top:2px}
.account-identity{min-width:0;max-width:160px;display:grid;gap:0}.account-identity b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity small{color:var(--text-muted);font-size:12px;line-height:20px;white-space:nowrap}
.logout-button{padding:0 12px!important}.logout-button svg{flex-shrink:0}
.account-role-summary{display:flex;gap:12px;align-items:flex-start;margin:20px 0;padding:16px;background:var(--surface-subtle);border-radius:8px;color:var(--text-muted);font-size:13px}.account-role-summary svg{flex-shrink:0;margin-top:3px}
@media(max-width:767px){.auth-layout{padding:16px}.auth-card{padding:24px;gap:20px}.account-identity{display:none}.logout-button{width:44px;padding:0!important;flex-shrink:0}.logout-button .logout-text{display:none}.design-reference .topbar-actions{gap:8px}}