/* The real sign-in inside the sculpted card. The preview keeps its single SSO
   button; the Flask page adds a Microsoft link (Entra mode) or an email and
   password form (local mode) using the card's own tokens. */
.signin-card a.sso-button{text-decoration:none}
.signin-card .login-form{display:grid;gap:12px;text-align:left}
.signin-card .field{display:grid;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--secondary)}
.signin-card .field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--sso-rule);border-radius:8px;background:var(--surface);color:var(--text);font:400 .9375rem/1.4 var(--font);letter-spacing:0;text-transform:none;box-shadow:inset 0 1px 0 var(--glass-rim)}
.signin-card .field input:focus-visible{outline:2px solid #A6192E;outline-offset:2px}
.signin-card .login-form .sso-button{margin-top:4px;justify-content:center}
.signin-card .form-error{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(166,25,46,.35);border-radius:8px;background:rgba(166,25,46,.08);color:#A6192E;font-size:.8125rem;line-height:1.5;text-align:left}
.signin-card .form-error[hidden]{display:none}