/* Sign-in and sign-up pages (auth_base.html): the bits legacy.css doesn't cover. */
body > main .auth-or { text-align: center; margin: var(--space-4) 0 var(--space-2); }
body > main a { color: var(--text-accent); }
body > main a.btn { color: var(--text); text-decoration: none; }
body > main .field-hint { display: block; font-size: 15px; font-style: italic; color: var(--text-muted); }
body > main .field-error { display: block; margin-top: 4px; font-size: 16px; color: var(--danger); }
body > main input[aria-invalid="true"], body > main input[aria-invalid="true"]:focus { border-color: var(--danger); }
body > main label.check { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-6); min-height: var(--tap); }
body > main .quick-fields { margin-top: var(--space-2); }
body > main .quick-num label { margin: 0; }
body > main .quick-num input, body > main .quick-class input { margin-top: 0; }
/* invalid + focused: red 1px border inside, gold focus ring outside */
body > main input[aria-invalid="true"]:focus { outline: var(--focus-outline); outline-offset: 2px; }