/* ══════════════════════════════════════════════════════════════════
   LIFE PROS — LIGHT MODE
   Activated via data-mode="light" on <html>.
   Loaded AFTER the inline <style> block so these override :root vars.
   ══════════════════════════════════════════════════════════════════ */

/* ─── CSS VARIABLE OVERRIDES ──────────────────────────────────── */

[data-mode="light"] {
  --bg: #f5f6f8;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface-hover: #f0f1f4;
  --surface-active: #e8eaef;
  --border: #e4e7ec;
  --border-subtle: #eef0f4;
  --border-strong: #d1d5db;
  --text-primary: #0f1419;
  --text-secondary: #536471;
  --text-tertiary: #8899a6;
  --text-muted: #b8c4ce;

  --gold: #b8922e;
  --gold-light: #d4a843;
  --gold-dark: #9a7a24;
  --gold-bg: rgba(184,146,46,.08);
  --gold-glow: rgba(184,146,46,.12);
  --accent: #2563eb;
  --accent-bg: rgba(37,99,235,.08);
  --green: #059669;
  --green-bg: rgba(5,150,105,.08);
  --orange: #d97706;
  --orange-bg: rgba(217,119,6,.08);
  --red: #dc2626;
  --red-bg: rgba(220,38,38,.08);
  --purple: #7c3aed;
  --purple-bg: rgba(124,58,237,.08);

  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);
  --shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.05);
  --shadow-xl: 0 20px 50px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);
  --shadow-gold: 0 4px 20px rgba(184,146,46,.15);

  color-scheme: light;
}

/* Theme B (teal) + light */
[data-mode="light"][data-theme="B"] {
  --gold: #0d9488;
  --gold-light: #14b8a6;
  --gold-dark: #0f766e;
  --gold-bg: rgba(13,148,136,.08);
  --gold-glow: rgba(13,148,136,.12);
  --shadow-gold: 0 4px 20px rgba(13,148,136,.15);
  --teal: #0d9488;
  --teal-light: #14b8a6;
  --teal-dark: #0f766e;
  --teal-bg: rgba(13,148,136,.08);
  --teal-glow: rgba(13,148,136,.12);
  --glass: rgba(255,255,255,.75);
  --glass-border: rgba(0,0,0,.06);
}

/* ─── GLOBAL FOUNDATIONS ──────────────────────────────────────── */

[data-mode="light"] body {
  background: #f5f6f8 !important;
  color: #0f1419 !important;
}

/* Content wrapper */
[data-mode="light"] .content {
  background: #f5f6f8 !important;
}

/* Scrollbars — override all rgba(255,255,255,...) scrollbar styles */
[data-mode="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12) !important; }
[data-mode="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.2) !important; }
[data-mode="light"] ::-webkit-scrollbar-track { background: transparent !important; }
[data-mode="light"] .content::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1) !important; }
[data-mode="light"] .content::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.16) !important; }
[data-mode="light"] .dash-split-left::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1) !important; }
[data-mode="light"] .dash-split-left::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.16) !important; }
[data-mode="light"] .dash-split-right::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1) !important; }
[data-mode="light"] .dash-split-right::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.16) !important; }

