/* Auth pages share the saved panel theme. Keep their palette scoped to this shell. */
:root[data-theme="light"] .auth-shell {
  --login-bg: #f7f7fc;
  --login-text: #201c32;
  --login-text-soft: #59536d;
  --login-text-muted: #686078;
  --login-accent: #7342d6;
  --login-accent-soft: #6933ca;
  --auth-surface: #fff;
  --auth-subtle: #f8f7fc;
  --auth-line: #ded8ec;
  background-image: radial-gradient(circle at 8% 46%, #ede5fc, transparent 40%);
}

:root[data-theme="light"] .auth-shell::before,
:root[data-theme="light"] .auth-shell::after { opacity: .15; }

:root[data-theme="light"] #auth-root .auth-card {
  background: var(--auth-surface);
  border-color: var(--auth-line);
  box-shadow: 0 16px 56px #35245412;
}

:root[data-theme="light"] #auth-root .auth-card > .brand { color: var(--login-text); }

:root[data-theme="light"] #auth-root .auth-card input,
:root[data-theme="light"] #auth-root .subscription-picker select,
:root[data-theme="light"] #auth-root .auth-theme {
  background: var(--auth-surface);
  border-color: var(--auth-line);
}

:root[data-theme="light"] #auth-root .auth-card input:focus {
  border-color: var(--login-accent);
}

:root[data-theme="light"] #auth-root .auth-card input[readonly],
:root[data-theme="light"] #auth-root .auth-card .account,
:root[data-theme="light"] #auth-root .subscription-card {
  background: var(--auth-subtle);
  border-color: var(--auth-line);
}

:root[data-theme="light"] #auth-root .auth-section,
:root[data-theme="light"] #auth-root .auth-footnote,
:root[data-theme="light"] #auth-root .subscription-plans li,
:root[data-theme="light"] #auth-root .subscription-table td,
:root[data-theme="light"] #auth-root .subscription-debts li,
:root[data-theme="light"] #auth-root .subscription-statements li {
  border-color: var(--auth-line);
}

:root[data-theme="light"] #auth-root .sub-badge.tone-positive { color: #18703d; }
:root[data-theme="light"] #auth-root .sub-badge.tone-warning,
:root[data-theme="light"] #auth-root .subscription-table tr.over td { color: #855000; }
:root[data-theme="light"] #auth-root .sub-badge.tone-danger { color: #b4233c; }
:root[data-theme="light"] #auth-root .auth-card p[role="alert"] {
  color: #a51d36;
  background: #fff1f3;
  border-color: #f1b9c3;
}