/* Scoped recovery fixes: do not alter global navigation or checkout layouts. */
.payment-status-page { overflow-wrap: anywhere; }
.payment-status-page .sx-auth-card { min-width: 0; }
.payment-status-page .recover-form { display: grid; gap: 1rem; }
.payment-status-page .recover-form label { display: grid; gap: .5rem; min-width: 0; }
.payment-status-page .recover-form input { box-sizing: border-box; width: 100%; min-width: 0; font-size: 1rem; min-height: 48px; }
.payment-status-page .btn { min-height: 48px; white-space: normal; text-align: center; }
.payment-status-page .report-action-row { display: flex; flex-wrap: wrap; gap: .75rem; }
.payment-status-page .recovery-guidance { margin-top: 2rem; }
.payment-status-page .recovery-guidance h2 { font-size: 1.15rem; margin-top: 1.5rem; }
.payment-status-page #recover-status { scroll-margin-block: 2rem; }
.payment-status-page :focus-visible { outline: 3px solid #176de5; outline-offset: 4px; }
.payment-status-page button:disabled { cursor: wait; }
@media (max-width: 600px) {
  .legal-page .nav { flex-wrap: wrap; gap: .75rem; }
  .legal-page .nav-links { flex-wrap: wrap; gap: 1rem; }
  .payment-status-page .report-action-row .btn { width: 100%; box-sizing: border-box; }
}
@media (prefers-reduced-motion: reduce) {
  .legal-page { scroll-behavior: auto; }
  .payment-status-page * { animation: none !important; transition: none !important; }
}