@import url("/css/controls-f8ac5549747aedf43755024ee7e96ec9.css");
@import url("/css/dark-page-9a708e38c3664dd7e75f9bebaa349dfd.css");
/* Forgot password page */

.page-forgot {
  width: 100%;
  max-width: 440px;
  margin: auto;
}

.page-forgot .icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-surface-low);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-3);
}

.page-forgot .forgot-actions {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

/* Page-owned dark mode: css/pages/forgot-password.css.
 * Preserve the light layout; explicitly pair dark surfaces, text, borders and states.
 * Palette follows Learning Path dark reference (110f0bf); scoped roles retain each page's hierarchy. */
html[data-theme="dark"] {
  --dm-auth-bg: var(--dark-bg);
  --dm-auth-surface: var(--dark-surface);
  --dm-auth-raised: var(--dark-raised);
  --dm-auth-ink: var(--dark-ink);
  --dm-auth-muted: var(--dark-muted);
  --dm-auth-line: var(--dark-line);
  --dm-auth-accent: var(--dark-accent);
  --dm-auth-action: var(--dark-button);
  --dm-auth-accent-soft: var(--dark-soft);
  --dm-auth-on-accent: var(--dark-on-button);
  --dm-auth-success: var(--dark-success);
  --dm-auth-success-bg: var(--dark-success-bg);
  --dm-auth-success-line: var(--dark-success-line);
  --dm-auth-danger: var(--dark-danger);
  --dm-auth-danger-bg: var(--dark-danger-bg);
  --dm-auth-danger-line: var(--dark-danger-line);
  --dm-auth-warning: var(--dark-warning);
  --dm-auth-warning-bg: var(--dark-warning-bg);
  --dm-auth-warning-line: var(--dark-warning-line);
  --dm-auth-pink: var(--dark-pink);
  --dm-auth-pink-bg: var(--dark-pink-bg);
  --dm-auth-pink-line: var(--dark-pink-line);
}