/* The forgot-password and reset-password pages: labelled fields, 44px targets and a visible focus ring. */
.auth-form { display: grid; gap: 6px; max-width: 420px; }
.auth-form label { font-weight: 600; color: #0f172a; margin-top: 6px; }
.auth-form .input { min-height: 44px; margin-bottom: 4px; color: #0f172a; background: #fff; }
.auth-form .btn { min-height: 44px; margin-top: 10px; font-size: 15px; }
.auth-form .input:focus-visible, .auth-form .btn:focus-visible, .auth-links a:focus-visible {
  outline: 3px solid #4f46e5; outline-offset: 2px;
}
.auth-rules { margin: 4px 0 0; padding-left: 20px; color: #334155; font-size: 14px; line-height: 1.6; }
.auth-message { margin-top: 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid #cbd5e1;
  background: #f8fafc; color: #0f172a; font-size: 15px; line-height: 1.5; }
.auth-message[hidden] { display: none; }
.auth-message.is-error { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.auth-links { margin-top: 16px; }
.auth-links a { display: inline-flex; align-items: center; min-height: 44px; color: #1e3a8a; font-weight: 600; }