/**
 * assets/css/omni-theme.css
 * Universal Light & Dark Theme System for OmniTax & ELFATOORA AI
 * Stripe / Metronic / Linear caliber UI.
 * Zero-dependency pure CSS design system.
 */

:root {
  --bg-base: #080F1D;
  --bg-surface: #0F1926;
  --bg-card: #14213A;
  --bg-card-hover: #19273F;
  --bd: #1C2E47;
  --bd-strong: #2A3F5C;
  --txt-1: #F1F5F9;
  --txt-2: #94A3B8;
  --txt-3: #64748B;
  --omni-text: #F1F5F9;
  --omni-text2: #94A3B8;
  --omni-text3: #64748B;
  --omni-panel: #0F172A;
  --omni-panel2: #1E293B;
  --omni-bg: #080C16;
  --omni-border: rgba(255, 255, 255, 0.08);
  --omni-border-strong: rgba(255, 255, 255, 0.15);
  --omni-amber: #F59E0B;
  --omni-blue: #38BDF8;
  --omni-green: #10B981;
  --omni-purple: #8B5CF6;
  --omni-red: #F43F5E;
  --color-brand-primary: #0284C7;
  --color-brand-primary-hover: #0369A1;
  --color-brand-accent: #0D9488;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
}

/* ==========================================================================
   GLOBAL BUTTON & ACTION ELEMENT INTEGRITY
   Colored buttons & badges MUST ALWAYS preserve crisp white text!
   ========================================================================== */
button.bg-emerald-600,
button.bg-emerald-500,
button.bg-teal-600,
button.bg-teal-500,
button.bg-blue-600,
button.bg-blue-500,
button.bg-indigo-600,
button.bg-purple-600,
button.bg-cyan-600,
button.bg-cyan-500,
button.bg-amber-500,
button.bg-gradient-to-r,
a.bg-emerald-600,
a.bg-blue-600,
a.bg-teal-600,
a.bg-purple-600,
a.bg-gradient-to-r,
.btn-primary,
button[type="submit"].bg-gradient-to-r {
  color: #FFFFFF !important;
}

button.bg-emerald-600 i,
button.bg-emerald-600 span,
button.bg-blue-600 i,
button.bg-blue-600 span,
button.bg-gradient-to-r i,
button.bg-gradient-to-r span,
a.bg-gradient-to-r i,
a.bg-gradient-to-r span {
  color: inherit !important;
}

/* Theme Toggle Button */
.omni-theme-toggle,
.omni-theme-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  padding: 0.375rem 0.625rem !important;
  border-radius: 0.625rem !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ==========================================================================
   1. LIGHT THEME (Default & when .light or [data-theme="light"] is present)
   ========================================================================== */
html.light,
html[data-theme="light"],
.light {
  color-scheme: light;
  --bg-base: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F1F5F9;
  --bd: #E2E8F0;
  --bd-strong: #CBD5E1;
  --txt-1: #0F172A;
  --txt-2: #334155;
  --txt-3: #64748B;
  --omni-text: #0F172A;
  --omni-text2: #334155;
  --omni-text3: #64748B;
  --omni-panel: #FFFFFF;
  --omni-panel2: #F1F5F9;
  --omni-bg: #F8FAFC;
  --omni-border: #E2E8F0;
  --omni-border-strong: #CBD5E1;
  --omni-amber: #B45309;
  --omni-blue: #0284C7;
  --omni-green: #059669;
  --omni-purple: #6D28D9;
  --omni-red: #DC2626;
  --color-brand-primary: #0284C7;
  --color-brand-primary-hover: #0369A1;
  --color-brand-accent: #0D9488;
  --color-success: #059669;
  --color-warning: #B45309;
  --color-danger: #DC2626;
}

html.light body,
html[data-theme="light"] body,
.light body {
  background-color: #F8FAFC !important;
  color: #0F172A !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(14, 165, 233, 0.04) 0px, transparent 50%),
    radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.03) 0px, transparent 50%) !important;
  background-attachment: fixed !important;
}

/* Global Light Mode Typography & Section Headings */
html.light h1,
html.light h2,
html.light h3,
html.light h4,
html.light h5,
html.light h6,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
  color: #0F172A !important;
}

html.light h1 .text-white,
html.light h2.text-white,
html.light h2 .text-white,
html.light h3.text-white,
html.light h3 .text-white,
html.light h4.text-white,
html.light h4 .text-white,
html.light section h2,
html.light section h3,
html.light section h4,
html.light section .text-white,
html.light #pricing h2,
html.light #pricing h3,
html.light #pricing .text-white,
html.light #features h2,
html.light #features h3,
html.light #features .text-white,
html.light #corridors h2,
html.light #corridors h3,
html.light #corridors .text-white,
html.light #roi-calculator h2,
html.light #roi-calculator h3,
html.light #roi-calculator .text-white,
html.light #factoring-simulator h2,
html.light #factoring-simulator h3,
html.light #factoring-simulator .text-white,
html.light #developers h2,
html.light #developers h3,
html.light #developers .text-white,
html[data-theme="light"] h1 .text-white,
html[data-theme="light"] h2.text-white,
html[data-theme="light"] h2 .text-white,
html[data-theme="light"] h3.text-white,
html[data-theme="light"] h3 .text-white,
html[data-theme="light"] h4.text-white,
html[data-theme="light"] h4 .text-white,
html[data-theme="light"] section h2,
html[data-theme="light"] section h3,
html[data-theme="light"] section h4,
html[data-theme="light"] section .text-white,
html[data-theme="light"] #pricing h2,
html[data-theme="light"] #pricing h3,
html[data-theme="light"] #pricing .text-white,
html[data-theme="light"] #features h2,
html[data-theme="light"] #features h3,
html[data-theme="light"] #features .text-white,
html[data-theme="light"] #corridors h2,
html[data-theme="light"] #corridors h3,
html[data-theme="light"] #corridors .text-white,
html[data-theme="light"] #roi-calculator h2,
html[data-theme="light"] #roi-calculator h3,
html[data-theme="light"] #roi-calculator .text-white,
html[data-theme="light"] #factoring-simulator h2,
html[data-theme="light"] #factoring-simulator h3,
html[data-theme="light"] #factoring-simulator .text-white,
html[data-theme="light"] #developers h2,
html[data-theme="light"] #developers h3,
html[data-theme="light"] #developers .text-white,
html.light p strong.text-white,
html[data-theme="light"] p strong.text-white {
  color: #0F172A !important;
}

/* Crisp Slate Contrast for Light Mode */
html.light,
html.light body,
html[data-theme="light"],
html[data-theme="light"] body,
.light,
.light body {
  color: #0F172A !important;
}

html.light .text-slate-500,
html[data-theme="light"] .text-slate-500,
.light .text-slate-500 {
  color: #64748B !important;
}

html.light .text-slate-400,
html[data-theme="light"] .text-slate-400,
.light .text-slate-400 {
  color: #475569 !important;
}

html.light .text-slate-300,
html[data-theme="light"] .text-slate-300,
.light .text-slate-300 {
  color: #334155 !important;
}

html.light .text-slate-200,
html[data-theme="light"] .text-slate-200,
.light .text-slate-200 {
  color: #1E293B !important;
}

html.light .text-slate-100,
html[data-theme="light"] .text-slate-100,
.light .text-slate-100 {
  color: #0F172A !important;
}

/* Comprehensive Light Mode text-white Override */
html.light .text-white,
html[data-theme="light"] .text-white,
.light .text-white {
  color: #0F172A !important;
}

