/* ══════════════════════════════════════════════════════════════════════
   SmartIntellix — Light Theme
   Clean, professional, brand-aligned. Works WITH Tailwind, not against it.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. Page background ──────────────────────────────────────────── */
[data-theme="light"] body {
  background: #F0F4F8;
  background-image:
    radial-gradient(ellipse 80% 50% at 10% 0%,   rgba(13,148,136,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 100%,  rgba(79,70,229,0.04)  0%, transparent 60%);
  background-attachment: fixed;
}

/* ── 2. Sidebar — branded teal ───────────────────────────────────── */
[data-theme="light"] aside.sidebar,
[data-theme="light"] aside.sidebar.bg-bg-raised {
  background: linear-gradient(175deg, #0D9488 0%, #0A7A70 50%, #085E56 100%) !important;
  border-right-color: rgba(0,0,0,0.12) !important;
  box-shadow: 4px 0 20px rgba(9,85,80,0.18) !important;
}

/* Sidebar: menu item inactive */
[data-theme="light"] aside.sidebar .menu-item-inactive {
  color: rgba(255,255,255,0.72) !important;
  background: transparent !important;
}
[data-theme="light"] aside.sidebar .menu-item-inactive:hover {
  background: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Sidebar: menu item active */
[data-theme="light"] aside.sidebar .menu-item-active {
  background: rgba(255,255,255,0.20) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 2px 8px rgba(0,0,0,0.10) !important;
}

/* Sidebar: icons */
[data-theme="light"] aside.sidebar .menu-item-icon-inactive { fill: rgba(255,255,255,0.60) !important; }
[data-theme="light"] aside.sidebar .menu-item-icon-active   { fill: #ffffff !important; }
[data-theme="light"] aside.sidebar .menu-item-inactive:hover .menu-item-icon-inactive { fill: rgba(255,255,255,0.90) !important; }

/* Sidebar: group title & muted text */
[data-theme="light"] aside.sidebar h3,
[data-theme="light"] aside.sidebar .text-text-muted { color: rgba(255,255,255,0.42) !important; }

/* Sidebar: brand name text */
[data-theme="light"] aside.sidebar .text-text-1 { color: #ffffff !important; }

/* Sidebar: internal border lines */
[data-theme="light"] aside.sidebar .border-sit-border-subtle { border-color: rgba(255,255,255,0.14) !important; }

/* Sidebar: menu-item-arrow strokes */
[data-theme="light"] aside.sidebar .menu-item-arrow-inactive { stroke: rgba(255,255,255,0.45) !important; }
[data-theme="light"] aside.sidebar .menu-item-arrow-active   { stroke: rgba(255,255,255,0.90) !important; }

/* ── 3. Header — fixed, white with strong 3D teal shadow ────────── */
[data-theme="light"] header {
  background: #ffffff !important;
  border-bottom: 2px solid #0D9488 !important;
  /*
   * 3D teal shadow stack:
   *  layer 1 — tight bright teal line (simulates top-light reflection)
   *  layer 2 — near glow (primary teal halo)
   *  layer 3 — mid spread (depth)
   *  layer 4 — far ambient (elevation)
   *  layer 5 — neutral dark (grounding shadow)
   */
  box-shadow:
    0 2px 0   rgba(13,148,136,0.35),
    0 4px 8px rgba(13,148,136,0.22),
    0 8px 20px rgba(13,148,136,0.16),
    0 16px 40px rgba(13,148,136,0.10),
    0 2px 6px  rgba(15,22,35,0.12) !important;
  /* Glassmorphism backdrop for extra depth */
  backdrop-filter: blur(16px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.6) !important;
}

/* Header: search input glass */
[data-theme="light"] header input[type="text"] {
  background: #F5F7FF !important;
  border-color: #C0CADC !important;
  box-shadow: inset 0 1px 2px rgba(15,22,35,0.04);
  transition: border-color 0.15s, box-shadow 0.15s;
}
[data-theme="light"] header input[type="text"]:focus {
  background: #ffffff !important;
  border-color: #0D9488 !important;
  box-shadow: inset 0 1px 2px rgba(15,22,35,0.04), 0 0 0 3px rgba(13,148,136,0.12);
}

/* Header: search ⌘K badge */
[data-theme="light"] header #search-button {
  background: #F5F7FF;
  border-color: #C0CADC !important;
  color: #8896B4;
}

/* Header: icon buttons (dark mode toggle, notification, avatar) */
[data-theme="light"] header button.rounded-full {
  background: #F5F7FF !important;
  border-color: #C0CADC !important;
  color: #5E6B8A !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
[data-theme="light"] header button.rounded-full:hover {
  background: #EBF5F4 !important;
  border-color: rgba(13,148,136,0.45) !important;
  color: #0D9488 !important;
  box-shadow: 0 0 0 3px rgba(13,148,136,0.10);
}

/* Header: hamburger button */
[data-theme="light"] header button.rounded-lg {
  color: #5E6B8A !important;
  border-color: #C0CADC !important;
}
[data-theme="light"] header button.rounded-lg:hover {
  background: #F0F4F8 !important;
  color: #0D9488 !important;
}

/* Header: user email text */
[data-theme="light"] header .text-text-1 { color: #0D1526 !important; }
[data-theme="light"] header .text-text-2 { color: #2A3352 !important; }
[data-theme="light"] header .text-text-3 { color: #5E6B8A !important; }

/* ── 4. Main content area panels / cards ─────────────────────────── */
[data-theme="light"] .bg-bg-raised,
[data-theme="light"] .bg-surface {
  background: rgba(255,255,255,0.92) !important;
}

/* ── 5. sit-card: clean glass with depth ─────────────────────────── */
[data-theme="light"] .sit-card,
[data-theme="light"] .rounded-2xl.border-sit-border.bg-surface {
  background: linear-gradient(145deg, #ffffff 0%, #f8faff 100%);
  border-color: rgba(176,186,208,0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 1px 3px rgba(15,22,35,0.06),
    0 4px 16px rgba(15,22,35,0.07);
  transition: transform 0.18s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.18s ease, border-color 0.18s ease;
}
[data-theme="light"] .sit-card:hover,
[data-theme="light"] .rounded-2xl.border-sit-border.bg-surface:hover {
  border-color: rgba(13,148,136,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 4px 12px rgba(15,22,35,0.09),
    0 12px 32px rgba(15,22,35,0.10),
    0 0 0 1px rgba(13,148,136,0.14);
  transform: translateY(-2px);
}

/* ── 6. Strategy Builder toolbar ─────────────────────────────────── */
[data-theme="light"] .sb-toolbar {
  background: rgba(255,255,255,0.96) !important;
  border-bottom-color: rgba(176,186,208,0.40) !important;
  box-shadow: 0 1px 8px rgba(15,22,35,0.05) !important;
}

/* ── 7. Template cards ───────────────────────────────────────────── */
[data-theme="light"] .sb-tpl-card {
  background: #ffffff;
  border-color: rgba(176,186,208,0.50) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.06);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s cubic-bezier(0.34,1.56,0.64,1);
}
[data-theme="light"] .sb-tpl-card:hover {
  border-color: rgba(13,148,136,0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 16px rgba(15,22,35,0.10), 0 0 0 2px rgba(13,148,136,0.10);
  transform: translateY(-2px);
}
[data-theme="light"] .sb-tpl-card.sb-tpl-active {
  background: linear-gradient(145deg, #f0fdf9 0%, #e6faf6 100%);
  border-color: rgba(13,148,136,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 16px rgba(13,148,136,0.12), 0 0 0 2px rgba(13,148,136,0.16);
}

/* ── 8. Filter buttons ───────────────────────────────────────────── */
[data-theme="light"] .sb-filter-btn {
  background: #ffffff;
  border-color: rgba(160,172,200,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.05);
}
[data-theme="light"] .sb-filter-btn:hover {
  background: #f8faff;
  border-color: rgba(107,118,148,0.60) !important;
}
[data-theme="light"] .sb-filter-btn.sb-filter-active {
  background: linear-gradient(135deg, #f0fdf9 0%, #e6faf6 100%);
  border-color: rgba(13,148,136,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 0 0 2px rgba(13,148,136,0.12);
}

/* ── 9. Info badges & stat cells ─────────────────────────────────── */
[data-theme="light"] .sb-info-badge,
[data-theme="light"] .sb-stat-cell,
[data-theme="light"] .sb-mini-stat {
  background: #ffffff;
  border-color: rgba(160,172,200,0.50) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.05);
}

/* ── 10. Saved strategy cards ────────────────────────────────────── */
[data-theme="light"] .sb-saved-card {
  background: #ffffff;
  border-color: rgba(176,186,208,0.50) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.06);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
[data-theme="light"] .sb-saved-card:hover {
  border-color: rgba(13,148,136,0.40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 16px rgba(15,22,35,0.09), 0 0 0 2px rgba(13,148,136,0.10);
  transform: translateY(-1px);
}

/* ── 11. Primary button ──────────────────────────────────────────── */
[data-theme="light"] .sit-btn-primary {
  background: linear-gradient(135deg, #0D9488 0%, #0A7A70 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 2px 8px rgba(13,148,136,0.28);
  transition: background 0.15s, box-shadow 0.15s, transform 0.12s;
}
[data-theme="light"] .sit-btn-primary:hover {
  background: linear-gradient(135deg, #0F766E 0%, #085E56 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 4px 16px rgba(13,148,136,0.34);
  transform: translateY(-1px);
}

/* ── 12. Ghost button ────────────────────────────────────────────── */
[data-theme="light"] .sit-btn-ghost {
  background: #ffffff;
  border-color: rgba(13,148,136,0.40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.06);
  transition: background 0.15s, box-shadow 0.15s, transform 0.12s;
}
[data-theme="light"] .sit-btn-ghost:hover {
  background: #f0fdf9;
  border-color: rgba(13,148,136,0.65) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 0 0 2px rgba(13,148,136,0.14), 0 2px 8px rgba(13,148,136,0.10);
  transform: translateY(-1px);
}

/* ── 13. Secondary button ────────────────────────────────────────── */
[data-theme="light"] .sit-btn-secondary {
  background: #ffffff;
  border-color: rgba(160,172,200,0.60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.05);
}
[data-theme="light"] .sit-btn-secondary:hover {
  background: #f8faff;
  border-color: rgba(107,118,148,0.65) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 8px rgba(15,22,35,0.08);
}

/* ── 14. Inputs ──────────────────────────────────────────────────── */
[data-theme="light"] .sit-input {
  background: #ffffff !important;
  border-color: rgba(160,172,200,0.60) !important;
  box-shadow: inset 0 1px 2px rgba(15,22,35,0.04);
  transition: border-color 0.15s, box-shadow 0.15s;
}
[data-theme="light"] .sit-input:focus {
  background: #ffffff !important;
  border-color: #0D9488 !important;
  box-shadow: inset 0 1px 2px rgba(15,22,35,0.04), 0 0 0 3px rgba(13,148,136,0.12);
}

/* ── 15. Menu item active: teal ghost ────────────────────────────── */
[data-theme="light"] .menu-item-active {
  background: rgba(13,148,136,0.10) !important;
  color: #0D9488 !important;
}
[data-theme="light"] .menu-item-inactive:hover {
  background: rgba(15,22,35,0.05) !important;
}

/* ── 16. Segmented active ────────────────────────────────────────── */
[data-theme="light"] .sb-seg-active {
  background: linear-gradient(135deg, #0D9488 0%, #0A7A70 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 2px 6px rgba(13,148,136,0.24) !important;
}

/* ── 17. Option chain headers ────────────────────────────────────── */
[data-theme="light"] .oc-calls-hdr,
[data-theme="light"] .oc-calls-hdr-top {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  color: #15803D !important;
  border-bottom-color: rgba(21,128,61,0.20) !important;
}
[data-theme="light"] .oc-puts-hdr,
[data-theme="light"] .oc-puts-hdr-top {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #C81E1E !important;
  border-bottom-color: rgba(200,30,30,0.20) !important;
}
[data-theme="light"] .oc-oi-bar-call { background: rgba(21,128,61,0.14); border-radius: 2px; }
[data-theme="light"] .oc-oi-bar-put  { background: rgba(200,30,30,0.14); border-radius: 2px; }
[data-theme="light"] .oc-btn-brand   { box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 2px 6px rgba(13,148,136,0.24); }
[data-theme="light"] .oc-btn-ghost {
  background: #ffffff;
  border-color: rgba(160,172,200,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.05);
}
[data-theme="light"] .oc-alert-item {
  background: #ffffff;
  border-color: rgba(180,83,9,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.05);
}

/* ── 18. Modals ──────────────────────────────────────────────────── */
[data-theme="light"] .tv-ind-modal,
[data-theme="light"] .tv-shortcuts-modal,
[data-theme="light"] .tv-ind-settings-dialog,
[data-theme="light"] .tv-templates-modal {
  background: #ffffff;
  border-color: rgba(176,186,208,0.45) !important;
  box-shadow: 0 8px 32px rgba(15,22,35,0.12), 0 24px 64px rgba(15,22,35,0.12);
}

/* ── 19. TradingView toolbars ─────────────────────────────────────── */
[data-theme="light"] .tv-toolbar,
[data-theme="light"] .tv-draw-toolbar,
[data-theme="light"] .tv-timescale-bar {
  background: rgba(255,255,255,0.97) !important;
  border-color: rgba(176,186,208,0.40) !important;
}
[data-theme="light"] .tv-settings-panel {
  background: #ffffff;
  border-left-color: rgba(176,186,208,0.40) !important;
  box-shadow: -4px 0 24px rgba(15,22,35,0.09);
}
[data-theme="light"] .tv-playback-bar {
  background: rgba(255,255,255,0.96);
  border-color: rgba(176,186,208,0.45) !important;
  box-shadow: 0 4px 20px rgba(15,22,35,0.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ── 20. Toasts ──────────────────────────────────────────────────── */
[data-theme="light"] .tv-toast,
[data-theme="light"] .tv-undo-toast {
  background: rgba(255,255,255,0.97);
  border-color: rgba(176,186,208,0.45) !important;
  box-shadow: 0 4px 20px rgba(15,22,35,0.10);
}

/* ── 21. Symbol button ───────────────────────────────────────────── */
[data-theme="light"] .tv-symbol-btn {
  background: #ffffff;
  border-color: rgba(160,172,200,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.06);
}
[data-theme="light"] .tv-symbol-btn:hover {
  border-color: rgba(13,148,136,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 8px rgba(13,148,136,0.12);
}

/* ── 22. Toolbar button active states ────────────────────────────── */
[data-theme="light"] .tv-toolbar-btn[data-active="true"],
[data-theme="light"] .tv-type-btn[data-active="true"],
[data-theme="light"] .tv-range-btn[data-active="true"] {
  background: rgba(13,148,136,0.09);
  box-shadow: inset 0 0 0 1px rgba(13,148,136,0.22);
}
[data-theme="light"] .tv-toolbar-btn:hover,
[data-theme="light"] .tv-draw-btn:hover,
[data-theme="light"] .tv-type-btn:hover,
[data-theme="light"] .tv-range-btn:hover {
  background: rgba(15,22,35,0.06);
}

/* ── 23. TV primary/ghost buttons ────────────────────────────────── */
[data-theme="light"] .tv-btn-primary {
  background: linear-gradient(135deg, #0D9488 0%, #0A7A70 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 2px 8px rgba(13,148,136,0.28);
}
[data-theme="light"] .tv-btn-ghost {
  background: #ffffff;
  border-color: rgba(160,172,200,0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.05);
}
[data-theme="light"] .tv-btn-ghost:hover {
  background: #f8faff;
  border-color: rgba(107,118,148,0.60) !important;
}

/* ── 24. Indicator legend rows ───────────────────────────────────── */
[data-theme="light"] .tv-legend-ind-row {
  background: rgba(255,255,255,0.90);
  border: 1px solid rgba(176,186,208,0.35);
  box-shadow: 0 1px 4px rgba(15,22,35,0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
[data-theme="light"] .tv-legend-ind-row:hover {
  background: rgba(255,255,255,0.98);
}

/* ── 25. Scrollbar ───────────────────────────────────────────────── */

/* Global page scrollbar — light */
[data-theme="light"] {
  scrollbar-width: thin;
  scrollbar-color: var(--border-default) var(--bg-base);
}
[data-theme="light"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--bg-base);
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: 4px;
  border: 2px solid var(--bg-base);
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}
[data-theme="light"] ::-webkit-scrollbar-corner {
  background: var(--bg-base);
}

/* .custom-scrollbar — light overrides */
[data-theme="light"] .custom-scrollbar {
  scrollbar-color: var(--border-default) var(--surface-sunken);
}
[data-theme="light"] .custom-scrollbar::-webkit-scrollbar-track {
  background: var(--surface-sunken);
  border-radius: 9999px;
}
[data-theme="light"] .custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border: 1px solid var(--surface-sunken);
  border-radius: 9999px;
}
[data-theme="light"] .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

/* .oc-table-wrap — light overrides */
[data-theme="light"] .oc-table-wrap {
  scrollbar-color: var(--border-default) transparent;
}
[data-theme="light"] .oc-table-wrap::-webkit-scrollbar-track {
  background: transparent;
}
[data-theme="light"] .oc-table-wrap::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: 3px;
}
[data-theme="light"] .oc-table-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

/* ── 26. Toggle switch ───────────────────────────────────────────── */
[data-theme="light"] .tv-toggle {
  background: rgba(160,172,200,0.50);
}
[data-theme="light"] .tv-toggle:checked {
  background: linear-gradient(135deg, #0D9488 0%, #0A7A70 100%);
  box-shadow: 0 1px 6px rgba(13,148,136,0.28) inset;
}

/* ── 27. Kbd keys ────────────────────────────────────────────────── */
[data-theme="light"] .tv-shortcut-keys kbd {
  background: linear-gradient(180deg, #ffffff 0%, #f0f4ff 100%);
  border-color: rgba(160,172,200,0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 0 rgba(160,172,200,0.35);
}

/* ── 28. Badges ──────────────────────────────────────────────────── */
[data-theme="light"] .badge-bull {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .badge-bear {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .badge-brand {
  background: linear-gradient(135deg, #f0fdf9 0%, #e6faf6 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .badge-warn {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

/* ── 29. Focus ring ──────────────────────────────────────────────── */
[data-theme="light"] *:focus-visible {
  outline: 2px solid rgba(13,148,136,0.60);
  outline-offset: 2px;
}

/* ── 30. Draw flyout / context menu / props panel ─────────────────── */
[data-theme="light"] .tv-draw-flyout,
[data-theme="light"] .tv-draw-ctx-menu,
[data-theme="light"] .tv-draw-props-panel {
  background: #ffffff;
  border-color: rgba(176,186,208,0.45) !important;
  box-shadow: 0 8px 32px rgba(15,22,35,0.12), 0 2px 8px rgba(15,22,35,0.06);
}
[data-theme="light"] .tv-draw-flyout-item:hover,
[data-theme="light"] .tv-draw-ctx-item:hover {
  background: #f4f7ff;
}
[data-theme="light"] .tv-draw-flyout-item .tv-flyout-icon {
  background: #f1f5f9;
}
[data-theme="light"] .tv-draw-flyout-header {
  color: #6b7694;
}
[data-theme="light"] .tv-draw-props-title {
  border-bottom-color: rgba(176,186,208,0.38);
}
[data-theme="light"] .tv-draw-props-val {
  background: #f1f5f9;
  color: #374151;
}
[data-theme="light"] .tv-draw-props-action-btn:hover {
  background: #f4f7ff;
}

/* ── 31. Tpl row ─────────────────────────────────────────────────── */
[data-theme="light"] .tv-tpl-row {
  background: #ffffff;
  border-color: rgba(176,186,208,0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,22,35,0.05);
}
[data-theme="light"] .tv-tpl-row:hover {
  background: #f8faff;
  border-color: rgba(107,118,148,0.50) !important;
}
[data-theme="light"] .tv-tpl-row.tv-tpl-default {
  border-color: rgba(13,148,136,0.45) !important;
  background: linear-gradient(145deg, #f0fdf9 0%, #e6faf6 100%);
}

/* ── 32. Separator lines ─────────────────────────────────────────── */
[data-theme="light"] .tv-sep,
[data-theme="light"] .tv-draw-sep,
[data-theme="light"] .sb-divider {
  background: rgba(176,186,208,0.38);
}

/* ── 33. Modal overlays ──────────────────────────────────────────── */
[data-theme="light"] .tv-ind-overlay,
[data-theme="light"] .tv-shortcuts-overlay,
[data-theme="light"] .tv-ind-settings-overlay,
[data-theme="light"] .tv-templates-overlay,
[data-theme="light"] .tv-search-modal-wrap {
  background: rgba(15,22,35,0.30);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* ── 34. Simulation panel — light theme ──────────────────────────── */
[data-theme="light"] .sim-panel {
  background: #ffffff;
}

[data-theme="light"] .sim-value-badge {
  background: #f1f5f9;
  border-color: rgba(160,172,200,0.55);
  color: #0f1623;
}

[data-theme="light"] .sim-greek-pill {
  background: #f8faff;
  border-color: rgba(160,172,200,0.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 3px rgba(15,22,35,0.04);
}

[data-theme="light"] .sim-pnl-highlight {
  background: linear-gradient(135deg, #f0fdf9 0%, #f8faff 100%);
  border-color: rgba(13,148,136,0.25);
}

[data-theme="light"] .sim-reset-btn {
  background: #ffffff;
  border-color: rgba(160,172,200,0.55);
  color: #6b7694;
}
[data-theme="light"] .sim-reset-btn:hover {
  background: #f1f5f9;
  color: #0D9488;
  border-color: rgba(13,148,136,0.45);
}

[data-theme="light"] .sim-slider {
  background: rgba(160,172,200,0.45);
}

[data-theme="light"] .sim-live-badge {
  background: rgba(13,148,136,0.12);
  color: #0D9488;
  border-color: rgba(13,148,136,0.35);
}

/* ── 35. Risk Parameters card — light theme ──────────────────────── */
[data-theme="light"] .sb-risk-row {
  background: #f8faff;
  border-color: rgba(160,172,200,0.45);
}
[data-theme="light"] .sb-risk-row:focus-within {
  background: #ffffff;
  border-color: rgba(13,148,136,0.55);
  box-shadow: 0 0 0 3px rgba(13,148,136,0.10);
}

[data-theme="light"] .sb-risk-icon-wrap {
  background: #ffffff;
  border-color: rgba(160,172,200,0.50);
  color: #6b7694;
}