/* ============================================================
   Answerly · auth page extras (login.html)
   Layered on main.css tokens + app.css login card
   ============================================================ */

.auth-view h1{font-size:22px;text-align:center;margin-bottom:6px;}
.auth-view .sub b{color:var(--ink);font-weight:600;}

/* inline error banner */
.auth-error{display:flex;align-items:flex-start;gap:10px;background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;padding:11px 14px;font-size:13px;color:#B91C1C;line-height:1.55;margin-bottom:18px;}
.auth-error::before{content:"⚠";flex-shrink:0;font-size:13px;line-height:1.5;}
.auth-error[hidden]{display:none;}
.auth-error.ok{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;}
.auth-error.ok::before{content:"✓";}

/* verification code input */
.code-input{font-size:24px;font-weight:700;letter-spacing:.5em;text-align:center;font-family:var(--mono);padding:13px 13px 13px calc(13px + .5em);}

.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:13px;}
.auth-link{color:var(--brand-strong);font-weight:600;text-decoration:none;}
.auth-link:hover{text-decoration:underline;text-underline-offset:2px;}
.auth-link.disabled{color:var(--muted-2);pointer-events:none;font-weight:500;}
.auth-muted{color:var(--muted-2);}
.auth-strong{color:var(--brand-strong);font-weight:600;}
.login-hint a{text-decoration:none;}
.login-hint a:hover{text-decoration:underline;text-underline-offset:2px;}

/* buttons while loading */
.btn[disabled]{opacity:.6;pointer-events:none;}