/* Shared forgot/reset password surfaces; page layouts remain in pages/. */
.ax-auth-compact {
      max-width: 420px;
      width: min(420px, calc(100vw - 32px));
    }
.ax-auth-surface {
      border-radius: var(--ax-radius-xl);
      box-shadow: 0 28px 60px -28px rgba(12, 16, 28, 0.7);
      background: var(--ax-surface);
      color: var(--ax-text-strong);
    }
.ax-card.ax-auth-surface .ax-label,
    .ax-card.ax-auth-surface .ax-field label,
    .ax-card.ax-auth-surface .ax-link,
    .ax-card.ax-auth-surface .ax-card__body > header h1,
    .ax-card.ax-auth-surface .ax-card__body > header p,
    .ax-card.ax-auth-surface .ax-alert__message {
      color: var(--ax-text-strong);
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-label,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-field label,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-link,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-alert__message,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-card__body > header p,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-card__body > header h1 {
      color: #e2e8f0;
    }

