/* =====================================================================
   ForgotPassword26.ascx.css - the forgot-password page (KG/Claude 10/3/2026)
   Builds on Login26.ascx.css (card, field, button, alert, the Swami on the card's edge), which the control links first. Only what is different lives here.
   ===================================================================== */

/* one card beside the headline; the card is shorter than on the sign-in page, so centre both */
.fp26-grid { grid-template-areas: "head card"; align-items: center; }
.fp26-grid .au26-head { align-self: center; }
.fp26-grid .au26-cardwrap { align-self: center; }

.fp26-back { margin-top: 18px; }
.au26-card .au26-btn.is-busy { opacity: .7; cursor: progress; }

.fp26-done h2 { margin-bottom: 14px; }
.fp26-done p { margin: 0 0 12px; font-size: 16px; line-height: 1.55; color: var(--sw-ink-soft); }
.fp26-done .fp26-done-junk { padding: 12px 14px; color: var(--sw-warning); background: var(--sw-warning-bg); border-radius: var(--sw-radius); font-size: 15px; }
.fp26-done .au26-btn { margin-top: 8px; }

@media (max-width: 900px) {
  .fp26-grid { grid-template-areas: "head" "card"; }
}