/* Match the app shell so access redirects complete its cross-document transition. */
@view-transition{navigation:auto}
/* Public sign-in shell (PLA-80). Colours and fonts come from tokens.css. */
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--ground);color:var(--ink);font-family:var(--font-sans);}
.auth-card{width:min(360px,calc(100vw - 32px));padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);text-align:center;}
.auth-logo{max-width:160px;height:auto;}
.auth-title{margin:16px 0 8px;font-family:var(--font-serif);font-size:var(--text-2xl);}
.auth-status{margin:0 0 16px;color:var(--ink-2);font-size:var(--text-base);line-height:1.5;}
.auth-button{display:block;width:100%;margin-top:8px;padding:10px 16px;border:1px solid var(--button-primary);border-radius:6px;background:var(--button-primary);color:var(--on-teal);font:600 var(--text-base) var(--font-sans);cursor:pointer;}
.auth-button:hover{background:var(--button-primary-hover);}
.auth-button:focus-visible{outline:2px solid var(--button-focus);outline-offset:2px;}
.auth-button-secondary{background:var(--button-bg);border-color:var(--button-line);color:var(--button-ink);}
.auth-button-secondary:hover{background:var(--button-hover);}
.auth-button[hidden]{display:none;}