/* EXCEPTIONS: Action buttons, filled pills, dark badges & gradients MUST keep white text */
html.light button.bg-emerald-600,
html.light button.bg-emerald-500,
html.light button.bg-teal-600,
html.light button.bg-teal-500,
html.light button.bg-blue-600,
html.light button.bg-blue-500,
html.light button.bg-indigo-600,
html.light button.bg-purple-600,
html.light button.bg-cyan-600,
html.light button.bg-cyan-500,
html.light button.bg-amber-600,
html.light button.bg-amber-500,
html.light button.bg-red-600,
html.light button.bg-rose-600,
html.light button.bg-slate-900,
html.light button.bg-slate-800,
html.light a.bg-emerald-600,
html.light a.bg-emerald-500,
html.light a.bg-blue-600,
html.light a.bg-blue-500,
html.light a.bg-teal-600,
html.light a.bg-purple-600,
html.light a.bg-indigo-600,
html.light a.bg-cyan-600,
html.light a.bg-slate-900,
html.light a.bg-slate-800,
html.light .btn-primary,
html.light .btn-primary *,
html.light button[type="submit"].bg-gradient-to-r,
html.light button.bg-gradient-to-r:not(.from-blue-500\/10),
html.light a.bg-gradient-to-r:not(.from-blue-500\/10),
html.light button.bg-gradient-to-r:not(.from-blue-500\/10) *,
html.light a.bg-gradient-to-r:not(.from-blue-500\/10) *,
html.light .bg-gradient-to-r.text-white,
html.light .bg-gradient-to-br.text-white,
html.light .bg-blue-600 .text-white,
html.light .bg-emerald-600 .text-white,
html.light .bg-purple-600 .text-white,
html.light .bg-indigo-600 .text-white,
html.light .bg-cyan-600 .text-white,
html.light .badge-dark .text-white,
html.light .badge-primary .text-white,
html.light .bg-gradient-to-br i,
html.light .bg-gradient-to-br span.text-white,
html.light button.bg-gradient-to-r i,
html.light a.bg-gradient-to-r i,
html[data-theme="light"] button.bg-emerald-600,
html[data-theme="light"] button.bg-emerald-500,
html[data-theme="light"] button.bg-teal-600,
html[data-theme="light"] button.bg-teal-500,
html[data-theme="light"] button.bg-blue-600,
html[data-theme="light"] button.bg-blue-500,
html[data-theme="light"] button.bg-indigo-600,
html[data-theme="light"] button.bg-purple-600,
html[data-theme="light"] button.bg-cyan-600,
html[data-theme="light"] button.bg-cyan-500,
html[data-theme="light"] button.bg-amber-600,
html[data-theme="light"] button.bg-amber-500,
html[data-theme="light"] button.bg-red-600,
html[data-theme="light"] button.bg-rose-600,
html[data-theme="light"] button.bg-slate-900,
html[data-theme="light"] button.bg-slate-800,
html[data-theme="light"] a.bg-emerald-600,
html[data-theme="light"] a.bg-emerald-500,
html[data-theme="light"] a.bg-blue-600,
html[data-theme="light"] a.bg-blue-500,
html[data-theme="light"] a.bg-teal-600,
html[data-theme="light"] a.bg-purple-600,
html[data-theme="light"] a.bg-indigo-600,
html[data-theme="light"] a.bg-cyan-600,
html[data-theme="light"] a.bg-slate-900,
html[data-theme="light"] a.bg-slate-800,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-primary *,
html[data-theme="light"] button[type="submit"].bg-gradient-to-r,
html[data-theme="light"] button.bg-gradient-to-r:not(.from-blue-500\/10),
html[data-theme="light"] a.bg-gradient-to-r:not(.from-blue-500\/10),
html[data-theme="light"] button.bg-gradient-to-r:not(.from-blue-500\/10) *,
html[data-theme="light"] a.bg-gradient-to-r:not(.from-blue-500\/10) *,
html[data-theme="light"] .bg-gradient-to-r.text-white,
html[data-theme="light"] .bg-gradient-to-br.text-white,
html[data-theme="light"] .bg-blue-600 .text-white,
html[data-theme="light"] .bg-emerald-600 .text-white,
html[data-theme="light"] .bg-purple-600 .text-white,
html[data-theme="light"] .bg-indigo-600 .text-white,
html[data-theme="light"] .bg-cyan-600 .text-white,
html[data-theme="light"] .badge-dark .text-white,
html[data-theme="light"] .badge-primary .text-white,
html[data-theme="light"] .bg-gradient-to-br i,
html[data-theme="light"] .bg-gradient-to-br span.text-white,
html[data-theme="light"] button.bg-gradient-to-r i,
html[data-theme="light"] a.bg-gradient-to-r i,
.light button.bg-emerald-600,
.light button.bg-blue-600,
.light button.bg-purple-600,
.light a.bg-emerald-600,
.light a.bg-blue-600,
.light .btn-primary {
  color: #FFFFFF !important;
}

/* Omni System Token Utility Overrides in Light Mode */
html.light .bg-omni-bg,
html[data-theme="light"] .bg-omni-bg,
.light .bg-omni-bg {
  background-color: #F8FAFC !important;
}

html.light .bg-omni-panel,
html[data-theme="light"] .bg-omni-panel,
.light .bg-omni-panel {
  background-color: #FFFFFF !important;
}

html.light .bg-omni-panel2,
html[data-theme="light"] .bg-omni-panel2,
.light .bg-omni-panel2 {
  background-color: #F1F5F9 !important;
}

html.light .border-omni-border,
html[data-theme="light"] .border-omni-border,
.light .border-omni-border {
  border-color: #E2E8F0 !important;
}

html.light .border-omni-borderActive,
html[data-theme="light"] .border-omni-borderActive,
.light .border-omni-borderActive {
  border-color: #0284C7 !important;
}

html.light .divide-omni-border\/40 > :not([hidden]) ~ :not([hidden]),
html.light .divide-omni-border > :not([hidden]) ~ :not([hidden]),
html[data-theme="light"] .divide-omni-border\/40 > :not([hidden]) ~ :not([hidden]),
html[data-theme="light"] .divide-omni-border > :not([hidden]) ~ :not([hidden]),
.light .divide-omni-border\/40 > :not([hidden]) ~ :not([hidden]) {
  border-color: #E2E8F0 !important;
}

html.light .text-omni-text,
html[data-theme="light"] .text-omni-text,
.light .text-omni-text {
  color: #0F172A !important;
}

html.light .text-omni-text2,
html[data-theme="light"] .text-omni-text2,
.light .text-omni-text2 {
  color: #334155 !important;
}

html.light .text-omni-text3,
html[data-theme="light"] .text-omni-text3,
.light .text-omni-text3 {
  color: #64748B !important;
}

html.light .text-omni-blue,
html[data-theme="light"] .text-omni-blue,
.light .text-omni-blue {
  color: #0284C7 !important;
}

html.light .text-omni-green,
html[data-theme="light"] .text-omni-green,
.light .text-omni-green {
  color: #059669 !important;
}

html.light .text-omni-purple,
html[data-theme="light"] .text-omni-purple,
.light .text-omni-purple {
  color: #6D28D9 !important;
}

html.light .text-omni-red,
html[data-theme="light"] .text-omni-red,
.light .text-omni-red {
  color: #DC2626 !important;
}

/* High-Contrast Amber / Yellow in Light Mode (replaces washed-out bright yellow with bold amber-700/800) */
html.light .text-omni-amber,
html[data-theme="light"] .text-omni-amber,
.light .text-omni-amber,
html.light .text-amber-400,
html[data-theme="light"] .text-amber-400,
.light .text-amber-400,
html.light .text-amber-300,
html[data-theme="light"] .text-amber-300,
.light .text-amber-300,
html.light .text-yellow-400,
html[data-theme="light"] .text-yellow-400,
.light .text-yellow-400,
html.light .text-yellow-500,
html[data-theme="light"] .text-yellow-500,
.light .text-yellow-500 {
  color: #B45309 !important;
}

html.light .bg-omni-amber\/10,
html[data-theme="light"] .bg-omni-amber\/10,
.light .bg-omni-amber\/10,
html.light .bg-amber-500\/10,
html[data-theme="light"] .bg-amber-500\/10,
.light .bg-amber-500\/10,
html.light .bg-amber-500\/20,
html[data-theme="light"] .bg-amber-500\/20,
.light .bg-amber-500\/20,
html.light .bg-amber-400\/10,
html[data-theme="light"] .bg-amber-400\/10,
.light .bg-amber-400\/10 {
  background-color: #FEF3C7 !important;
  border-color: #FCD34D !important;
  color: #92400E !important;
}

html.light .border-amber-400\/30,
html.light .border-amber-500\/30,
html.light .border-amber-500\/40,
html.light .border-omni-amber\/30,
html[data-theme="light"] .border-amber-400\/30,
html[data-theme="light"] .border-amber-500\/30,
html[data-theme="light"] .border-amber-500\/40,
html[data-theme="light"] .border-omni-amber\/30 {
  border-color: #FCD34D !important;
}

/* Light Mode Tinted Badges & Tags */
html.light .text-cyan-400,
html.light .text-cyan-300,
html[data-theme="light"] .text-cyan-400,
html[data-theme="light"] .text-cyan-300,
.light .text-cyan-400,
.light .text-cyan-300 {
  color: #0284C7 !important;
}

