/*
* Force LIGHT theme for the admin portal.
*
* The FODS design system was authored as a dark-first palette (see
* ui/fods/tokens.css, ui/fods/themes/dark.css). Several admin pages had
* hand-rolled inline styles that used FODS dark tokens (e.g. var(--fods-color-bg))
* or hardcoded dark hex values, making them visually inconsistent with the
* canonical admin/payments.php look.
*
* To match payments.php on every admin page, we (1) remap every FODS colour
* token to its light admin-token equivalent under body.admin-shell and (2)
* undo the html-level color-scheme:dark from fods/themes/dark.css.
*/
html.admin-shell-root {
color-scheme: light !important;
}
body.admin-shell .portal-attention-strip,
body.admin-shell .admin-page-header__main,
body.admin-shell .cc-page-header-left {
display: none !important;
}
body.admin-shell .admin-page-header:not(:has(.admin-page-header__actions > *)),
body.admin-shell .cc-page-header:not(:has(.cc-page-header-right > *)) {
display: none !important;
}
body.admin-shell {
--admin-page-max-width: 1400px;
--admin-page-gutter: 30px;
--admin-page-gutter-compact: 14px;
/* FODS surfaces -> light admin surfaces */
--fods-color-bg-deep: #f0f4f8;
--fods-color-bg: #f8fafc;
--fods-color-bg-elevated: #ffffff;
--fods-color-surface: #ffffff;
--fods-color-surface-hover: #f1f5f9;
--fods-color-border: #e2e8f0;
--fods-color-border-strong: #cbd5e1;
/* FODS text -> dark text on light bg */
--fods-color-text: #1e293b;
--fods-color-text-muted: #475569;
--fods-color-text-subtle: #64748b;
/* FODS accent stays brand-aligned but switches to admin-violet for
readability against light surfaces */
--fods-color-accent: #8b5cf6;
--fods-color-accent-muted: #7c3aed;
--fods-color-accent-soft: rgba(139, 92, 246, 0.12);
/* Light-friendly elevation */
--fods-shadow-1: 0 1px 3px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.08);
--fods-shadow-2: 0 4px 12px rgba(15, 23, 42, 0.08), 0 16px 40px rgba(15, 23, 42, 0.10);
}
/*
* Defensive override: a few admin pages embed inline style="background:#0f172a;color:#e8edf4;…"
* directly on /