/* login.css — page-specific extras for the sign-in screen ONLY.
   Everything a login page shares with the registration page (the card,
   fields, buttons, brand block, gradient background, etc.) now lives
   in the single shared common/extranal/css/auth/auth-shared.css, which
   this page links BEFORE this file. Only truly login-only pieces
   belong here: the forgot-password modal launched from this page. */

/* Forgot-password modal launched from this page */
.modal-content { border: none; border-radius: 16px; overflow: hidden; }
.modal-header { border-bottom: none; padding: 22px 26px 0; }
.modal-title { font-size: 17px; font-weight: 700; color: var(--ink-900); }
.modal-body { padding: 14px 26px 6px; }
.modal-body .text-muted { font-size: 13px; }
.modal-body .form-control { border-radius: 10px; border: 1.5px solid var(--border); padding: 11px 14px; font-size: 14px; }
.modal-footer { border-top: none; padding: 18px 26px 26px; }
.modal-footer .btn-primary { background: var(--brand-blue); border: none; border-radius: 9px; padding: 9px 18px; font-weight: 600; font-size: 13px; }
.modal-footer .btn-primary:hover { background: var(--brand-blue-dark); }
.modal-footer .btn-light { border-radius: 9px; padding: 9px 18px; font-weight: 600; font-size: 13px; }