html.light .bg-cyan-500\/10,
html.light .bg-cyan-500\/20,
html.light .bg-cyan-400\/10,
html.light .bg-omni-blue\/10,
html[data-theme="light"] .bg-cyan-500\/10,
html[data-theme="light"] .bg-cyan-500\/20,
html[data-theme="light"] .bg-cyan-400\/10,
html[data-theme="light"] .bg-omni-blue\/10,
.light .bg-cyan-500\/10,
.light .bg-omni-blue\/10 {
  background-color: #E0F2FE !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}

html.light .border-cyan-500\/30,
html.light .border-cyan-500\/40,
html.light .border-omni-blue\/30,
html[data-theme="light"] .border-cyan-500\/30,
html[data-theme="light"] .border-cyan-500\/40,
html[data-theme="light"] .border-omni-blue\/30 {
  border-color: #BAE6FD !important;
}

html.light .text-emerald-400,
html.light .text-emerald-300,
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .text-emerald-300,
.light .text-emerald-400,
.light .text-emerald-300 {
  color: #047857 !important;
}

html.light .bg-emerald-500\/10,
html.light .bg-emerald-500\/20,
html.light .bg-emerald-400\/10,
html.light .bg-emerald-400\/20,
html.light .bg-omni-green\/10,
html[data-theme="light"] .bg-emerald-500\/10,
html[data-theme="light"] .bg-emerald-500\/20,
html[data-theme="light"] .bg-emerald-400\/10,
html[data-theme="light"] .bg-emerald-400\/20,
html[data-theme="light"] .bg-omni-green\/10,
.light .bg-emerald-500\/10,
.light .bg-omni-green\/10 {
  background-color: #D1FAE5 !important;
  border-color: #A7F3D0 !important;
  color: #065F46 !important;
}

html.light .border-emerald-500\/30,
html.light .border-emerald-500\/40,
html.light .border-emerald-400\/40,
html.light .border-omni-green\/20,
html.light .border-omni-green\/30,
html[data-theme="light"] .border-emerald-500\/30,
html[data-theme="light"] .border-emerald-500\/40,
html[data-theme="light"] .border-emerald-400\/40,
html[data-theme="light"] .border-omni-green\/20,
html[data-theme="light"] .border-omni-green\/30 {
  border-color: #A7F3D0 !important;
}

html.light .text-indigo-400,
html.light .text-indigo-300,
html[data-theme="light"] .text-indigo-400,
html[data-theme="light"] .text-indigo-300,
.light .text-indigo-400,
.light .text-indigo-300 {
  color: #4338CA !important;
}

html.light .bg-indigo-500\/10,
html[data-theme="light"] .bg-indigo-500\/10,
.light .bg-indigo-500\/10 {
  background-color: #EEF2FF !important;
  border-color: #C7D2FE !important;
  color: #4338CA !important;
}

html.light .text-purple-400,
html.light .text-purple-300,
html[data-theme="light"] .text-purple-400,
html[data-theme="light"] .text-purple-300,
.light .text-purple-400,
.light .text-purple-300 {
  color: #6D28D9 !important;
}

html.light .bg-purple-500\/10,
html.light .bg-purple-500\/20,
html.light .bg-omni-purple\/10,
html[data-theme="light"] .bg-purple-500\/10,
html[data-theme="light"] .bg-purple-500\/20,
html[data-theme="light"] .bg-omni-purple\/10,
.light .bg-purple-500\/10,
.light .bg-omni-purple\/10 {
  background-color: #EDE9FE !important;
  border-color: #DDD6FE !important;
  color: #6D28D9 !important;
}

/* Light Mode Badges, Stat Blocks and Banners */
html.light .bg-\[\#0b1324\]\/80,
html.light .bg-\[\#0B1324\]\/80,
html[data-theme="light"] .bg-\[\#0b1324\]\/80,
html[data-theme="light"] .bg-\[\#0B1324\]\/80 {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

html.light .bg-slate-800\/80,
html[data-theme="light"] .bg-slate-800\/80 {
  background-color: #F1F5F9 !important;
  border-color: #CBD5E1 !important;
  color: #334155 !important;
}

/* Header & Navbar */
html.light header,
html.light header.plan-header,
html.light nav,
html.light nav.bg-\[\#060A12\]\/85,
html[data-theme="light"] header,
html[data-theme="light"] header.plan-header,
html[data-theme="light"] nav,
html[data-theme="light"] nav.bg-\[\#060A12\]\/85 {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important;
}

html.light header a,
html.light header .font-extrabold,
html.light nav a,
html.light nav .font-extrabold,
html[data-theme="light"] header a,
html[data-theme="light"] header .font-extrabold,
html[data-theme="light"] nav a,
html[data-theme="light"] nav .font-extrabold {
  color: #0F172A !important;
}

html.light header .text-white,
html.light nav .text-white,
html[data-theme="light"] header .text-white,
html[data-theme="light"] nav .text-white {
  color: #0F172A !important;
}

html.light nav .text-slate-300,
html.light nav .text-slate-400,
html[data-theme="light"] nav .text-slate-300,
html[data-theme="light"] nav .text-slate-400 {
  color: #475569 !important;
}

html.light nav a:hover,
html[data-theme="light"] nav a:hover {
  color: #0284C7 !important;
}

/* Top Statutory Banner */
html.light aside.bg-\[\#03060d\],
html.light aside\[aria-label="Avis Réglementaire"\],
html[data-theme="light"] aside.bg-\[\#03060d\],
html[data-theme="light"] aside\[aria-label="Avis Réglementaire"\] {
  background-color: #F1F5F9 !important;
  border-color: #E2E8F0 !important;
}

html.light aside.bg-\[\#03060d\] .text-slate-400,
html.light aside.bg-\[\#03060d\] .text-slate-300,
html[data-theme="light"] aside.bg-\[\#03060d\] .text-slate-400,
html[data-theme="light"] aside.bg-\[\#03060d\] .text-slate-300 {
  color: #475569 !important;
}

/* Sidebar */
html.light aside,
html.light aside#plan-sidebar,
html[data-theme="light"] aside,
html[data-theme="light"] aside#plan-sidebar {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.03) !important;
}

html.light aside .text-white,
html[data-theme="light"] aside .text-white {
  color: #0F172A !important;
}

html.light aside .text-slate-200,
html.light aside .text-slate-300,
html[data-theme="light"] aside .text-slate-200,
html[data-theme="light"] aside .text-slate-300 {
  color: #334155 !important;
}

html.light aside .text-slate-400,
html[data-theme="light"] aside .text-slate-400 {
  color: #64748B !important;
}

html.light aside nav a,
html[data-theme="light"] aside nav a {
  color: #334155 !important;
}

html.light aside nav a:hover,
html[data-theme="light"] aside nav a:hover {
  background-color: #F1F5F9 !important;
  color: #0284C7 !important;
}

html.light #plan-sidebar > div:last-child,
html[data-theme="light"] #plan-sidebar > div:last-child {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}

/* Executive / Hero gradient banners */
html.light .bg-gradient-to-r.from-\[\#0E1B2D\],
html.light .bg-gradient-to-r.from-\[\#0E1726\],
html.light .bg-gradient-to-r.from-\[\#0C1A2E\],
html.light .bg-gradient-to-r.from-\[\#0C1F1F\],
html.light .bg-gradient-to-r.from-\[\#1A0F2E\],
html.light .bg-gradient-to-r.from-\[\#1A1030\],
html.light .bg-gradient-to-r.from-omni-panel,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\],
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\],
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\],
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\],
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\],
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A1030\],
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel {
  background: linear-gradient(135deg, #F0F9FF 0%, #EEF2FF 50%, #F8FAFC 100%) !important;
  border-color: #BAE6FD !important;
  box-shadow: 0 4px 12px -2px rgba(14, 165, 233, 0.08) !important;
}

html.light .bg-gradient-to-r.from-\[\#0E1B2D\] h2,
html.light .bg-gradient-to-r.from-\[\#0E1726\] h2,
html.light .bg-gradient-to-r.from-\[\#0C1A2E\] h2,
html.light .bg-gradient-to-r.from-\[\#0C1F1F\] h2,
html.light .bg-gradient-to-r.from-\[\#1A0F2E\] h2,
html.light .bg-gradient-to-r.from-omni-panel h2,
html.light .bg-gradient-to-r.from-\[\#0E1B2D\] .text-white,
html.light .bg-gradient-to-r.from-\[\#0E1726\] .text-white,
html.light .bg-gradient-to-r.from-\[\#0C1A2E\] .text-white,
html.light .bg-gradient-to-r.from-\[\#0C1F1F\] .text-white,
html.light .bg-gradient-to-r.from-\[\#1A0F2E\] .text-white,
html.light .bg-gradient-to-r.from-omni-panel .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\] h2,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\] h2,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\] h2,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\] h2,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\] h2,
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel h2,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\] .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\] .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\] .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\] .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\] .text-white,
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel .text-white {
  color: #0F172A !important;
}

html.light .bg-gradient-to-r.from-\[\#0E1B2D\] p,
html.light .bg-gradient-to-r.from-\[\#0E1726\] p,
html.light .bg-gradient-to-r.from-\[\#0C1A2E\] p,
html.light .bg-gradient-to-r.from-\[\#0C1F1F\] p,
html.light .bg-gradient-to-r.from-\[\#1A0F2E\] p,
html.light .bg-gradient-to-r.from-omni-panel p,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\] p,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\] p,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\] p,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\] p,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\] p,
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel p {
  color: #475569 !important;
}

html.light .bg-gradient-to-r.from-\[\#0E1B2D\] .text-slate-200,
html.light .bg-gradient-to-r.from-\[\#0E1726\] .text-slate-200,
html.light .bg-gradient-to-r.from-\[\#0C1A2E\] .text-slate-200,
html.light .bg-gradient-to-r.from-\[\#0C1F1F\] .text-slate-200,
html.light .bg-gradient-to-r.from-\[\#1A0F2E\] .text-slate-200,
html.light .bg-gradient-to-r.from-omni-panel .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\] .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\] .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\] .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\] .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\] .text-slate-200,
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel .text-slate-200 {
  color: #475569 !important;
}

html.light .bg-gradient-to-r.from-\[\#0E1B2D\] .text-slate-400,
html.light .bg-gradient-to-r.from-\[\#0E1726\] .text-slate-400,
html.light .bg-gradient-to-r.from-\[\#0C1A2E\] .text-slate-400,
html.light .bg-gradient-to-r.from-\[\#0C1F1F\] .text-slate-400,
html.light .bg-gradient-to-r.from-\[\#1A0F2E\] .text-slate-400,
html.light .bg-gradient-to-r.from-omni-panel .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1B2D\] .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0E1726\] .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1A2E\] .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#0C1F1F\] .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-\[\#1A0F2E\] .text-slate-400,
html[data-theme="light"] .bg-gradient-to-r.from-omni-panel .text-slate-400 {
  color: #64748B !important;
}

/* Surface backgrounds in light mode */
html.light .bg-omni-bg,
html.light .bg-\[\#040811\],
html[data-theme="light"] .bg-omni-bg,
html[data-theme="light"] .bg-\[\#040811\] {
  background-color: #F8FAFC !important;
}

/* Card 3 (Pro PME) in Landing Page — Harmonized Light Mode */
html.light .from-\[\#132347\].to-\[\#0B1324\],
html.light .from-\[\#132347\],
html[data-theme="light"] .from-\[\#132347\].to-\[\#0B1324\],
html[data-theme="light"] .from-\[\#132347\] {
  background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%) !important;
  border-color: #0284C7 !important;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.15) !important;
}

html.light .from-\[\#132347\] h3,
html.light .from-\[\#132347\] .text-white,
html[data-theme="light"] .from-\[\#132347\] h3,
html[data-theme="light"] .from-\[\#132347\] .text-white {
  color: #0F172A !important;
}

html.light .from-\[\#132347\] p,
html.light .from-\[\#132347\] .text-slate-300,
html.light .from-\[\#132347\] .text-slate-200,
html.light .from-\[\#132347\] li,
html[data-theme="light"] .from-\[\#132347\] p,
html[data-theme="light"] .from-\[\#132347\] .text-slate-300,
html[data-theme="light"] .from-\[\#132347\] .text-slate-200,
html[data-theme="light"] .from-\[\#132347\] li {
  color: #334155 !important;
}

/* General card text in light mode */
html.light .bg-\[\#0B1324\] h3,
html.light .bg-\[\#0B1324\] h4,
html.light .bg-\[\#0B1324\] .text-white,
html[data-theme="light"] .bg-\[\#0B1324\] h3,
html[data-theme="light"] .bg-\[\#0B1324\] h4,
html[data-theme="light"] .bg-\[\#0B1324\] .text-white {
  color: #0F172A !important;
}

html.light .bg-\[\#0B1324\] p,
html.light .bg-\[\#0B1324\] .text-slate-400,
html.light .bg-\[\#0B1324\] .text-slate-300,
html.light .bg-\[\#0B1324\] li,
html[data-theme="light"] .bg-\[\#0B1324\] p,
html[data-theme="light"] .bg-\[\#0B1324\] .text-slate-400,
html[data-theme="light"] .bg-\[\#0B1324\] .text-slate-300,
html[data-theme="light"] .bg-\[\#0B1324\] li {
  color: #475569 !important;
}

/* 1. Universal Card & Panel White Surfaces (Admin Parity) */
html.light .bg-\[\#0B1324\],
html.light .bg-\[\#0b1324\],
html.light .bg-\[\#0b1324\]\/80,
html.light .bg-\[\#060A12\],
html.light .bg-\[\#060A12\]\/85,
html.light .bg-\[\#060A12\]\/95,
html.light .bg-\[\#060B17\],
html.light .bg-\[\#060A14\],
html.light .bg-\[\#080E1A\],
html.light .bg-\[\#080E1B\],
html.light .bg-\[\#0A101D\],
html.light .bg-\[\#0A1220\],
html.light .bg-\[\#0C1424\],
html.light .bg-\[\#0C1529\],
html.light .bg-\[\#0D1625\],
html.light .bg-\[\#0E1624\],
html.light .bg-\[\#0E1626\],
html.light .bg-\[\#090F1C\],
html.light .bg-\[\#09101D\],
html.light .bg-\[\#111A24\],
html.light .bg-\[\#121D36\],
html.light .bg-\[\#131F33\],
html.light .bg-\[\#14213A\],
html.light .bg-\[\#162130\],
html.light .bg-\[\#182229\],
html.light .bg-\[\#1F2C34\],
html.light .bg-\[\#202C33\],
html.light .bg-\[\#05080F\],
html.light .bg-\[\#04070D\],
html.light .bg-omni-panel,
html.light .bg-omni-card,
html.light .card-light,
html[data-theme="light"] .bg-\[\#0B1324\],
html[data-theme="light"] .bg-\[\#0b1324\],
html[data-theme="light"] .bg-\[\#0b1324\]\/80,
html[data-theme="light"] .bg-\[\#060A12\],
html[data-theme="light"] .bg-\[\#060A12\]\/85,
html[data-theme="light"] .bg-\[\#060A12\]\/95,
html[data-theme="light"] .bg-\[\#060B17\],
html[data-theme="light"] .bg-\[\#060A14\],
html[data-theme="light"] .bg-\[\#080E1A\],
html[data-theme="light"] .bg-\[\#080E1B\],
html[data-theme="light"] .bg-\[\#0A101D\],
html[data-theme="light"] .bg-\[\#0A1220\],
html[data-theme="light"] .bg-\[\#0C1424\],
html[data-theme="light"] .bg-\[\#0C1529\],
html[data-theme="light"] .bg-\[\#0D1625\],
html[data-theme="light"] .bg-\[\#0E1624\],
html[data-theme="light"] .bg-\[\#0E1626\],
html[data-theme="light"] .bg-\[\#090F1C\],
html[data-theme="light"] .bg-\[\#09101D\],
html[data-theme="light"] .bg-\[\#111A24\],
html[data-theme="light"] .bg-\[\#121D36\],
html[data-theme="light"] .bg-\[\#131F33\],
html[data-theme="light"] .bg-\[\#14213A\],
html[data-theme="light"] .bg-\[\#162130\],
html[data-theme="light"] .bg-\[\#182229\],
html[data-theme="light"] .bg-\[\#1F2C34\],
html[data-theme="light"] .bg-\[\#202C33\],
html[data-theme="light"] .bg-\[\#05080F\],
html[data-theme="light"] .bg-\[\#04070D\],
html[data-theme="light"] .bg-omni-panel,
html[data-theme="light"] .bg-omni-card,
html[data-theme="light"] .card-light,
.light .bg-\[\#0B1324\],
.light .bg-\[\#0b1324\],
.light .bg-\[\#060A12\],
.light .bg-\[\#060B17\],
.light .bg-\[\#0D1625\],
.light .bg-\[\#0E1626\],
.light .card-light {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05) !important;
}

/* Factoring Simulator & Complex Gradient Overrides */
html.light #factoring-simulator,
html.light .from-\[\#0C1529\],
html[data-theme="light"] #factoring-simulator,
html[data-theme="light"] .from-\[\#0C1529\],
.light #factoring-simulator {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html.light #factoring-simulator h4,
html.light #factoring-simulator h3,
html.light #factoring-simulator h2,
html[data-theme="light"] #factoring-simulator h4,
html[data-theme="light"] #factoring-simulator h3,
html[data-theme="light"] #factoring-simulator h2 {
  color: #0F172A !important;
}

html.light #factoring-simulator p,
html.light #factoring-simulator label,
html[data-theme="light"] #factoring-simulator p,
html[data-theme="light"] #factoring-simulator label {
  color: #334155 !important;
}

/* 5th Feature Card (Bilateral Corridor) */
html.light .from-\[\#131F3B\],
html.light .from-\[\#131F3B\].to-\[\#0B1324\],
html[data-theme="light"] .from-\[\#131F3B\],
html[data-theme="light"] .from-\[\#131F3B\].to-\[\#0B1324\] {
  background: linear-gradient(180deg, #F0F9FF 0%, #FFFFFF 100%) !important;
  border: 1px solid #0284C7 !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
}

html.light .from-\[\#131F3B\] h3,
html[data-theme="light"] .from-\[\#131F3B\] h3 {
  color: #0F172A !important;
}

html.light .from-\[\#131F3B\] li,
html[data-theme="light"] .from-\[\#131F3B\] li {
  color: #334155 !important;
}

/* Fold 40 Sovereign Clearinghouse */
html.light #sovereign-clearinghouse > div,
html.light .from-\[\#0B1324\].via-\[\#0D1B36\],
html[data-theme="light"] #sovereign-clearinghouse > div,
html[data-theme="light"] .from-\[\#0B1324\].via-\[\#0D1B36\] {
  background: linear-gradient(135deg, #F0F9FF 0%, #EEF2FF 50%, #F8FAFC 100%) !important;
  border: 1px solid #BAE6FD !important;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.08) !important;
}

/* Savings Receipt Banner */
html.light .from-\[\#0B1324\].via-\[\#0D1A36\],
html[data-theme="light"] .from-\[\#0B1324\].via-\[\#0D1A36\] {
  background: linear-gradient(135deg, #F0F9FF 0%, #EEF2FF 50%, #F8FAFC 100%) !important;
  border: 1px solid #BAE6FD !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
}

/* Pricing Card 3 (Pro PME) */
html.light #pricing .from-\[\#132347\],
html.light #pricing .from-\[\#132347\].to-\[\#0B1324\],
html[data-theme="light"] #pricing .from-\[\#132347\],
html[data-theme="light"] #pricing .from-\[\#132347\].to-\[\#0B1324\] {
  background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%) !important;
  border: 2px solid #0284C7 !important;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.15) !important;
}

/* 2. Sub-panels, Code boxes & Controls */
html.light .bg-slate-900,
html.light .bg-slate-900\/90,
html.light .bg-slate-900\/80,
html.light .bg-slate-900\/60,
html.light .bg-slate-950,
html.light .bg-slate-800,
html.light .bg-slate-800\/80,
html.light .bg-slate-800\/90,
html.light .bg-omni-panel2,
html[data-theme="light"] .bg-slate-900,
html[data-theme="light"] .bg-slate-900\/90,
html[data-theme="light"] .bg-slate-900\/80,
html[data-theme="light"] .bg-slate-900\/60,
html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] .bg-slate-800\/80,
html[data-theme="light"] .bg-slate-800\/90,
html[data-theme="light"] .bg-omni-panel2 {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* Form Inputs, Selects & Dropdowns */
html.light input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
html.light select,
html.light textarea,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background-color: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

html.light select option,
html[data-theme="light"] select option {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

/* Range Sliders */
html.light input[type="range"],
html[data-theme="light"] input[type="range"] {
  background-color: #E2E8F0 !important;
}

/* Developer MCP Code Box */
html.light #developers .bg-\[\#080E1B\],
html[data-theme="light"] #developers .bg-\[\#080E1B\] {
  background-color: #F1F5F9 !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
}

html.light #developers pre#mcp-payload,
html[data-theme="light"] #developers pre#mcp-payload {
  background-color: #0F172A !important;
  color: #38BDF8 !important;
}

/* Trust Logos Section */
html.light section.bg-\[\#040811\]\/60,
html[data-theme="light"] section.bg-\[\#040811\]\/60 {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}

html.light section.bg-\[\#040811\]\/60 p,
html[data-theme="light"] section.bg-\[\#040811\]\/60 p {
  color: #64748B !important;
}

/* Borders in light mode */
html.light .border-white\/10,
html.light .border-white\/15,
html.light .border-white\/5,
html.light .border-white\/20,
html.light .border-slate-800,
html.light .border-slate-700,
html.light .border-\[\#1E2D45\],
html[data-theme="light"] .border-white\/10,
html[data-theme="light"] .border-white\/15,
html[data-theme="light"] .border-white\/5,
html[data-theme="light"] .border-white\/20,
html[data-theme="light"] .border-slate-800,
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] .border-\[\#1E2D45\] {
  border-color: #E2E8F0 !important;
}

/* Headings in light cards */
html.light .bg-\[\#0E1626\] h3,
html.light .bg-\[\#0E1626\] h4,
html.light .bg-\[\#0E1624\] h3,
html.light .bg-\[\#0E1624\] h4,
html.light main h1,
html.light main h2,
html.light main h3,
html.light main h4,
html[data-theme="light"] .bg-\[\#0E1626\] h3,
html[data-theme="light"] .bg-\[\#0E1626\] h4,
html[data-theme="light"] .bg-\[\#0E1624\] h3,
html[data-theme="light"] .bg-\[\#0E1624\] h4,
html[data-theme="light"] main h1,
html[data-theme="light"] main h2,
html[data-theme="light"] main h3,
html[data-theme="light"] main h4 {
  color: #0F172A !important;
}

/* Card body text */
html.light .bg-\[\#0E1626\] p,
html.light .bg-\[\#0E1624\] p,
html.light main p,
html[data-theme="light"] .bg-\[\#0E1626\] p,
html[data-theme="light"] .bg-\[\#0E1624\] p,
html[data-theme="light"] main p {
  color: #475569 !important;
}

html.light .bg-\[\#0E1626\] .text-slate-200,
html.light .bg-\[\#0E1626\] .text-slate-300,
html.light .bg-\[\#0E1626\] strong.text-white,
html.light .bg-\[\#0E1626\] .text-white,
html.light #sec-rs .text-white,
html.light #sec-rs div.font-bold,
html[data-theme="light"] .bg-\[\#0E1626\] .text-slate-200,
html[data-theme="light"] .bg-\[\#0E1626\] .text-slate-300,
html[data-theme="light"] .bg-\[\#0E1626\] strong.text-white,
html[data-theme="light"] .bg-\[\#0E1626\] .text-white,
html[data-theme="light"] #sec-rs .text-white,
html[data-theme="light"] #sec-rs div.font-bold {
  color: #0F172A !important;
}

html.light .bg-\[\#0E1626\] .text-slate-400,
html[data-theme="light"] .bg-\[\#0E1626\] .text-slate-400 {
  color: #64748B !important;
}

/* Table styling in light mode */
html.light table,
html[data-theme="light"] table,
.light table {
  color: #0F172A !important;
}

html.light thead,
html.light table thead,
html[data-theme="light"] thead,
html[data-theme="light"] table thead,
.light thead,
.light table thead {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}

html.light table th,
html[data-theme="light"] table th,
.light table th {
  color: #475569 !important;
  border-color: #E2E8F0 !important;
  background-color: #F8FAFC !important;
  font-weight: 600 !important;
}

html.light table td,
html[data-theme="light"] table td,
.light table td {
  color: #0F172A !important;
  border-color: #F1F5F9 !important;
}

html.light table tr:hover,
html[data-theme="light"] table tr:hover,
.light table tr:hover {
  background-color: #F8FAFC !important;
}

/* Cockpit Table & Invoices Table High-Contrast Cells */
html.light #cockpit-table-body td,
html.light #cockpit-table-body td.text-white,
html.light #cockpit-table-body td .text-white,
html.light #cockpit-table-body td span.text-white,
html[data-theme="light"] #cockpit-table-body td,
html[data-theme="light"] #cockpit-table-body td.text-white,
html[data-theme="light"] #cockpit-table-body td .text-white,
html[data-theme="light"] #cockpit-table-body td span.text-white,
.light #cockpit-table-body td,
.light #cockpit-table-body td.text-white {
  color: #0F172A !important;
}

html.light #cockpit-table-body td .text-omni-text2,
html[data-theme="light"] #cockpit-table-body td .text-omni-text2,
.light #cockpit-table-body td .text-omni-text2 {
  color: #334155 !important;
}

html.light #cockpit-table-body td .text-omni-text3,
html[data-theme="light"] #cockpit-table-body td .text-omni-text3,
.light #cockpit-table-body td .text-omni-text3 {
  color: #64748B !important;
}

/* Cockpit table group hover text readability */
html.light #cockpit-table-body tr:hover td .text-omni-text2,
html[data-theme="light"] #cockpit-table-body tr:hover td .text-omni-text2,
.light #cockpit-table-body tr:hover td .text-omni-text2 {
  color: #0F172A !important;
}

/* WhatsApp Simulator in Solo.html */
html.light #sec-chat,
html[data-theme="light"] #sec-chat {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
}

html.light #sec-chat .bg-\[\#1F2C34\],
html[data-theme="light"] #sec-chat .bg-\[\#1F2C34\] {
  background-color: #008069 !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}

html.light #sec-chat .bg-\[\#1F2C34\] h3,
html[data-theme="light"] #sec-chat .bg-\[\#1F2C34\] h3 {
  color: #FFFFFF !important;
}

html.light #solo-chat,
html[data-theme="light"] #solo-chat {
  background-color: #EFEAE2 !important;
}

html.light #solo-chat .bg-\[\#202C33\],
html[data-theme="light"] #solo-chat .bg-\[\#202C33\] {
  background-color: #FFFFFF !important;
  color: #111B21 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
  border: 1px solid #E2E8F0 !important;
}

html.light #solo-chat .bg-\[\#005C4B\],
html[data-theme="light"] #solo-chat .bg-\[\#005C4B\] {
  background-color: #D9FDD3 !important;
  color: #111B21 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}

html.light #solo-chat .bg-\[\#005C4B\] *,
html[data-theme="light"] #solo-chat .bg-\[\#005C4B\] * {
  color: #111B21 !important;
}

html.light #solo-chat .bg-\[\#1F2C34\],
html[data-theme="light"] #solo-chat .bg-\[\#1F2C34\] {
  background-color: #FFFFFF !important;
  color: #111B21 !important;
  border-color: #86EFAC !important;
}

html.light #solo-chat .bg-\[\#111A24\],
html[data-theme="light"] #solo-chat .bg-\[\#111A24\] {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  color: #334155 !important;
}

html.light #solo-chat .bg-\[\#111A24\] strong,
html[data-theme="light"] #solo-chat .bg-\[\#111A24\] strong {
  color: #0F172A !important;
}

/* Plan Selection Cards on Signup / Checkout */
html.light .plan-card,
html[data-theme="light"] .plan-card {
  background-color: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important;
}

html.light .plan-card:hover,
html[data-theme="light"] .plan-card:hover {
  border-color: #93C5FD !important;
  box-shadow: 0 4px 12px 0 rgba(59, 130, 246, 0.08) !important;
}

html.light .plan-card.active,
html[data-theme="light"] .plan-card.active {
  background-color: #F0F9FF !important;
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15), 0 4px 12px 0 rgba(2, 132, 199, 0.1) !important;
}

html.light .plan-card .price-display,
html[data-theme="light"] .plan-card .price-display {
  color: #0F172A !important;
}

html.light .plan-card ul li,
html[data-theme="light"] .plan-card ul li {
  color: #475569 !important;
}

html.light .plan-card .text-slate-300,
html.light .plan-card .text-slate-200,
html[data-theme="light"] .plan-card .text-slate-300,
html[data-theme="light"] .plan-card .text-slate-200 {
  color: #0F172A !important;
}

html.light .plan-card .text-slate-400,
html[data-theme="light"] .plan-card .text-slate-400 {
  color: #64748B !important;
}

/* Form inputs in light mode */
html.light input,
html.light select,
html.light textarea,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background-color: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #0F172A !important;
}

html.light input:focus,
html.light select:focus,
html.light textarea:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {
  border-color: #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
  outline: none !important;
}

html.light input::placeholder,
html[data-theme="light"] input::placeholder {
  color: #94A3B8 !important;
}

/* Toggles & containers */
html.light #stage-signup,
html.light #stage-payment,
html.light #stage-success,
html[data-theme="light"] #stage-signup,
html[data-theme="light"] #stage-payment,
html[data-theme="light"] #stage-success {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
}

html.light #rail-a-container,
html.light #rail-b-container,
html[data-theme="light"] #rail-a-container,
html[data-theme="light"] #rail-b-container {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

html.light #rail-a-container h4,
html.light #rail-b-container h4,
html[data-theme="light"] #rail-a-container h4,
html[data-theme="light"] #rail-b-container h4 {
  color: #0F172A !important;
}

html.light .bg-slate-950\/80,
html[data-theme="light"] .bg-slate-950\/80 {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
}

html.light .bg-slate-950\/80 .text-slate-300,
html[data-theme="light"] .bg-slate-950\/80 .text-slate-300 {
  color: #475569 !important;
}

html.light .bg-slate-950\/80 .text-white,
html[data-theme="light"] .bg-slate-950\/80 .text-white {
  color: #0F172A !important;
}

/* Statutory Legal transparency footers */
html.light footer,
html.light footer#statutory-legal-footer,
html[data-theme="light"] footer,
html[data-theme="light"] footer#statutory-legal-footer {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  color: #64748B !important;
}

html.light footer .text-slate-200,
html[data-theme="light"] footer .text-slate-200 {
  color: #1E293B !important;
}

html.light footer .text-slate-400,
html[data-theme="light"] footer .text-slate-400 {
  color: #475569 !important;
}

/* Theme Toggle Button in Light Mode */
html.light .omni-theme-toggle-btn,
html[data-theme="light"] .omni-theme-toggle-btn {
  border: 1px solid #E2E8F0 !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* Modals in Light Mode */
html.light #omni-upgrade-modal > div,
html.light #omni-doc-modal > div,
html[data-theme="light"] #omni-upgrade-modal > div,
html[data-theme="light"] #omni-doc-modal > div {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}

/* Scrollbars in Light Mode */
html.light ::-webkit-scrollbar-track,
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: #F8FAFC !important;
}

html.light ::-webkit-scrollbar-thumb,
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #CBD5E1 !important;
  border-radius: 4px;
}

/* Cockpit Overview, Ticker Bar & Pending Queue in Light Mode */
html.light #pending-queue-list > div,
html[data-theme="light"] #pending-queue-list > div,
.light #pending-queue-list > div {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

html.light #pending-queue-list span.text-white,
html[data-theme="light"] #pending-queue-list span.text-white,
.light #pending-queue-list span.text-white {
  color: #0F172A !important;
}

html.light #cockpit-savings-banner,
html[data-theme="light"] #cockpit-savings-banner,
.light #cockpit-savings-banner {
  background: linear-gradient(135deg, #ECFDF5 0%, #FFFFFF 50%, #F0FDF4 100%) !important;
  border-color: #A7F3D0 !important;
}

html.light #cockpit-savings-banner h3,
html[data-theme="light"] #cockpit-savings-banner h3,
.light #cockpit-savings-banner h3 {
  color: #064E3B !important;
}

html.light #cockpit-savings-banner p,
html[data-theme="light"] #cockpit-savings-banner p,
.light #cockpit-savings-banner p {
  color: #334155 !important;
}

html.light #sidebar,
html[data-theme="light"] #sidebar,
.light #sidebar {
  background-color: #FFFFFF !important;
  border-right-color: #E2E8F0 !important;
}

html.light #sidebar .sidebar-text,
html.light #sidebar .text-white,
html[data-theme="light"] #sidebar .sidebar-text,
html[data-theme="light"] #sidebar .text-white,
.light #sidebar .sidebar-text,
.light #sidebar .text-white {
  color: #0F172A !important;
}

html.light .nav-item,
html[data-theme="light"] .nav-item,
.light .nav-item {
  color: #475569 !important;
}

html.light .nav-item:hover,
html[data-theme="light"] .nav-item:hover,
.light .nav-item:hover {
  background-color: #F1F5F9 !important;
  color: #0284C7 !important;
}

html.light .nav-item.active,
html[data-theme="light"] .nav-item.active,
.light .nav-item.active {
  background: linear-gradient(90deg, rgba(2, 132, 199, 0.1) 0%, rgba(2, 132, 199, 0.02) 100%) !important;
  border-left: 2px solid #0284C7 !important;
  color: #0284C7 !important;
  font-weight: 600 !important;
}

html.light .ticker-marquee,
html[data-theme="light"] .ticker-marquee,
.light .ticker-marquee {
  color: #334155 !important;
}

html.light .ticker-marquee strong,
html[data-theme="light"] .ticker-marquee strong,
.light .ticker-marquee strong {
  color: #0F172A !important;
}

html.light .h-7.bg-\[\#04070D\],
html[data-theme="light"] .h-7.bg-\[\#04070D\],
.light .h-7.bg-\[\#04070D\] {
  background-color: #F1F5F9 !important;
  border-bottom-color: #E2E8F0 !important;
}

html.light .h-7.bg-\[\#04070D\] > div:first-child,
html[data-theme="light"] .h-7.bg-\[\#04070D\] > div:first-child,
.light .h-7.bg-\[\#04070D\] > div:first-child {
  background-color: #F1F5F9 !important;
  border-right-color: #E2E8F0 !important;
}

html.light #drawer,
html[data-theme="light"] #drawer,
.light #drawer {
  background-color: #FFFFFF !important;
  border-left-color: #E2E8F0 !important;
  color: #0F172A !important;
}

html.light #omni-global-legal-notice > div,
html[data-theme="light"] #omni-global-legal-notice > div,
.light #omni-global-legal-notice > div {
  background-color: #FFFFFF !important;
  border-color: #F59E0B !important;
  color: #0F172A !important;
}

/* ========================================================================= */
/* 🏛️ SUPREME COUNCIL ADMIN-PARITY LIGHT THEME ENGINE (GOLD STANDARD)        */
/* ========================================================================= */

/* 1. Universal Slate Text Contrast (Admin Parity) */
html.light .text-slate-100,
html.light .text-slate-200,
html.light .text-slate-300,
html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-slate-300 {
  color: #1E293B !important; /* Slate-800 */
}

html.light .text-slate-400,
html.light .text-slate-500,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500 {
  color: #475569 !important; /* Slate-600 */
}

/* 2. High-Contrast Vibrant Color Accents for Light Mode */
/* Cyan / Sky -> Deep Sky-700 / Cyan-700 */
html.light .text-cyan-300,
html.light .text-cyan-400,
html.light .text-sky-300,
html.light .text-sky-400,
html[data-theme="light"] .text-cyan-300,
html[data-theme="light"] .text-cyan-400,
html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .text-sky-400 {
  color: #0369A1 !important;
}

/* Emerald / Green / Teal -> Deep Emerald-700 */
html.light .text-emerald-300,
html.light .text-emerald-400,
html.light .text-green-300,
html.light .text-green-400,
html.light .text-teal-300,
html.light .text-teal-400,
html[data-theme="light"] .text-emerald-300,
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .text-green-300,
html[data-theme="light"] .text-green-400,
html[data-theme="light"] .text-teal-300,
html[data-theme="light"] .text-teal-400 {
  color: #047857 !important;
}

/* Blue / Indigo -> Deep Blue-700 */
html.light .text-blue-300,
html.light .text-blue-400,
html.light .text-indigo-300,
html.light .text-indigo-400,
html[data-theme="light"] .text-blue-300,
html[data-theme="light"] .text-blue-400,
html[data-theme="light"] .text-indigo-300,
html[data-theme="light"] .text-indigo-400 {
  color: #1D4ED8 !important;
}

/* Red / Rose -> Deep Red-700 */
html.light .text-red-300,
html.light .text-red-400,
html.light .text-rose-300,
html.light .text-rose-400,
html[data-theme="light"] .text-red-300,
html[data-theme="light"] .text-red-400,
html[data-theme="light"] .text-rose-300,
html[data-theme="light"] .text-rose-400 {
  color: #B91C1C !important;
}

/* Amber / Yellow / Orange -> Deep Amber-700 */
html.light .text-amber-300,
html.light .text-amber-400,
html.light .text-yellow-300,
html.light .text-yellow-400,
html.light .text-orange-300,
html.light .text-orange-400,
html[data-theme="light"] .text-amber-300,
html[data-theme="light"] .text-amber-400,
html[data-theme="light"] .text-yellow-300,
html[data-theme="light"] .text-yellow-400,
html[data-theme="light"] .text-orange-300,
html[data-theme="light"] .text-orange-400 {
  color: #B45309 !important;
}

/* Purple / Violet -> Deep Purple-700 */
html.light .text-purple-300,
html.light .text-purple-400,
html.light .text-violet-300,
html.light .text-violet-400,
html[data-theme="light"] .text-purple-300,
html[data-theme="light"] .text-purple-400,
html[data-theme="light"] .text-violet-300,
html[data-theme="light"] .text-violet-400 {
  color: #6D28D9 !important;
}

/* 3. Universal Light Mode Badges & Pills (Admin Parity) */
html.light .bg-emerald-500\/10,
html.light .bg-emerald-500\/15,
html.light .bg-emerald-500\/20,
html.light .bg-emerald-400\/10,
html.light .bg-emerald-400\/20,
html[data-theme="light"] .bg-emerald-500\/10,
html[data-theme="light"] .bg-emerald-500\/15,
html[data-theme="light"] .bg-emerald-500\/20,
html[data-theme="light"] .bg-emerald-400\/10,
html[data-theme="light"] .bg-emerald-400\/20 {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #047857 !important;
}

html.light .bg-blue-500\/10,
html.light .bg-blue-500\/15,
html.light .bg-blue-500\/20,
html.light .bg-blue-400\/10,
html.light .bg-blue-400\/20,
html[data-theme="light"] .bg-blue-500\/10,
html[data-theme="light"] .bg-blue-500\/15,
html[data-theme="light"] .bg-blue-500\/20,
html[data-theme="light"] .bg-blue-400\/10,
html[data-theme="light"] .bg-blue-400\/20 {
  background-color: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
}

html.light .bg-cyan-500\/10,
html.light .bg-cyan-500\/15,
html.light .bg-cyan-500\/20,
html.light .bg-cyan-400\/10,
html.light .bg-cyan-400\/20,
html[data-theme="light"] .bg-cyan-500\/10,
html[data-theme="light"] .bg-cyan-500\/15,
html[data-theme="light"] .bg-cyan-500\/20,
html[data-theme="light"] .bg-cyan-400\/10,
html[data-theme="light"] .bg-cyan-400\/20 {
  background-color: #F0F9FF !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}

html.light .bg-red-500\/10,
html.light .bg-red-500\/15,
html.light .bg-red-500\/20,
html.light .bg-red-400\/10,
html.light .bg-red-400\/20,
html[data-theme="light"] .bg-red-500\/10,
html[data-theme="light"] .bg-red-500\/15,
html[data-theme="light"] .bg-red-500\/20,
html[data-theme="light"] .bg-red-400\/10,
html[data-theme="light"] .bg-red-400\/20 {
  background-color: #FEF2F2 !important;
  border-color: #FECACA !important;
  color: #B91C1C !important;
}

html.light .bg-amber-500\/10,
html.light .bg-amber-500\/15,
html.light .bg-amber-500\/20,
html.light .bg-amber-400\/10,
html.light .bg-amber-400\/20,
html.light .bg-yellow-500\/10,
html.light .bg-yellow-500\/20,
html[data-theme="light"] .bg-amber-500\/10,
html[data-theme="light"] .bg-amber-500\/15,
html[data-theme="light"] .bg-amber-500\/20,
html[data-theme="light"] .bg-amber-400\/10,
html[data-theme="light"] .bg-amber-400\/20,
html[data-theme="light"] .bg-yellow-500\/10,
html[data-theme="light"] .bg-yellow-500\/20 {
  background-color: #FFFBEB !important;
  border-color: #FDE68A !important;
  color: #B45309 !important;
}

html.light .bg-purple-500\/10,
html.light .bg-purple-500\/15,
html.light .bg-purple-500\/20,
html.light .bg-purple-400\/10,
html.light .bg-purple-400\/20,
html[data-theme="light"] .bg-purple-500\/10,
html[data-theme="light"] .bg-purple-500\/15,
html[data-theme="light"] .bg-purple-500\/20,
html[data-theme="light"] .bg-purple-400\/10,
html[data-theme="light"] .bg-purple-400\/20 {
  background-color: #FAF5FF !important;
  border-color: #E9D5FF !important;
  color: #6D28D9 !important;
}

html.light .bg-indigo-500\/10,
html.light .bg-indigo-500\/15,
html.light .bg-indigo-500\/20,
html.light .bg-indigo-400\/10,
html.light .bg-indigo-400\/20,
html[data-theme="light"] .bg-indigo-500\/10,
html[data-theme="light"] .bg-indigo-500\/15,
html[data-theme="light"] .bg-indigo-500\/20,
html[data-theme="light"] .bg-indigo-400\/10,
html[data-theme="light"] .bg-indigo-400\/20 {
  background-color: #EEF2FF !important;
  border-color: #C7D2FE !important;
  color: #4338CA !important;
  font-weight: 600 !important;
}

html.light #sec-chat .text-\[\#00A884\],
html[data-theme="light"] #sec-chat .text-\[\#00A884\] {
  color: #D1FAE5 !important;
}

html.light button.bg-emerald-500,
html.light .bg-emerald-500.hover\:bg-emerald-400,
html[data-theme="light"] button.bg-emerald-500,
html[data-theme="light"] .bg-emerald-500.hover\:bg-emerald-400 {
  background-color: #059669 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

html.light .bg-black\/40,
html.light .bg-black\/30,
html.light .bg-black\/50,
html[data-theme="light"] .bg-black\/40,
html[data-theme="light"] .bg-black\/30,
html[data-theme="light"] .bg-black\/50 {
  background-color: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}

/* 4. Action Buttons in Light Mode (Crisp and Distinctive) */
/* Solid Buttons retain crisp white text */
html.light button.bg-blue-600,
html.light button.bg-blue-700,
html.light a.bg-blue-600,
html.light a.bg-blue-700,
html.light button.bg-emerald-600,
html.light button.bg-emerald-700,
html.light a.bg-emerald-600,
html.light a.bg-emerald-700,
html.light button.bg-slate-900,
html.light a.bg-slate-900,
html.light [class*="bg-gradient-to"]:not([class*="bg-clip-text"]),
html[data-theme="light"] button.bg-blue-600,
html[data-theme="light"] button.bg-blue-700,
html[data-theme="light"] a.bg-blue-600,
html[data-theme="light"] a.bg-blue-700,
html[data-theme="light"] button.bg-emerald-600,
html[data-theme="light"] button.bg-emerald-700,
html[data-theme="light"] a.bg-emerald-600,
html[data-theme="light"] a.bg-emerald-700,
html[data-theme="light"] button.bg-slate-900,
html[data-theme="light"] a.bg-slate-900,
html[data-theme="light"] [class*="bg-gradient-to"]:not([class*="bg-clip-text"]) {
  color: #FFFFFF !important;
}

/* Outline / Tier Buttons on Pricing & Cards */
html.light a.bg-emerald-500\/20,
html[data-theme="light"] a.bg-emerald-500\/20 {
  background-color: #ECFDF5 !important;
  border: 1.5px solid #10B981 !important;
  color: #047857 !important;
  font-weight: 700 !important;
}
html.light a.bg-emerald-500\/20:hover,
html[data-theme="light"] a.bg-emerald-500\/20:hover {
  background-color: #D1FAE5 !important;
}

html.light a.bg-cyan-500\/20,
html[data-theme="light"] a.bg-cyan-500\/20 {
  background-color: #F0F9FF !important;
  border: 1.5px solid #0EA5E9 !important;
  color: #0369A1 !important;
  font-weight: 700 !important;
}
html.light a.bg-cyan-500\/20:hover,
html[data-theme="light"] a.bg-cyan-500\/20:hover {
  background-color: #E0F2FE !important;
}

html.light a.bg-purple-500\/20,
html[data-theme="light"] a.bg-purple-500\/20 {
  background-color: #FAF5FF !important;
  border: 1.5px solid #8B5CF6 !important;
  color: #6D28D9 !important;
  font-weight: 700 !important;
}
html.light a.bg-purple-500\/20:hover,
html[data-theme="light"] a.bg-purple-500\/20:hover {
  background-color: #F3E8FF !important;
}

html.light a.bg-amber-500\/20,
html[data-theme="light"] a.bg-amber-500\/20 {
  background-color: #FFFBEB !important;
  border: 1.5px solid #F59E0B !important;
  color: #B45309 !important;
  font-weight: 700 !important;
}
html.light a.bg-amber-500\/20:hover,
html[data-theme="light"] a.bg-amber-500\/20:hover {
  background-color: #FEF3C7 !important;
}

html.light a[title="Détails"],
html[data-theme="light"] a[title="Détails"] {
  background-color: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}
html.light a[title="Détails"]:hover,
html[data-theme="light"] a[title="Détails"]:hover {
  background-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* 5. Terminal Code Displays (Fold 40 & Developer API) - Maintain Executive Console Fidelity */
html.light pre#v40-clearance-json,
html[data-theme="light"] pre#v40-clearance-json {
  background-color: #0A1220 !important;
  color: #34D399 !important;
  border-radius: 0.75rem !important;
  padding: 1rem !important;
}

html.light #sovereign-clearinghouse .bg-\[\#060A12\]:has(pre#v40-clearance-json),
html[data-theme="light"] #sovereign-clearinghouse .bg-\[\#060A12\]:has(pre#v40-clearance-json) {
  background-color: #0A1220 !important;
  border: 1px solid #1E293B !important;
}

html.light #v40-clearance-status,
html[data-theme="light"] #v40-clearance-status {
  color: #34D399 !important;
  font-weight: 700 !important;
}

html.light #sovereign-clearinghouse select,
html.light #sovereign-clearinghouse input,
html[data-theme="light"] #sovereign-clearinghouse select,
html[data-theme="light"] #sovereign-clearinghouse input {
  background-color: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #0F172A !important;
}
html.light #sovereign-clearinghouse select option,
html[data-theme="light"] #sovereign-clearinghouse select option {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

/* 6. ROI Calculator Outcome Badges */
html.light #roi-calculator .grid.grid-cols-2 > div:nth-child(1),
html[data-theme="light"] #roi-calculator .grid.grid-cols-2 > div:nth-child(1) {
  background: #EFF6FF !important;
  border: 1px solid #BFDBFE !important;
}
html.light #stat-fx-saved,
html[data-theme="light"] #stat-fx-saved {
  color: #1D4ED8 !important;
  font-weight: 800 !important;
}

html.light #roi-calculator .grid.grid-cols-2 > div:nth-child(2),
html[data-theme="light"] #roi-calculator .grid.grid-cols-2 > div:nth-child(2) {
  background: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
}
html.light #stat-risk-saved,
html[data-theme="light"] #stat-risk-saved {
  color: #DC2626 !important;
  font-weight: 800 !important;
}

html.light #roi-calculator .grid.grid-cols-2 > div:nth-child(3),
html[data-theme="light"] #roi-calculator .grid.grid-cols-2 > div:nth-child(3) {
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
}
html.light #stat-hours-saved,
html[data-theme="light"] #stat-hours-saved {
  color: #047857 !important;
  font-weight: 800 !important;
}

html.light #roi-calculator .grid.grid-cols-2 > div:nth-child(4),
html[data-theme="light"] #roi-calculator .grid.grid-cols-2 > div:nth-child(4) {
  background: #F0FDF4 !important;
  border: 1.5px solid #86EFAC !important;
}
html.light #stat-net-saved,
html[data-theme="light"] #stat-net-saved {
  color: #0F172A !important;
  font-weight: 900 !important;
}
html.light #stat-net-tnd,
html[data-theme="light"] #stat-net-tnd {
  color: #15803D !important;
  font-weight: 700 !important;
}

/* 7. Factoring Simulator Outputs */
html.light #liq-net-disbursed,
html[data-theme="light"] #liq-net-disbursed {
  color: #047857 !important;
  font-weight: 900 !important;
}

html.light #liq-advance-amount,
html[data-theme="light"] #liq-advance-amount {
  color: #0F172A !important;
  font-weight: 700 !important;
}

html.light #liq-bank-charge,
html[data-theme="light"] #liq-bank-charge {
  color: #B45309 !important;
  font-weight: 700 !important;
}

html.light #liq-origination-fee,
html[data-theme="light"] #liq-origination-fee {
  color: #0369A1 !important;
  font-weight: 700 !important;
}

html.light #liq-reserve-held,
html[data-theme="light"] #liq-reserve-held {
  color: #4338CA !important;
  font-weight: 700 !important;
}

html.light #factoring-simulator .bg-amber-500\/10,
html[data-theme="light"] #factoring-simulator .bg-amber-500\/10 {
  background-color: #FFFBEB !important;
  border: 1px solid #FDE68A !important;
  color: #92400E !important;
}
html.light #factoring-simulator .bg-amber-500\/10 strong,
html[data-theme="light"] #factoring-simulator .bg-amber-500\/10 strong {
  color: #78350F !important;
}

/* 8. Plan Dashboards Parity (solo, pro, nano, cabinet, enterprise) */
html.light aside#plan-sidebar,
html[data-theme="light"] aside#plan-sidebar {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
}

html.light aside#plan-sidebar nav a,
html[data-theme="light"] aside#plan-sidebar nav a {
  color: #334155 !important;
  font-weight: 600 !important;
}

html.light aside#plan-sidebar nav a:hover,
html[data-theme="light"] aside#plan-sidebar nav a:hover {
  background-color: #F1F5F9 !important;
  color: #0F172A !important;
}

html.light header.plan-header,
html[data-theme="light"] header.plan-header {
  background-color: #FFFFFF !important;
  border-color: #E2E8F0 !important;
}

html.light header.plan-header .text-white,
html[data-theme="light"] header.plan-header .text-white {
  color: #0F172A !important;
}

/* Evolution button on plan sidebar & header */
html.light aside#plan-sidebar button[onclick*="openUpgradeModal"],
html.light header.plan-header button[onclick*="openUpgradeModal"],
html[data-theme="light"] aside#plan-sidebar button[onclick*="openUpgradeModal"],
html[data-theme="light"] header.plan-header button[onclick*="openUpgradeModal"] {
  background: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}

/* 9. 3-Way Match Audit Banner on Index / Supplier Portal */
html.light #tab-supplierportal .bg-slate-900,
html[data-theme="light"] #tab-supplierportal .bg-slate-900 {
  background-color: #0F172A !important;
  color: #F8FAFC !important;
  border-color: #1E293B !important;
}
html.light #tab-supplierportal .bg-slate-900 h4,
html.light #tab-supplierportal .bg-slate-900 p,
html.light #tab-supplierportal .bg-slate-900 span,
html[data-theme="light"] #tab-supplierportal .bg-slate-900 h4,
html[data-theme="light"] #tab-supplierportal .bg-slate-900 p,
html[data-theme="light"] #tab-supplierportal .bg-slate-900 span {
  color: #F8FAFC !important;
}


/* ==========================================================================
   2. DARK THEME (When .dark or [data-theme="dark"] is present)
   ========================================================================== */
html.dark,
html[data-theme="dark"] {
  color-scheme: dark;
}

html.dark body,
html[data-theme="dark"] body {
  background-color: #080F1D !important;
  color: #F8FAFC !important;
  background-image: 
    radial-gradient(ellipse at 0% 0%, rgba(59, 130, 246, 0.08) 0px, transparent 60%),
    radial-gradient(ellipse at 100% 100%, rgba(16, 185, 129, 0.05) 0px, transparent 50%) !important;
  background-attachment: fixed !important;
}

html.dark header,
html.dark header.plan-header,
html[data-theme="dark"] header,
html[data-theme="dark"] header.plan-header {
  background-color: #0A1220 !important;
  border-color: #1C2E47 !important;
}

html.dark aside,
html.dark aside#plan-sidebar,
html[data-theme="dark"] aside,
html[data-theme="dark"] aside#plan-sidebar {
  background-color: #0A1220 !important;
  border-color: #1C2E47 !important;
}

html.dark .omni-theme-toggle-btn,
html[data-theme="dark"] .omni-theme-toggle-btn {
  border: 1px solid #2A3F5C !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #F1F5F9 !important;
}

html.dark .omni-theme-toggle-btn:hover,
html[data-theme="dark"] .omni-theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #38BDF8 !important;
}

/* Cards in Dark Mode */
html.dark .plan-card,
html[data-theme="dark"] .plan-card {
  background-color: #111927 !important;
  border: 1.5px solid #1C2E47 !important;
  color: #F8FAFC !important;
}

html.dark .plan-card.active,
html[data-theme="dark"] .plan-card.active {
  background-color: rgba(56, 189, 248, 0.1) !important;
  border-color: #38BDF8 !important;
  box-shadow: 0 0 20px -3px rgba(56, 189, 248, 0.3) !important;
}

/* Modals in Dark Mode */
html.dark #omni-upgrade-modal > div,
html.dark #omni-doc-modal > div,
html[data-theme="dark"] #omni-upgrade-modal > div,
html[data-theme="dark"] #omni-doc-modal > div {
  background-color: #0F1926 !important;
  border-color: #1C2E47 !important;
  color: #F8FAFC !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5) !important;
}