/* Selection */
[data-mode="light"] ::selection { background: rgba(37,99,235,.15) !important; color: #0f1419 !important; }
[data-mode="light"][data-theme="B"] ::selection { background: rgba(13,148,136,.15) !important; }

/* Focus rings */
[data-mode="light"] *:focus-visible { outline-color: rgba(37,99,235,.4) !important; }
[data-mode="light"][data-theme="B"] *:focus-visible { outline-color: rgba(13,148,136,.4) !important; }

/* ─── SIDEBAR ────────────────────────────────────────────────── */

[data-mode="light"] .sidebar {
  background: #ffffff !important;
  border-right-color: #e4e7ec !important;
}
[data-mode="light"] .sidebar-logo .l { color: #0f1419 !important; }
[data-mode="light"] .sidebar-logo::after {
  background: linear-gradient(90deg, rgba(184,146,46,.2), transparent) !important;
}
[data-mode="light"][data-theme="B"] .sidebar-logo::after {
  background: linear-gradient(90deg, rgba(13,148,136,.2), transparent) !important;
}
[data-mode="light"] .sidebar-nav a { color: #536471 !important; }
[data-mode="light"] .sidebar-nav a:hover {
  background: rgba(0,0,0,.04) !important;
  color: #0f1419 !important;
}
[data-mode="light"] .sidebar-nav a.active {
  background: var(--gold-bg) !important;
  color: var(--gold) !important;
}
[data-mode="light"] .sidebar-account a { color: #536471 !important; }
[data-mode="light"] .sidebar-account a:hover { background: rgba(0,0,0,.03) !important; color: #0f1419 !important; }
[data-mode="light"] .sidebar-account a.active { background: var(--gold-bg) !important; color: var(--gold) !important; }
[data-mode="light"] .sidebar-account { border-top-color: #e4e7ec !important; }
[data-mode="light"] .sidebar-bottom { border-top-color: #e4e7ec !important; }
[data-mode="light"] .sidebar-bottom p { color: #b8c4ce !important; }
[data-mode="light"] .sidebar-label { color: #b8c4ce !important; }
[data-mode="light"] .sidebar-section-toggle:hover .sidebar-label { color: #536471 !important; }
[data-mode="light"] .section-chevron { color: #b8c4ce !important; }
[data-mode="light"] #userGreeting { color: #8899a6 !important; }

/* Theme B sidebar */
[data-mode="light"][data-theme="B"] .sidebar { background: #ffffff !important; }
[data-mode="light"][data-theme="B"] .sidebar-logo .l { color: #0f1419 !important; }
[data-mode="light"][data-theme="B"] .sidebar-nav a,
[data-mode="light"][data-theme="B"] .sidebar-nav button { color: #536471 !important; }
[data-mode="light"][data-theme="B"] .sidebar-nav a:hover,
[data-mode="light"][data-theme="B"] .sidebar-nav button:hover { background: rgba(0,0,0,.04) !important; color: #0f1419 !important; }
[data-mode="light"][data-theme="B"] .sidebar-nav a.active { color: var(--gold) !important; }
[data-mode="light"][data-theme="B"] .sidebar-label { color: rgba(13,148,136,.5) !important; }
[data-mode="light"][data-theme="B"] .section-chevron { color: rgba(13,148,136,.35) !important; }
[data-mode="light"][data-theme="B"] #userGreeting { color: #8899a6 !important; }
[data-mode="light"][data-theme="B"] .sidebar-account a { color: #536471 !important; }

/* ─── MOBILE TOP BAR ────────────────────────────────────────── */

[data-mode="light"] .mobile-bar .mb-text { color: #0f1419 !important; }
[data-mode="light"] .mobile-bar .hamburger {
  background: rgba(0,0,0,.04) !important;
  color: #536471 !important;
}
[data-mode="light"] .mobile-bar .hamburger:hover {
  background: rgba(0,0,0,.08) !important;
  color: #0f1419 !important;
}
[data-mode="light"] .mobile-top-bar {
  background: #ffffff !important;
  border-bottom-color: #e4e7ec !important;
}
[data-mode="light"] .mtb-title { color: #0f1419 !important; }
[data-mode="light"][data-theme="B"] .mobile-top-bar { background: #ffffff !important; }

/* ─── MOBILE BOTTOM NAV ────────────────────────────────────── */

[data-mode="light"] .mobile-bottom-nav {
  background: #ffffff !important;
  border-top-color: #e4e7ec !important;
}
[data-mode="light"] .mbn-item { color: #b8c4ce !important; }
[data-mode="light"] .mbn-item.active { color: var(--gold) !important; }
[data-mode="light"] .mbn-item:hover { color: #536471 !important; }
[data-mode="light"][data-theme="B"] .mobile-bottom-nav { background: #ffffff !important; }

/* ─── VIEWER PANEL ──────────────────────────────────────────── */

[data-mode="light"] .viewer {
  background: #ffffff !important;
  border-left-color: #e4e7ec !important;
}
[data-mode="light"] .viewer-header {
  background: #f5f6f8 !important;
  border-bottom-color: #e4e7ec !important;
}
[data-mode="light"] .viewer-btn {
  background: #ffffff !important;
  border-color: #d1d5db !important;
  color: #536471 !important;
}
[data-mode="light"] .viewer-btn:hover { background: #f0f1f4 !important; color: #0f1419 !important; }
[data-mode="light"] .viewer-close {
  background: #ffffff !important;
  border-color: #d1d5db !important;
  color: #8899a6 !important;
}
[data-mode="light"] .viewer-close:hover { background: #f0f1f4 !important; color: #0f1419 !important; }
[data-mode="light"] .viewer.viewer-split .viewer-pane + .viewer-pane { border-left-color: #d1d5db !important; }

/* ─── LOGIN PAGE ────────────────────────────────────────────── */

[data-mode="light"] .login-wrapper {
  background: linear-gradient(135deg, #f5f6f8 0%, #e8eaef 100%) !important;
}
[data-mode="light"] .login-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
}
[data-mode="light"] .login-card input {
  background: #f5f6f8 !important;
  border-color: #e4e7ec !important;
  color: #0f1419 !important;
}
[data-mode="light"] .login-card input::placeholder { color: #b8c4ce !important; }
[data-mode="light"] .login-card input:focus { border-color: var(--gold) !important; }

/* ─── COMMAND CENTER / TODAY ────────────────────────────────── */

/* Hero cards */
[data-mode="light"] .cc-hero-card {
  background: linear-gradient(145deg, rgba(184,146,46,.06), rgba(184,146,46,.02) 60%, rgba(184,146,46,.03)) !important;
  border-color: rgba(184,146,46,.18) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
[data-mode="light"] .cc-hero-card:hover {
  border-color: rgba(184,146,46,.3) !important;
  box-shadow: 0 8px 32px rgba(184,146,46,.1) !important;
}
[data-mode="light"] .cc-hero-card.cc-hero-guides {
  background: linear-gradient(145deg, rgba(37,99,235,.06), rgba(37,99,235,.02) 60%, rgba(37,99,235,.03)) !important;
  border-color: rgba(37,99,235,.15) !important;
}
[data-mode="light"] .cc-hero-card.cc-hero-guides:hover {
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 8px 32px rgba(37,99,235,.1) !important;
}

/* Hero action buttons — override hardcoded rgba(255,255,255,...) */
[data-mode="light"] .cc-hero-action {
  background: rgba(0,0,0,.03) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  color: #536471 !important;
}
[data-mode="light"] .cc-hero-action:hover {
  background: rgba(0,0,0,.06) !important;
  border-color: rgba(184,146,46,.2) !important;
  color: var(--gold) !important;
}
[data-mode="light"] .cc-hero-cta { color: #fff !important; }
[data-mode="light"] .cc-pin:hover { background: rgba(0,0,0,.03) !important; }

/* Incentive teaser */
[data-mode="light"] .cc-incentive {
  background: linear-gradient(145deg, rgba(184,146,46,.06), transparent) !important;
  border-color: rgba(184,146,46,.12) !important;
}
[data-mode="light"] .cc-incentive:hover {
  border-color: rgba(184,146,46,.2) !important;
  box-shadow: 0 4px 16px rgba(184,146,46,.08) !important;
}

/* Home progress bar */
[data-mode="light"] .home-prog-bar { background: rgba(0,0,0,.06) !important; }

/* Incentive banner on home */
[data-mode="light"] .ic-incentive-banner { border-color: rgba(37,99,235,.2) !important; }
[data-mode="light"] .ic-banner-sub { color: rgba(255,255,255,.85) !important; }
[data-mode="light"] .ic-banner-cta {
  background: rgba(255,255,255,.2) !important;
  border-color: rgba(255,255,255,.3) !important;
}
[data-mode="light"] .ic-incentive-banner:hover .ic-banner-cta { background: rgba(255,255,255,.3) !important; }

/* Workflow items */
[data-mode="light"] .cc-wf-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; }

/* ─── TRAINING ──────────────────────────────────────────────── */

[data-mode="light"] .tp-bar-track { background: rgba(0,0,0,.06) !important; }
[data-mode="light"] .tp-step:hover { background: rgba(0,0,0,.03) !important; }
[data-mode="light"] .video-row .step { background: rgba(0,0,0,.04) !important; }

/* ─── CARRIER BADGES ────────────────────────────────────────── */

[data-mode="light"] .carrier-badge .cb-icon { background: rgba(0,0,0,.05) !important; }

/* ─── PORTAL CARDS ──────────────────────────────────────────── */

[data-mode="light"] .portal-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-mode="light"] .portal-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; }
[data-mode="light"] .portal-card-logo:not([style]) {
  background: rgba(0,0,0,.03) !important;
}
[data-mode="light"] .portal-card-logo.img-logo {
  background: #fff !important;
  border-color: #e4e7ec !important;
}

/* ─── TOOL CARDS ────────────────────────────────────────────── */

[data-mode="light"] .tool-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-mode="light"] .tool-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; }

/* ─── INCENTIVE CARDS ────────────────────────────────────────── */

[data-mode="light"] .inc-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
[data-mode="light"] .inc-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; }
[data-mode="light"] .inc-card::before { background: rgba(0,0,0,.02) !important; }
[data-mode="light"] .inc-logo { border-color: #e4e7ec !important; }
[data-mode="light"] .inc-reward { background: rgba(0,0,0,.02) !important; }
[data-mode="light"] .inc-bar { background: rgba(0,0,0,.06) !important; }
[data-mode="light"] .inc-bar-inner.b-default {
  background: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.15)) !important;
}
[data-mode="light"] .inc-bar-inner::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5)) !important;
}
[data-mode="light"] .inc-tier { background: rgba(0,0,0,.02) !important; }
[data-mode="light"] .inc-skel { background: rgba(0,0,0,.03) !important; }

/* ─── TABLES ────────────────────────────────────────────────── */

[data-mode="light"] table thead th {
  background: #f5f6f8 !important;
  color: #536471 !important;
  border-bottom-color: #e4e7ec !important;
}
[data-mode="light"] table tbody tr { border-bottom-color: #eef0f4 !important; }
[data-mode="light"] table tbody tr:hover { background: #f9fafb !important; }
[data-mode="light"] table tbody td { color: #0f1419 !important; }

/* Dashboard table — override hardcoded rgba(255,255,255,.02) */
[data-mode="light"] .dash-table tr:hover td { background: #f9fafb !important; }

/* ─── FORMS & INPUTS ────────────────────────────────────────── */

[data-mode="light"] input,
[data-mode="light"] select,
[data-mode="light"] textarea {
  background: #f5f6f8 !important;
  border-color: #e4e7ec !important;
  color: #0f1419 !important;
}
[data-mode="light"] input::placeholder,
[data-mode="light"] textarea::placeholder { color: #b8c4ce !important; }
[data-mode="light"] input:focus,
[data-mode="light"] select:focus,
[data-mode="light"] textarea:focus { border-color: var(--gold) !important; }

/* ─── MODALS ────────────────────────────────────────────────── */

[data-mode="light"] .modal-overlay { background: rgba(0,0,0,.25) !important; }
[data-mode="light"] .modal-card,
[data-mode="light"] .confirm-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.12) !important;
}
/* Video modal bg */
[data-mode="light"] .modal-box { background: #ffffff !important; }
/* Modal close button — override rgba(255,255,255,...) */
[data-mode="light"] .modal-x {
  background: rgba(0,0,0,.05) !important;
  color: #536471 !important;
}
[data-mode="light"] .modal-x:hover {
  background: rgba(0,0,0,.1) !important;
  color: #0f1419 !important;
}

/* ─── TOASTS ────────────────────────────────────────────────── */

[data-mode="light"] .toast-container .toast {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  color: #0f1419 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
}

/* ─── CALENDAR ──────────────────────────────────────────────── */

[data-mode="light"] .cal-day { border-color: #eef0f4 !important; }
[data-mode="light"] .cal-day:hover { background: #f9fafb !important; }
[data-mode="light"] .cal-day.today { border-color: var(--gold) !important; }
[data-mode="light"] .cal-header-day { color: #8899a6 !important; }

/* ─── LEADS ─────────────────────────────────────────────────── */

[data-mode="light"] .leads-drawer {
  background: #ffffff !important;
  border-left-color: #e4e7ec !important;
  box-shadow: -4px 0 24px rgba(0,0,0,.08) !important;
}
/* Leads status pills — override rgba(255,255,255,.15) border */
[data-mode="light"] .leads-status-pill { border-color: #d1d5db !important; }
/* Leads dropdown color dots */
[data-mode="light"] .leads-dropdown .color-dot { border-color: #d1d5db !important; }
/* Leads card action links */
[data-mode="light"] .leads-card .lc-actions a { border-color: #d1d5db !important; }

/* ─── LEADERBOARD ────────────────────────────────────────────── */

[data-mode="light"] .lb-row { border-bottom-color: #eef0f4 !important; }
[data-mode="light"] .lb-row:hover { background: #f9fafb !important; }

/* ─── CHAT WIDGET ────────────────────────────────────────────── */

[data-mode="light"] .chat-panel {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
}
[data-mode="light"] .chat-messages { background: #f5f6f8 !important; }
[data-mode="light"] .chat-msg.user { background: var(--gold-bg) !important; }
[data-mode="light"] .chat-msg.ai {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
}
[data-mode="light"] .chat-msg.ai code { background: rgba(0,0,0,.04) !important; }
[data-mode="light"] .chat-input-area {
  background: #ffffff !important;
  border-top-color: #e4e7ec !important;
}
[data-mode="light"] .chat-input {
  background: #f5f6f8 !important;
  color: #0f1419 !important;
}

/* ─── DAILY STATS / SCOREBOARD ──────────────────────────────── */

[data-mode="light"] .hsb-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* ─── CSF (Commission Factors) ──────────────────────────────── */

[data-mode="light"] .csf3-r-track { stroke: rgba(0,0,0,.08) !important; }
[data-mode="light"] .csf3-pbar { background: rgba(0,0,0,.06) !important; }
[data-mode="light"] .csf3-mr .r-tr { stroke: rgba(0,0,0,.08) !important; }
[data-mode="light"] .csf2-numpad-key:active { background: rgba(0,0,0,.06) !important; }
[data-mode="light"] .csf-rpt-table td { border-bottom-color: #eef0f4 !important; }
[data-mode="light"] .csf-rpt-table tbody tr:hover td { background: #f9fafb !important; }
[data-mode="light"] .csf-rpt-table tbody tr:hover .rpt-name { background: #f9fafb !important; }

/* ─── QUOTING ────────────────────────────────────────────────── */

[data-mode="light"] .quote-result-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}
[data-mode="light"] .quote-result-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
}

/* ─── COMMISSION CALC ────────────────────────────────────────── */

[data-mode="light"] .calc-result {
  background: #f9fafb !important;
  border-color: #e4e7ec !important;
}

/* ─── FEATURE REQUESTS ──────────────────────────────────────── */

[data-mode="light"] .fr-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* ─── PRESENTATION / AD CALC ────────────────────────────────── */

[data-mode="light"] .pres-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* ─── SETTINGS ──────────────────────────────────────────────── */

[data-mode="light"] .settings-card,
[data-mode="light"] .stg-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* ─── MY TEAM ────────────────────────────────────────────────── */

[data-mode="light"] .team-card {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-mode="light"] .team-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; }

/* ─── DASHBOARD ─────────────────────────────────────────────── */

/* Dashboard stat cards */
[data-mode="light"] .dash-stat-card,
[data-mode="light"] .stat-card,
[data-mode="light"] [class*="dash-card"],
[data-mode="light"] [class*="dash-stat"] {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
}

/* Dashboard policy table */
[data-mode="light"] .dash-table {
  background: #ffffff !important;
}
[data-mode="light"] .dash-table th {
  background: #f5f6f8 !important;
  color: #536471 !important;
}

/* Dashboard monthly totals */
[data-mode="light"] .dash-split-right {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
}

/* ─── MISC ──────────────────────────────────────────────────── */

[data-mode="light"] pre,
[data-mode="light"] code {
  background: #f0f1f4 !important;
  color: #0f1419 !important;
}
[data-mode="light"] hr { border-color: #e4e7ec !important; }

/* Loading shimmer */
[data-mode="light"] .shimmer,
[data-mode="light"] .skeleton {
  background: linear-gradient(90deg, #eef0f4 25%, #f5f6f8 50%, #eef0f4 75%) !important;
  background-size: 200% 100% !important;
}

/* Dropdown menus */
[data-mode="light"] .dropdown-menu,
[data-mode="light"] .context-menu {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}
[data-mode="light"] .dropdown-item:hover { background: #f5f6f8 !important; }

/* Empty states */
[data-mode="light"] .empty-state { color: #8899a6 !important; }

/* Badges / pills */
[data-mode="light"] .status-pill { font-weight: 600 !important; }

/* Ensure proper contrast for gold CTA buttons */
[data-mode="light"] .btn-gold { color: #fff !important; }

/* ─── THEME B SPECIFIC LIGHT OVERRIDES ──────────────────────── */

[data-mode="light"][data-theme="B"] body {
  background: #f5f6f8 !important;
  color: #0f1419 !important;
}
[data-mode="light"][data-theme="B"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1) !important; }
[data-mode="light"][data-theme="B"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.18) !important; }

[data-mode="light"][data-theme="B"] .cc-hero-card {
  background: linear-gradient(145deg, rgba(13,148,136,.06), rgba(13,148,136,.02) 60%, rgba(13,148,136,.03)) !important;
  border-color: rgba(13,148,136,.15) !important;
}
[data-mode="light"][data-theme="B"] .cc-hero-card:hover {
  border-color: rgba(13,148,136,.25) !important;
  box-shadow: 0 8px 32px rgba(13,148,136,.08) !important;
}
[data-mode="light"][data-theme="B"] .cc-hero-card::before { opacity: .7; }
[data-mode="light"][data-theme="B"] .tb-glow { box-shadow: none !important; }
[data-mode="light"][data-theme="B"] .tb-gradient-border::before { opacity: .5 !important; }
[data-mode="light"][data-theme="B"] .hsb-header {
  background: linear-gradient(135deg, rgba(13,148,136,.06), rgba(13,148,136,.02)) !important;
}

/* ─── CATCH-ALL: Any remaining dark text/bg patterns ─────────── */

/* Ensure all general text is dark on light backgrounds */
[data-mode="light"] h1, [data-mode="light"] h2, [data-mode="light"] h3,
[data-mode="light"] h4, [data-mode="light"] h5, [data-mode="light"] h6 {
  color: #0f1419 !important;
}

/* Any element using var(--surface) or var(--bg) should get white in light */
[data-mode="light"] [style*="background: var(--surface)"],
[data-mode="light"] [style*="background:var(--surface)"] {
  background: #ffffff !important;
}
[data-mode="light"] [style*="background: var(--bg-elevated)"],
[data-mode="light"] [style*="background:var(--bg-elevated)"] {
  background: #ffffff !important;
}

/* Google Sheets code block in settings */
[data-mode="light"] code[style*="rgba(255,255,255"] {
  background: #f0f1f4 !important;
}

/* ─── GLASSMORPHISM LIGHT MODE ──── */
[data-mode="light"] .modal-box {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-mode="light"] .modal-overlay {
  background: rgba(255,255,255,.45);
}
[data-mode="light"] .modal-bg {
  background: rgba(255,255,255,.45);
}
[data-mode="light"] body::before {
  opacity: .5;
}
[data-mode="light"] .cc-widget::after,
[data-mode="light"] .tool-card::after {
  background: radial-gradient(ellipse at top, rgba(184,146,46,.02), transparent 70%);
}

/* ─── DARK-THEMED TOASTS → LIGHT MODE ──── */
[data-mode="light"] .toast-error { background: #fef2f2; border-left: 3px solid #dc2626; color: #991b1b; }
[data-mode="light"] .toast-success { background: #f0fdf4; border-left: 3px solid #16a34a; color: #166534; }
[data-mode="light"] .toast-warn { background: #fffbeb; border-left: 3px solid #d97706; color: #92400e; }
[data-mode="light"] .toast-info { background: #ffffff; border: 1px solid var(--border); border-left: 3px solid var(--accent); color: var(--text-primary); }
