/* ═══════════════════════════════════════════════════════════════ */
/* ═══ EdgeFinder v6 — Bulletproof Light Mode ═══ */
/* ═══ Overrides ALL 96 !important dark backgrounds ═══ */
/* ═══ Colors: bg=#f9faf1 | cards=#ffffff | text=#000000 | green=#396666 ═══ */
/* ═══════════════════════════════════════════════════════════════ */

/* ─── FORCE LIGHT MODE VARIABLES ─── */
body.ef4-light-mode {
  --ef4-bg: #f9faf1 !important;
  --ef4-bg-elevated: #f2f4ec !important;
  --ef4-surface: #ffffff !important;
  --ef4-surface-solid: #ffffff !important;
  --ef4-surface-hover: #f2f4ec !important;
  --ef4-border: rgba(57,102,102,0.08) !important;
  --ef4-border-hover: rgba(57,102,102,0.15) !important;
  --ef4-green: #396666 !important;
  --ef4-green-dim: rgba(57,102,102,0.10) !important;
  --ef4-green-dark: #2d5252 !important;
  --ef4-green-mid: #4a7a7a !important;
  --ef4-text-primary: #000000 !important;
  --ef4-text-secondary: #396666 !important;
  --ef4-text-muted: rgba(57,102,102,0.50) !important;
  --ef4-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  --ef4-shadow-lg: 0 4px 12px rgba(0,0,0,0.06) !important;
  background: #f9faf1 !important;
  color: #000000 !important;
}

/* ─── OVERRIDE ALL !IMPORTANT DARK BACKGROUNDS ─── */

/* KPI Cards - these have rgba(30, 41, 59, 0.7) !important */
body.ef4-light-mode .ef4-kpi-card,
body.ef4-light-mode .ef4-kpi-card.ef4-kpi-green,
body.ef4-light-mode .ef4-kpi-card.ef4-kpi-red {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* Main cards - these have rgba(30, 41, 59, 0.65) !important */
body.ef4-light-mode .ef4-card {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* Glassmorphism cards - convert to solid white */
body.ef4-light-mode .ef4-glass {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* Chart cards */
body.ef4-light-mode .ef4-chart-card {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
}

/* Sidebar - dark navy background */
body.ef4-light-mode .ef4-sidebar,
body.ef4-light-mode .ef4-sidebar-desktop,
body.ef4-light-mode .ef4-sidebar-inner {
  background: #396666 !important;
  border-right: 1px solid rgba(255,255,255,0.10) !important;
}

/* Sidebar mobile */
body.ef4-light-mode .ef4-sidebar-mobile {
  background: #396666 !important;
}

/* Main content area */
body.ef4-light-mode .ef4-main,
body.ef4-light-mode .ef4-page-wrapper {
  background: #f9faf1 !important;
}

/* Page background */
body.ef4-light-mode .ef4-wrap {
  background: #f9faf1 !important;
}

/* Tables */
body.ef4-light-mode .ef4-table,
body.ef4-light-mode table.ef4-table {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
}

body.ef4-light-mode .ef4-table thead tr,
body.ef4-light-mode .ef4-table th {
  background: #f2f4ec !important;
  color: #000000 !important;
  border-bottom: 1px solid rgba(57,102,102,0.08) !important;
}

body.ef4-light-mode .ef4-table tbody tr {
  background: #ffffff !important;
  color: #000000 !important;
  border-bottom: 1px solid rgba(57,102,102,0.04) !important;
}

body.ef4-light-mode .ef4-table tbody tr:hover {
  background: #f2f4ec !important;
}

/* Filter bar */
body.ef4-light-mode .ef4-filter-bar {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Toolbar */
body.ef4-light-mode .ef4-toolbar {
  background: transparent !important;
}

/* Buttons */
body.ef4-light-mode .ef4-btn.ef4-btn-primary {
  background: #396666 !important;
  color: #ffffff !important;
  border: none !important;
}

body.ef4-light-mode .ef4-btn.ef4-btn-ghost {
  background: transparent !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.20) !important;
}

body.ef4-light-mode .ef4-btn.ef4-btn-ghost:hover {
  background: rgba(57,102,102,0.08) !important;
}

body.ef4-light-mode .ef4-btn.ef4-btn-danger {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}

body.ef4-light-mode .ef4-action-btn {
  background: #f2f4ec !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
}

body.ef4-light-mode .ef4-action-btn:hover {
  background: rgba(57,102,102,0.12) !important;
}

/* Forms */
body.ef4-light-mode input,
body.ef4-light-mode select,
body.ef4-light-mode textarea {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
}

body.ef4-light-mode input:focus,
body.ef4-light-mode select:focus,
body.ef4-light-mode textarea:focus {
  border-color: #396666 !important;
  box-shadow: 0 0 0 3px rgba(57,102,102,0.10) !important;
  outline: none !important;
}

body.ef4-light-mode input::placeholder {
  color: rgba(57,102,102,0.50) !important;
}

/* Modals */
body.ef4-light-mode .ef4-modal-overlay {
  background: rgba(0,0,0,0.3) !important;
}

body.ef4-light-mode .ef4-modal,
body.ef4-light-mode .ef4-modal-panel {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.10) !important;
}

/* Badges */
body.ef4-light-mode .ef4-badge-green,
body.ef4-light-mode .badge-green {
  background: rgba(57,102,102,0.10) !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.15) !important;
}

body.ef4-light-mode .ef4-badge-red,
body.ef4-light-mode .badge-red {
  background: rgba(220,38,38,0.08) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(220,38,38,0.15) !important;
}

body.ef4-light-mode .ef4-tag {
  background: #f2f4ec !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}

/* Wizard */
body.ef4-light-mode .ef4-wizard-step {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
}

body.ef4-light-mode .ef4-step-indicator .step.active {
  background: #396666 !important;
  color: #ffffff !important;
}

/* Widget panel */
body.ef4-light-mode .ef4-widget-panel {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}

body.ef4-light-mode .ef4-toggle-switch.active {
  background: #396666 !important;
}

/* Pagination */
body.ef4-light-mode .ef4-pagination button.active {
  background: #396666 !important;
  color: #ffffff !important;
  border-color: #396666 !important;
}

/* Tabs */
body.ef4-light-mode .ef4-tabs .tab.active {
  color: #396666 !important;
  border-bottom-color: #396666 !important;
}

/* Strategy/Session cards */
body.ef4-light-mode .strategy-card,
body.ef4-light-mode .session-card,
body.ef4-light-mode .lifestyle-card {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
}

/* AI insights */
body.ef4-light-mode .ai-insight-card {
  background: #ffffff !important;
  border-left: 3px solid #396666 !important;
}

/* Scrollbar */
body.ef4-light-mode ::-webkit-scrollbar-track {
  background: #f2f4ec !important;
}

body.ef4-light-mode ::-webkit-scrollbar-thumb {
  background: rgba(57,102,102,0.20) !important;
}

/* Text colors */
body.ef4-light-mode h1,
body.ef4-light-mode h2,
body.ef4-light-mode h3,
body.ef4-light-mode .ef4-page-title {
  color: #000000 !important;
}

body.ef4-light-mode .ef4-text-muted {
  color: rgba(57,102,102,0.70) !important;
}

/* KPI labels and values */
body.ef4-light-mode .ef4-kpi-label {
  color: #396666 !important;
}

body.ef4-light-mode .ef4-kpi-value {
  color: #000000 !important;
}

body.ef4-light-mode .ef4-kpi-change {
  color: #396666 !important;
}

/* Nav links — WHITE on deep green sidebar */
body.ef4-light-mode .ef4-nav-link {
  color: #ffffff !important;
}

body.ef4-light-mode .ef4-nav-link.active {
  color: #ffffff !important;
  background: rgba(255,255,255,0.12) !important;
  border-right: 3px solid #ffffff !important;
}

body.ef4-light-mode .ef4-nav-link:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

body.ef4-light-mode .ef4-nav-item {
  color: #ffffff !important;
}

body.ef4-light-mode .ef4-nav-item:hover {
  background: rgba(255,255,255,0.08) !important;
}

body.ef4-light-mode .ef4-nav-item.active {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

body.ef4-light-mode .ef4-nav-label,
body.ef4-light-mode .ef4-nav-section {
  color: rgba(255,255,255,0.50) !important;
}

body.ef4-light-mode .ef4-sidebar-footer {
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}

body.ef4-light-mode .ef4-user-name {
  color: #ffffff !important;
}

body.ef4-light-mode .ef4-user-role {
  color: rgba(255,255,255,0.60) !important;
}

/* Logo text */
body.ef4-light-mode .ef4-logo-text {
  color: #ffffff !important;
}

/* Filter dropdowns */
body.ef4-light-mode select option {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Progress bar */
body.ef4-light-mode .ef4-progress-bar .fill {
  background: #396666 !important;
}

/* Loading */
body.ef4-light-mode .ef4-chart-loading {
  background: rgba(255,255,255,0.80) !important;
}

/* Checklist */
body.ef4-light-mode .ef4-checklist-item {
  background: #f2f4ec !important;
  border: 1px solid rgba(57,102,102,0.06) !important;
}

body.ef4-light-mode .ef4-checklist-item.checked {
  background: rgba(57,102,102,0.06) !important;
  border-color: rgba(57,102,102,0.20) !important;
}

/* Sliders */
body.ef4-light-mode input[type="range"]::-webkit-slider-runnable-track {
  background: #e2e8e0 !important;
}

body.ef4-light-mode input[type="range"]::-webkit-slider-thumb {
  background: #396666 !important;
  border: 2px solid #ffffff !important;
}

/* Checkboxes */
body.ef4-light-mode input[type="checkbox"],
body.ef4-light-mode input[type="radio"] {
  accent-color: #396666 !important;
}

/* ─── MISSING SELECTORS FOR ALL TRADES PAGE ─── */

/* Select dropdowns - specific class */
body.ef4-light-mode .ef4-select {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
}

body.ef4-light-mode .ef4-select:focus {
  border-color: #396666 !important;
  box-shadow: 0 0 0 3px rgba(57,102,102,0.10) !important;
}

/* Yellow/amber badges */
body.ef4-light-mode .ef4-badge-yellow,
body.ef4-light-mode .badge-yellow {
  background: rgba(183,121,31,0.08) !important;
  color: #b7791f !important;
  border: 1px solid rgba(183,121,31,0.15) !important;
}

/* Ghost/neutral badges */
body.ef4-light-mode .ef4-badge-ghost {
  background: #f2f4ec !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}

/* Tab buttons (All Trades filter presets) */
body.ef4-light-mode .ef4-tab {
  background: transparent !important;
  color: rgba(57,102,102,0.50) !important;
  border: 1px solid transparent !important;
}

body.ef4-light-mode .ef4-tab.active {
  background: rgba(57,102,102,0.08) !important;
  color: #396666 !important;
  border-color: rgba(57,102,102,0.12) !important;
}

/* Filter pills */
body.ef4-light-mode .ef4-filter-pill {
  background: rgba(57,102,102,0.06) !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}

/* Symbol badges in tables */
body.ef4-light-mode .ef4-symbol-badge {
  background: rgba(57,102,102,0.06) !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  font-weight: 700 !important;
}

/* Direction badges */
body.ef4-light-mode .ef4-dir-badge.long {
  background: rgba(5,150,105,0.08) !important;
  color: #059669 !important;
  border: 1px solid rgba(5,150,105,0.15) !important;
}

body.ef4-light-mode .ef4-dir-badge.short {
  background: rgba(220,38,38,0.06) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(220,38,38,0.12) !important;
}

/* Trade P&L colors */
body.ef4-light-mode .ef4-trade-win {
  color: #059669 !important;
}

body.ef4-light-mode .ef4-trade-loss {
  color: #dc2626 !important;
}

/* Pagination buttons */
body.ef4-light-mode .ef4-page-btn {
  background: #ffffff !important;
  color: #396666 !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
}

body.ef4-light-mode .ef4-page-btn:hover {
  background: #f2f4ec !important;
  border-color: rgba(57,102,102,0.20) !important;
}

/* Empty states */
body.ef4-light-mode .ef4-empty {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

body.ef4-light-mode .ef4-empty-title {
  color: #1a1a1a !important;
}

body.ef4-light-mode .ef4-empty-desc {
  color: rgba(57,102,102,0.50) !important;
}

/* Modal content */
body.ef4-light-mode .ef4-modal-content {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
}

/* Table action buttons */
body.ef4-light-mode .ef4-table .actions button {
  background: #f2f4ec !important;
  border: 1px solid rgba(57,102,102,0.08) !important;
  color: #396666 !important;
}

body.ef4-light-mode .ef4-table .actions button:hover {
  background: rgba(57,102,102,0.08) !important;
  border-color: rgba(57,102,102,0.15) !important;
}

/* Scrollable table wrapper */
body.ef4-light-mode .ef4-table-wrap {
  background: #ffffff !important;
}

/* Active filters bar */
body.ef4-light-mode .ef4-active-filters {
  background: transparent !important;
}

/* ===== WIZARD COMPONENTS — LIGHT MODE ===== */

/* Pair Pills */
body.ef4-light-mode .ef4-pair-pill {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.15) !important;
  color: #396666 !important;
}
body.ef4-light-mode .ef4-pair-pill:hover {
  border-color: #396666 !important;
  color: #000000 !important;
}
body.ef4-light-mode .ef4-pair-pill.active {
  background: #396666 !important;
  color: #ffffff !important;
  border-color: #396666 !important;
  box-shadow: 0 2px 8px rgba(57,102,102,0.25) !important;
}

/* Strategy Cards */
body.ef4-light-mode .ef4-strategy-card {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-strategy-card:hover {
  border-color: rgba(57,102,102,0.20) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
body.ef4-light-mode .ef4-strategy-card.active {
  box-shadow: 0 0 0 2px var(--strat-color, #396666), 0 4px 12px rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-strategy-card-name {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-strategy-card-setups {
  color: rgba(57,102,102,0.60) !important;
}

/* Lifestyle Sliders */
body.ef4-light-mode .ef4-lifestyle-slider {
  background: rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-webkit-slider-thumb {
  border-color: #f9faf1 !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-moz-range-thumb {
  border-color: #f9faf1 !important;
}

/* Mistake Buttons */
body.ef4-light-mode .ef4-mistake-btn {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
  color: #396666 !important;
}
body.ef4-light-mode .ef4-mistake-btn:hover {
  border-color: #dc2626 !important;
  color: #dc2626 !important;
  background: rgba(220,38,38,0.06) !important;
}
body.ef4-light-mode .ef4-mistake-btn.active {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 2px 8px rgba(220,38,38,0.20) !important;
}

/* Voice Input Button */
body.ef4-light-mode .ef4-voice-btn {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
  color: #396666 !important;
}
body.ef4-light-mode .ef4-voice-btn:hover {
  border-color: #396666 !important;
  color: #396666 !important;
  background: rgba(57,102,102,0.06) !important;
}
body.ef4-light-mode .ef4-voice-btn.listening {
  border-color: #dc2626 !important;
  color: #dc2626 !important;
  background: rgba(220,38,38,0.08) !important;
}

/* Short button in light mode */
body.ef4-light-mode .ef4-btn.ef4-btn-danger {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}
body.ef4-light-mode .ef4-btn.ef4-btn-danger:hover {
  background: #fecaca !important;
}

/* ===== LIFESTYLE CARD — LIGHT MODE ===== */
body.ef4-light-mode .ef4-lifestyle-card {
    background: #ffffff !important;
    border: 1px solid rgba(57,102,102,0.10) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
}
body.ef4-light-mode .ef4-lifestyle-card-header {
    background: rgba(57,102,102,0.03) !important;
    border-bottom: 1px solid rgba(57,102,102,0.08) !important;
    color: #000000 !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox {
    background: rgba(57,102,102,0.02) !important;
    border: 1px solid rgba(57,102,102,0.08) !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox:hover {
    background: rgba(57,102,102,0.04) !important;
    border-color: rgba(57,102,102,0.15) !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox span {
    color: #396666 !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-webkit-slider-runnable-track {
    background: rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-moz-range-track {
    background: rgba(57,102,102,0.10) !important;
}



/* ===== LIFESTYLE SYSTEM — LIGHT MODE ===== */
body.ef4-light-mode .ef4-lifestyle-card {
    background: #ffffff !important;
    border: 1px solid rgba(57,102,102,0.10) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
}
body.ef4-light-mode .ef4-lifestyle-card-header {
    background: rgba(57,102,102,0.03) !important;
    border-bottom: 1px solid rgba(57,102,102,0.08) !important;
    color: #000000 !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox {
    background: rgba(57,102,102,0.02) !important;
    border: 1px solid rgba(57,102,102,0.08) !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox:hover {
    background: rgba(57,102,102,0.04) !important;
    border-color: rgba(57,102,102,0.15) !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox span {
    color: #396666 !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-webkit-slider-runnable-track {
    background: rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-moz-range-track {
    background: rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-webkit-slider-thumb {
    border-color: #f9faf1 !important;
}
body.ef4-light-mode .ef4-lifestyle-slider::-moz-range-thumb {
    border-color: #f9faf1 !important;
}
body.ef4-light-mode .ef4-ls-card {
    background: #ffffff !important;
    border: 1px solid rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-ls-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-ls-card-name {
    color: #000000 !important;
}
body.ef4-light-mode .ef4-ls-card-meta {
    color: rgba(57,102,102,0.60) !important;
}
body.ef4-light-mode .ef4-color-option.selected {
    box-shadow: 0 0 0 3px rgba(57,102,102,0.20) !important;
}
body.ef4-light-mode .ef4-ls-rule-row {
    background: rgba(57,102,102,0.02) !important;
    border: 1px solid rgba(57,102,102,0.06) !important;
}


/* ===== USER REQUEST FIXES — LIGHT MODE ===== */

body.ef4-light-mode .ef4-mistake-btn:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    box-shadow: 0 2px 8px rgba(220,38,38,0.2) !important;
}
body.ef4-light-mode .ef4-mistake-btn.active {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    box-shadow: 0 2px 8px rgba(220,38,38,0.2) !important;
}

body.ef4-light-mode #wbtn_long:hover {
    background: #396666 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(57,102,102,0.25) !important;
}
body.ef4-light-mode #wbtn_short:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(220,38,38,0.25) !important;
}

body.ef4-light-mode .ef4-strategy-card.active {
    box-shadow: 0 0 0 2px #aef31f, 0 4px 12px rgba(0,0,0,0.08) !important;
}

body.ef4-light-mode .ef4-checklist li .ef4-check {
    border-color: rgba(57,102,102,0.2);
}
body.ef4-light-mode .ef4-checklist li:hover .ef4-check {
    border-color: #396666;
}
body.ef4-light-mode .ef4-checklist li.done .ef4-check {
    background: #396666;
    border-color: #396666;
}
body.ef4-light-mode .ef4-checklist li.done .ef4-check::after {
    border-color: #ffffff;
}

body.ef4-light-mode #w_session {
    background: #ffffff;
    border-color: rgba(57,102,102,0.12);
    color: #000000;
}
body.ef4-light-mode #w_session:hover {
    border-color: #396666;
}
body.ef4-light-mode #w_session:focus {
    box-shadow: 0 0 0 3px rgba(57,102,102,0.12);
}

body.ef4-light-mode .ef4-pair-pill {
    background: #ffffff;
    border-color: rgba(57,102,102,0.12);
    color: #396666;
}
body.ef4-light-mode .ef4-pair-pill:hover {
    border-color: #396666;
    background: rgba(57,102,102,0.04);
    color: #000000;
}
body.ef4-light-mode .ef4-pair-pill.active {
    background: #396666;
    color: #ffffff;
    border-color: #396666;
    box-shadow: 0 2px 8px rgba(57,102,102,0.2) !important;
}


/* ═══════════════════════════════════════════════════════════════ */
/* ═══ COMPREHENSIVE TEXT COLOR OVERRIDES — LIGHT MODE ═══ */
/* ═══ Ensures ALL text is dark (#000000 or #1a1a1a) on light backgrounds ═══ */
/* ═══════════════════════════════════════════════════════════════ */

/* ===== COMPREHENSIVE TEXT COLOR OVERRIDES ===== */

/* ALL text inside ef4 containers */
body.ef4-light-mode .ef4-container,
body.ef4-light-mode .ef4-container * {
  color: inherit;
}

/* Explicit dark text on all interactive elements */
body.ef4-light-mode .ef4-input,
body.ef4-light-mode .ef4-select,
body.ef4-light-mode .ef4-textarea {
  color: #000000 !important;
  background: #ffffff !important;
}
body.ef4-light-mode .ef4-input::placeholder,
body.ef4-light-mode .ef4-textarea::placeholder {
  color: rgba(57,102,102,0.4) !important;
}

/* Table */
body.ef4-light-mode .ef4-table,
body.ef4-light-mode .ef4-table td,
body.ef4-light-mode .ef4-table th {
  color: #000000 !important;
}

/* Modal */
body.ef4-light-mode .ef4-modal-content {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-modal-header {
  color: #000000 !important;
  border-bottom-color: rgba(57,102,102,0.08) !important;
}
body.ef4-light-mode .ef4-modal-body {
  color: #000000 !important;
}

/* Labels */
body.ef4-light-mode .ef4-label {
  color: #000000 !important;
}

/* Badges */
body.ef4-light-mode .ef4-badge {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-badge-ghost {
  color: #396666 !important;
  background: rgba(57,102,102,0.08) !important;
}

/* Tags */
body.ef4-light-mode .ef4-tag {
  color: #396666 !important;
  background: rgba(57,102,102,0.06) !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-tag.active {
  color: #ffffff !important;
  background: #396666 !important;
  border-color: #396666 !important;
}

/* Checklist */
body.ef4-light-mode .ef4-checklist li {
  color: #000000 !important;
}

/* Cards */
body.ef4-light-mode .ef4-card-title {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-card-subtitle {
  color: rgba(57,102,102,0.60) !important;
}

/* Empty states */
body.ef4-light-mode .ef4-empty-title {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-empty-desc {
  color: #396666 !important;
}

/* Toasts */
body.ef4-light-mode .ef4-toast {
  color: #000000 !important;
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.12) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

/* Tabs */
body.ef4-light-mode .ef4-tab {
  color: #396666 !important;
}
body.ef4-light-mode .ef4-tab.active {
  color: #000000 !important;
  border-bottom-color: #396666 !important;
}

/* Pagination */
body.ef4-light-mode .ef4-pagination,
body.ef4-light-mode .ef4-page-btn {
  color: #396666 !important;
}
body.ef4-light-mode .ef4-page-btn.active {
  color: #ffffff !important;
  background: #396666 !important;
}

/* Progress bar text */
body.ef4-light-mode .ef4-progress {
  background: rgba(57,102,102,0.10) !important;
}

/* Tooltips */
body.ef4-light-mode .ef4-tooltip {
  color: #000000 !important;
  background: #ffffff !important;
  border-color: rgba(57,102,102,0.12) !important;
}

/* Strategy cards */
body.ef4-light-mode .ef4-ls-card {
  background: #ffffff !important;
  border: 1px solid rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-ls-card-name {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-ls-card-meta {
  color: rgba(57,102,102,0.60) !important;
}

/* Color picker */
body.ef4-light-mode .ef4-color-option.selected {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #396666 !important;
}

/* Rule rows */
body.ef4-light-mode .ef4-ls-rule-row {
  background: rgba(57,102,102,0.02) !important;
  border-color: rgba(57,102,102,0.06) !important;
}

/* Trade view modal */
body.ef4-light-mode .ef4-trade-view {
  color: #000000 !important;
}
body.ef4-light-mode .ef4-trade-view-section-title {
  color: rgba(57,102,102,0.60) !important;
}
body.ef4-light-mode .ef4-trade-view-metric-label {
  color: rgba(57,102,102,0.50) !important;
}
body.ef4-light-mode .ef4-trade-view-metric-value {
  color: #000000 !important;
}

/* Voice button */
body.ef4-light-mode .ef4-voice-btn {
  color: #396666 !important;
  background: #ffffff !important;
  border-color: rgba(57,102,102,0.12) !important;
}

/* Screenshot preview */
body.ef4-light-mode .ef4-screenshot-preview {
  background: #ffffff !important;
  border-color: rgba(57,102,102,0.10) !important;
}

/* ═══ END COMPREHENSIVE TEXT COLOR OVERRIDES ═══ */


/* ===== ADMIN PAGE CLASSES — LIGHT MODE ===== */
body.ef4-light-mode .ef4-admin-wrap { background: #f9faf1; color: #1a1a1a; }
body.ef4-light-mode .ef4-admin-card { background: #ffffff; border: 1px solid rgba(57,102,102,0.10); border-radius: 12px; padding: 20px; }
body.ef4-light-mode .ef4-admin-row { background: rgba(57,102,102,0.03); }
body.ef4-light-mode .ef4-admin-row:nth-child(even) { background: rgba(57,102,102,0.03); }
body.ef4-light-mode .ef4-admin-input { background: #ffffff; border: 1px solid rgba(57,102,102,0.15); color: #1a1a1a; border-radius: 6px; padding: 6px 10px; }
body.ef4-light-mode .ef4-admin-th { color: #396666; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
body.ef4-light-mode .ef4-admin-td { color: #333333; }
body.ef4-light-mode .ef4-admin-notice { background: rgba(43,136,89,0.08); color: #1a1a1a; border-radius: 8px; }

/* ===== ACTION BUTTON — LIGHT MODE ===== */
body.ef4-light-mode .ef4-action-btn { background: rgba(57,102,102,0.06); border: 1px solid rgba(57,102,102,0.12); color: #396666; }
body.ef4-light-mode .ef4-action-btn:hover { background: rgba(57,102,102,0.15); color: #1a1a1a; }
body.ef4-light-mode .ef4-action-btn--danger { color: #dc2626; }
body.ef4-light-mode .ef4-action-btn--danger:hover { background: rgba(220,38,38,0.12); color: #dc2626; }

/* ===== MISSING CRITICAL LIGHT MODE SELECTORS ===== */

/* Session cards */
body.ef4-light-mode .ef4-session-card { background: #ffffff !important; border: 1px solid rgba(57,102,102,0.08) !important; }

/* Topbar */
body.ef4-light-mode .ef4-topbar { background: rgba(57,102,102,0.06) !important; border-bottom: 1px solid rgba(57,102,102,0.08) !important; }

/* Dropdown menus */
body.ef4-light-mode .ef4-dropdown-menu { background: #ffffff !important; border: 1px solid rgba(57,102,102,0.12) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; }
body.ef4-light-mode .ef4-dropdown-menu a { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-dropdown-menu a:hover { background: rgba(57,102,102,0.05) !important; }

/* Text utilities */
body.ef4-light-mode .ef4-text-primary { color: #1a1a1a !important; text-shadow: none !important; }
body.ef4-light-mode .ef4-text-secondary { color: #396666 !important; text-shadow: none !important; }
body.ef4-light-mode .ef4-text-green { color: #059669 !important; text-shadow: none !important; }
body.ef4-light-mode .ef4-text-red { color: #dc2626 !important; text-shadow: none !important; }
body.ef4-light-mode .ef4-text-white { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-text-amber { color: #d97706 !important; }
body.ef4-light-mode .ef4-text-blue { color: #2563eb !important; }
body.ef4-light-mode .ef4-text-purple { color: #7c3aed !important; }
body.ef4-light-mode .ef4-text-cyan { color: #0891b2 !important; }

/* Loading spinner */
body.ef4-light-mode .ef4-loading { background: rgba(249,250,241,0.9) !important; }
body.ef4-light-mode .ef4-spinner { border-color: rgba(57,102,102,0.15) !important; border-top-color: #396666 !important; }

/* Locked overlay */
body.ef4-light-mode .ef4-locked-overlay { background: rgba(249,250,241,0.85) !important; }

/* Chart tooltip */
body.ef4-light-mode .ef4-chart-tooltip { background: rgba(255,255,255,0.95) !important; color: #1a1a1a !important; border: 1px solid rgba(57,102,102,0.12) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; }
body.ef4-light-mode .ef4-chart-legend-item { color: #1a1a1a !important; }

body.ef4-light-mode .ef4-admin-btn-secondary { background: rgba(57,102,102,0.06); border: 1px solid rgba(57,102,102,0.12); color: #396666; padding: 8px 16px; border-radius: 8px; text-decoration: none; display: inline-block; transition: all .2s; }
body.ef4-light-mode .ef4-admin-btn-secondary:hover { background: rgba(57,102,102,0.12); color: #1a1a1a; }

/* ===== RISK CALCULATOR — LIGHT MODE ===== */
body.ef4-light-mode .ef4-insight { background: #ffffff !important; border: 1px solid rgba(57,102,102,0.08) !important; }
body.ef4-light-mode .ef4-insight.warning { border-left: 4px solid #d97706 !important; background: rgba(217,119,6,0.04) !important; }
body.ef4-light-mode .ef4-insight.danger { border-left: 4px solid #dc2626 !important; background: rgba(220,38,38,0.04) !important; }
body.ef4-light-mode .ef4-insight.success { border-left: 4px solid #059669 !important; background: rgba(5,150,105,0.04) !important; }
body.ef4-light-mode .ef4-insight.info { border-left: 4px solid #2563eb !important; background: rgba(37,99,235,0.04) !important; }
body.ef4-light-mode .ef4-insight-title { color: #000000 !important; font-weight: 600 !important; }
body.ef4-light-mode .ef4-insight-desc { color: rgba(57,102,102,0.70) !important; }
body.ef4-light-mode .ef4-insight-action { color: #396666 !important; background: rgba(57,102,102,0.06) !important; border: 1px solid rgba(57,102,102,0.10) !important; }
body.ef4-light-mode .ef4-gauge-wrap { background: rgba(57,102,102,0.03) !important; border: 1px solid rgba(57,102,102,0.08) !important; }
body.ef4-light-mode .ef4-gauge-canvas { filter: none !important; }
body.ef4-light-mode .ef4-progress-fill.red { background: #dc2626 !important; }
body.ef4-light-mode .ef4-progress-fill.green { background: #059669 !important; }
body.ef4-light-mode .ef4-text-muted { color: rgba(57,102,102,0.60) !important; }
body.ef4-light-mode .ef4-muted { color: rgba(57,102,102,0.50) !important; }
body.ef4-light-mode .ef4-font-mono { color: inherit !important; }

/* ===== LIFESTYLE PAGE — LIGHT MODE ===== */
body.ef4-light-mode .ef4-lifestyle-checkbox { background: rgba(57,102,102,0.03) !important; border: 1px solid rgba(57,102,102,0.10) !important; color: #396666 !important; }
body.ef4-light-mode .ef4-lifestyle-checkbox:hover { background: rgba(57,102,102,0.06) !important; border-color: rgba(57,102,102,0.18) !important; }
body.ef4-light-mode .ef4-lifestyle-checkbox.checked { background: rgba(57,102,102,0.10) !important; border-color: #396666 !important; }
body.ef4-light-mode .ef4-lifestyle-checkbox.checked span { color: #000000 !important; font-weight: 600 !important; }
body.ef4-light-mode .ef4-lifestyle-checkbox input[type="checkbox"] { display: none; }
body.ef4-light-mode .ef4-lifestyle-checkbox span { color: #396666 !important; }


/* ================================================================
   COMPREHENSIVE LIGHT MODE FIXES
   ================================================================ */

/* --- Action Buttons --- */
body.ef4-light-mode .ef4-action-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #f0f0e8;
  border: 1px solid #d4d4c8;
  color: #4a4a4a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 2px;
}
body.ef4-light-mode .ef4-action-btn:hover {
  background: var(--ef4-green, #aef31f);
  color: #0a0d14;
  border-color: var(--ef4-green, #aef31f);
}
body.ef4-light-mode .ef4-action-btn--danger {
  color: #C62828;
}
body.ef4-light-mode .ef4-action-btn--danger:hover {
  background: #C62828;
  color: #ffffff;
  border-color: #C62828;
}
body.ef4-light-mode .ef4-action-btn svg {
  width: 14px;
  height: 14px;
  stroke-width: 2;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

/* --- Text Colors --- */
body.ef4-light-mode .ef4-card-title { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-card-subtitle { color: #4a4a4a !important; }
body.ef4-light-mode .ef4-kpi-value { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-kpi-label { color: #4a4a4a !important; }
body.ef4-light-mode .ef4-table th { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-table td { color: #2d2d2d !important; }
body.ef4-light-mode .ef4-nav-item { color: #2d2d2d !important; }
body.ef4-light-mode .ef4-nav-item.active { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-page-header h1 { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-page-header p { color: #4a4a4a !important; }
body.ef4-light-mode label { color: #4a4a4a !important; }
body.ef4-light-mode .ef4-input { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-select { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-textarea { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-modal-title { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-modal-body { color: #2d2d2d !important; }
body.ef4-light-mode .ef4-badge { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-empty-state h3 { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-empty-state p { color: #4a4a4a !important; }
body.ef4-light-mode .ef4-step-title { color: #1a1a1a !important; }
body.ef4-light-mode .ef4-step-desc { color: #4a4a4a !important; }

/* --- Modal Styling --- */
body.ef4-light-mode .ef4-modal-overlay {
  z-index: 9999 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
body.ef4-light-mode .ef4-modal {
  z-index: 10000 !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-modal-content {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

/* --- KPI Cards --- */
body.ef4-light-mode .ef4-kpi-card {
  padding: 20px !important;
  border-radius: 12px !important;
  background: #f9faf1 !important;
  border: 1px solid #e5e5d8 !important;
}

/* --- Chart Containers --- */
body.ef4-light-mode .ef4-chart-container {
  position: relative;
  height: 200px;
  width: 100%;
}
body.ef4-light-mode .ef4-chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}

/* --- Form Inputs --- */
body.ef4-light-mode .ef4-input,
body.ef4-light-mode .ef4-select,
body.ef4-light-mode .ef4-textarea {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-input:focus,
body.ef4-light-mode .ef4-select:focus,
body.ef4-light-mode .ef4-textarea:focus {
  border-color: var(--ef4-green, #aef31f) !important;
  box-shadow: 0 0 0 3px rgba(174, 243, 31, 0.15) !important;
  outline: none !important;
}
body.ef4-light-mode .ef4-input::placeholder,
body.ef4-light-mode .ef4-textarea::placeholder {
  color: #9a9a9a !important;
}

/* --- Table Styling --- */
body.ef4-light-mode .ef4-table {
  width: 100%;
  border-collapse: collapse;
}
body.ef4-light-mode .ef4-table th {
  padding: 12px;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4a4a4a !important;
  border-bottom: 1px solid #e5e5e5;
}
body.ef4-light-mode .ef4-table td {
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-table tr:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

/* --- Strategy Cards --- */
body.ef4-light-mode .ef4-strategy-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
}
body.ef4-light-mode .ef4-strategy-card.active {
  border-color: var(--ef4-green, #aef31f) !important;
  box-shadow: 0 0 0 2px var(--ef4-green, #aef31f), 0 4px 12px rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-strategy-card-color,
body.ef4-light-mode .ef4-strategy-card .card-color-bar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
}

/* --- Wizard Step Indicators --- */
body.ef4-light-mode .ef4-step-dot {
  background: #e5e5e5 !important;
  border: 2px solid #d4d4d4 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-step.active .ef4-step-dot {
  background: var(--ef4-green, #aef31f) !important;
  border-color: var(--ef4-green, #aef31f) !important;
  color: #0a0d14 !important;
}
body.ef4-light-mode .ef4-step.completed .ef4-step-dot {
  background: rgba(174, 243, 31, 0.2) !important;
  border-color: rgba(174, 243, 31, 0.5) !important;
  color: var(--ef4-green, #aef31f) !important;
}
body.ef4-light-mode .ef4-step-label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-step.active .ef4-step-label {
  color: var(--ef4-green, #aef31f) !important;
}

/* --- Toast/Notification --- */
body.ef4-light-mode .ef4-toast {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 10000 !important;
  padding: 14px 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}
body.ef4-light-mode .ef4-toast.success {
  border-left: 3px solid var(--ef4-green, #aef31f) !important;
}
body.ef4-light-mode .ef4-toast.error {
  border-left: 3px solid #C62828 !important;
}

/* --- Loading States --- */
body.ef4-light-mode .ef4-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  flex-direction: column;
  gap: 16px;
}
body.ef4-light-mode .ef4-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e5e5;
  border-top-color: var(--ef4-green, #aef31f);
  border-radius: 50%;
  animation: ef4-spin 0.8s linear infinite;
}

/* --- Quick Log Button (hidden) --- */
body.ef4-light-mode .ef4-fab {
  display: none !important;
}

/* --- Nav Link Colors --- */
body.ef4-light-mode .ef4-nav-link {
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-nav-link.active {
  color: #1a1a1a !important;
}

/* --- Sidebar in Light Mode --- */
body.ef4-light-mode .ef4-sidebar {
  background: #f0f0e8 !important;
  border-right: 1px solid #e5e5d8 !important;
}
body.ef4-light-mode .ef4-sidebar-header {
  border-bottom: 1px solid #e5e5d8 !important;
}
body.ef4-light-mode .ef4-sidebar-footer {
  border-top: 1px solid #e5e5d8 !important;
}

/* --- Main area --- */
body.ef4-light-mode .ef4-main {
  background: #f9faf1 !important;
}

/* --- Page header --- */
body.ef4-light-mode .ef4-page-header {
  background: transparent !important;
}
body.ef4-light-mode .ef4-h1 {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-page-subtitle {
  color: #4a4a4a !important;
}

/* --- Buttons in light mode --- */
body.ef4-light-mode .ef4-btn-ghost,
body.ef4-light-mode .ef4-btn-secondary {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #2d2d2d !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.ef4-light-mode .ef4-btn-ghost:hover,
body.ef4-light-mode .ef4-btn-secondary:hover {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(174, 243, 31, 0.4) !important;
  color: #1a1a1a !important;
}

/* --- Badge readability --- */
body.ef4-light-mode .ef4-badge-green {
  background: linear-gradient(135deg, rgba(46, 125, 50, 0.15), rgba(46, 125, 50, 0.08)) !important;
  color: #2E7D32 !important;
  border: 1px solid rgba(46, 125, 50, 0.25) !important;
}
body.ef4-light-mode .ef4-badge-red {
  background: linear-gradient(135deg, rgba(198, 40, 40, 0.15), rgba(198, 40, 40, 0.08)) !important;
  color: #C62828 !important;
  border: 1px solid rgba(198, 40, 40, 0.25) !important;
}
body.ef4-light-mode .ef4-badge-blue {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.15), rgba(25, 118, 210, 0.08)) !important;
  color: #1976D2 !important;
  border: 1px solid rgba(25, 118, 210, 0.25) !important;
}
body.ef4-light-mode .ef4-badge-purple {
  background: linear-gradient(135deg, rgba(106, 27, 154, 0.15), rgba(106, 27, 154, 0.08)) !important;
  color: #6A1B9A !important;
  border: 1px solid rgba(106, 27, 154, 0.25) !important;
}
body.ef4-light-mode .ef4-badge-yellow {
  background: linear-gradient(135deg, rgba(245, 166, 35, 0.15), rgba(245, 166, 35, 0.08)) !important;
  color: #F5A623 !important;
  border: 1px solid rgba(245, 166, 35, 0.25) !important;
}

/* --- Empty states --- */
body.ef4-light-mode .ef4-empty {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-empty-title {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-empty-desc {
  color: #4a4a4a !important;
}

/* --- Card backgrounds --- */
body.ef4-light-mode .ef4-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

/* --- Session cards --- */
body.ef4-light-mode .ef4-session-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

/* --- Onboarding --- */
body.ef4-light-mode .ef4-onboard-overlay {
  background: rgba(0,0,0,0.4) !important;
}
body.ef4-light-mode .ef4-onboard-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-onboard-title {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-onboard-desc {
  color: #4a4a4a !important;
}

/* --- Calendar --- */
body.ef4-light-mode .ef4-calendar-grid-month {
  background: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-cal-weekday {
  background: #f0f0e8 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-cal-empty {
  background: #f9faf1 !important;
}
body.ef4-light-mode .ef4-cal-day {
  background: #ffffff !important;
}
body.ef4-light-mode .ef4-cal-day-number {
  color: #1a1a1a !important;
}

/* --- Tag system --- */
body.ef4-light-mode .ef4-tag {
  background: #f0f0e8 !important;
  border: 1px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-tag:hover {
  background: #e5e5d8 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-tag.active {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.15), rgba(25, 118, 210, 0.08)) !important;
  border-color: rgba(25, 118, 210, 0.3) !important;
  color: #1976D2 !important;
}
body.ef4-light-mode .ef4-tag-input {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-tag-input::placeholder {
  color: #9a9a9a !important;
}

/* --- Screenshot preview --- */
body.ef4-light-mode .ef4-screenshot-preview-inner {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-screenshot-name {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-screenshot-remove {
  border: 1px solid #e5e5e5 !important;
  color: #9a9a9a !important;
}

/* --- Tag add button --- */
body.ef4-light-mode .ef4-tag-add-btn {
  border: 1px dashed #d4d4d4 !important;
  color: #9a9a9a !important;
}
body.ef4-light-mode .ef4-tag-add-btn:hover {
  border-color: var(--ef4-green, #aef31f) !important;
  color: #1a1a1a !important;
  background: rgba(174, 243, 31, 0.06) !important;
}

/* --- Lifestyle card --- */
body.ef4-light-mode .ef4-lifestyle-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-lifestyle-card-header {
  background: #f9faf1 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-lifestyle-checkbox:hover {
  border-color: #d4d4d4 !important;
  background: #f9faf1 !important;
}

/* --- Color picker --- */
body.ef4-light-mode .ef4-color-option.selected {
  border-color: #1a1a1a !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1) !important;
}

/* --- Rule rows --- */
body.ef4-light-mode .ef4-ls-rule-row {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-ls-rule-row:hover {
  background: #f0f0e8 !important;
  border-color: #d4d4d4 !important;
}

/* --- Pair pills --- */
body.ef4-light-mode .ef4-pair-pill {
  border: 1.5px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-pair-pill:hover {
  border-color: var(--ef4-green, #aef31f) !important;
  color: #1a1a1a !important;
  background: rgba(174, 243, 31, 0.06) !important;
}
body.ef4-light-mode .ef4-pair-pill.active {
  background: var(--ef4-green, #aef31f) !important;
  color: #0a0d14 !important;
  border-color: var(--ef4-green, #aef31f) !important;
}

/* --- Mistake buttons --- */
body.ef4-light-mode .ef4-mistake-btn {
  border: 1px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-mistake-btn:hover {
  border-color: #C62828 !important;
  color: #ffffff !important;
  background: #C62828 !important;
}
body.ef4-light-mode .ef4-mistake-btn.active {
  background: #C62828 !important;
  color: #ffffff !important;
  border-color: #C62828 !important;
}

/* --- Voice button --- */
body.ef4-light-mode .ef4-voice-btn {
  border: 1px solid #e5e5e5 !important;
  color: #9a9a9a !important;
}
body.ef4-light-mode .ef4-voice-btn:hover {
  border-color: var(--ef4-green, #aef31f) !important;
  color: var(--ef4-green, #aef31f) !important;
  background: rgba(174, 243, 31, 0.06) !important;
}

/* --- Outcome toggles --- */
body.ef4-light-mode .ef4-outcome-toggle label {
  border: 2px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-outcome-toggle input:checked + label.win {
  border-color: #2E7D32 !important;
  background: rgba(46, 125, 50, 0.08) !important;
  color: #2E7D32 !important;
}
body.ef4-light-mode .ef4-outcome-toggle input:checked + label.loss {
  border-color: #C62828 !important;
  background: rgba(198, 40, 40, 0.08) !important;
  color: #C62828 !important;
}
body.ef4-light-mode .ef4-outcome-toggle input:checked + label.breakeven {
  border-color: #6A1B9A !important;
  background: rgba(106, 27, 154, 0.08) !important;
  color: #6A1B9A !important;
}

/* --- Direction toggle --- */
body.ef4-light-mode .ef4-dir-toggle {
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-dir-toggle button {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-dir-toggle button.active-long {
  background: #2E7D32 !important;
  color: #ffffff !important;
}
body.ef4-light-mode .ef4-dir-toggle button.active-short {
  background: #C62828 !important;
  color: #ffffff !important;
}

/* --- Select styled --- */
body.ef4-light-mode .ef4-select-styled {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-select-styled option {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* --- Edit section --- */
body.ef4-light-mode .ef4-edit-section {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
}

/* --- Checklist --- */
body.ef4-light-mode .ef4-checklist li {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-checklist li:hover {
  background: #f0f0e8 !important;
}
body.ef4-light-mode .ef4-checklist li.checked,
body.ef4-light-mode .ef4-checklist li.done {
  background: rgba(174, 243, 31, 0.06) !important;
  border-color: rgba(174, 243, 31, 0.2) !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-check {
  border: 2px solid #d4d4d4 !important;
}
body.ef4-light-mode .ef4-checklist li.checked .ef4-check,
body.ef4-light-mode .ef4-checklist li.done .ef4-check {
  background: var(--ef4-green, #aef31f) !important;
  border-color: var(--ef4-green, #aef31f) !important;
}
body.ef4-light-mode .ef4-checklist li.checked .ef4-check::after,
body.ef4-light-mode .ef4-checklist li.done .ef4-check::after {
  border-color: #0a0d14 !important;
}

/* --- Progress bar --- */
body.ef4-light-mode .ef4-progress {
  background: #e5e5e5 !important;
}

/* --- Insight cards --- */
body.ef4-light-mode .ef4-insight-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-insight-label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-insight-value {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-insight-meta {
  color: #4a4a4a !important;
}

/* --- Comparison items --- */
body.ef4-light-mode .ef4-comparison-item {
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-comparison-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-comparison-meta {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-comparison-bar-wrap {
  background: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-comparison-bar-text {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* --- Quality grid --- */
body.ef4-light-mode .ef4-quality-cell {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-quality-count {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-quality-label {
  color: #4a4a4a !important;
}

/* --- Setup rows --- */
body.ef4-light-mode .ef4-setup-row {
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-setup-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-setup-bar {
  background: #e5e5e5 !important;
}

/* --- Day rows --- */
body.ef4-light-mode .ef4-day-row {
  border: 1px solid transparent !important;
}
body.ef4-light-mode .ef4-day-row:hover {
  background: #f0f0e8 !important;
  border-color: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-day-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-day-stats {
  color: #4a4a4a !important;
}

/* --- Drill trades --- */
body.ef4-light-mode .ef4-drill-trade {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-drill-trade:hover {
  border-color: #1976D2 !important;
  background: #f9faf1 !important;
}

/* --- Subscription plans --- */
body.ef4-light-mode .ef4-sub-plan {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-sub-plan.featured {
  border-color: #2E7D32 !important;
  background: linear-gradient(135deg, rgba(46, 125, 50, 0.06), rgba(46, 125, 50, 0.02)) !important;
}
body.ef4-light-mode .ef4-sub-price {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-sub-price span {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-sub-features li {
  color: #2d2d2d !important;
  border-bottom: 1px solid #f0f0e8 !important;
}
body.ef4-light-mode .ef4-sub-features li.locked {
  color: #9a9a9a !important;
}

/* --- Locked overlay --- */
body.ef4-light-mode .ef4-locked-overlay {
  background: rgba(255, 255, 255, 0.92) !important;
}
body.ef4-light-mode .ef4-locked-overlay h4 {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-locked-overlay p {
  color: #4a4a4a !important;
}

/* --- Histogram --- */
body.ef4-light-mode .ef4-histogram-track {
  background: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-histogram-label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-histogram-count {
  color: #1a1a1a !important;
}

/* --- Streak banner --- */
body.ef4-light-mode .ef4-streak-banner {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(245, 158, 11, 0.03)) !important;
  border: 1px solid rgba(245, 158, 11, 0.15) !important;
}
body.ef4-light-mode .ef4-streak-sub {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-streak-best {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #4a4a4a !important;
}

/* --- FOMO gauge --- */
body.ef4-light-mode .ef4-fomo-gauge-value {
  color: #1a1a1a !important;
}

/* --- Tag filter --- */
body.ef4-light-mode .ef4-tag-filter {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-tag-filter-label {
  color: #4a4a4a !important;
}

/* --- Tag stat rows --- */
body.ef4-light-mode .ef4-tag-stat-row {
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-tag-stat-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-tag-stat-meta {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-tag-stat-track {
  background: #e5e5e5 !important;
}

/* --- Empty state v2 --- */
body.ef4-light-mode .ef4-empty-v2-title {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-empty-v2-desc {
  color: #4a4a4a !important;
}

/* --- Chart legend --- */
body.ef4-light-mode .ef4-chart-legend-item {
  color: #4a4a4a !important;
}

/* --- AI chat --- */
body.ef4-light-mode .ef4-ai-chat-box {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-ai-chat-msg.user {
  background: rgba(25, 118, 210, 0.08) !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-ai-chat-msg.assistant {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-ai-chat-input-row input {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  color: #1a1a1a !important;
}

/* --- Filter bar --- */
body.ef4-light-mode .ef4-filter-bar {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-filter-advanced {
  border-top: 1px solid #e5e5e5 !important;
}

/* --- Session timer --- */
body.ef4-light-mode .ef4-session-timer {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  color: #1a1a1a !important;
}

/* --- Bulk bar --- */
body.ef4-light-mode .ef4-bulk-bar {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.06), rgba(25, 118, 210, 0.02)) !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
}
body.ef4-light-mode .ef4-bulk-bar span {
  color: #1a1a1a !important;
}

/* --- Trade detail --- */
body.ef4-light-mode .ef4-trade-detail-header {
  background: #f9faf1 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-trade-detail-header h3 {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-trade-detail-label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-trade-detail-value {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-trade-detail-journal {
  background: #f9faf1 !important;
  border-top: 1px solid #e5e5e5 !important;
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-trade-detail-footer {
  border-top: 1px solid #e5e5e5 !important;
}

/* --- Lifestyle strategies --- */
body.ef4-light-mode .ef4-lifestyle-card-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-lifestyle-card-desc {
  color: #4a4a4a !important;
}

/* --- Principle cards --- */
body.ef4-light-mode .ef4-principle-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

/* --- Admin styles --- */
body.ef4-light-mode .ef4-admin-wrap {
  background: #f9faf1 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-admin-card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-admin-row {
  background: #f9faf1 !important;
}
body.ef4-light-mode .ef4-admin-row:nth-child(even) {
  background: #f0f0e8 !important;
}
body.ef4-light-mode .ef4-admin-input {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-admin-th {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-admin-td {
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-admin-notice {
  background: rgba(46, 125, 50, 0.08) !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-admin-heading {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-admin-stat {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-admin-label {
  color: #4a4a4a !important;
}

/* --- Widget grid --- */
body.ef4-light-mode .ef4-widget-btn {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-widget-btn:hover {
  background: var(--ef4-green, #aef31f) !important;
  color: #0a0d14 !important;
}

/* --- Quick trade --- */
body.ef4-light-mode .ef4-quick-panel {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-quick-panel h4 {
  color: #1a1a1a !important;
}

/* --- Compare bars --- */
body.ef4-light-mode .ef4-compare-bar {
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-compare-label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-compare-value {
  color: #1a1a1a !important;
}

/* --- Calendar nav --- */
body.ef4-light-mode .ef4-calendar-title {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-cal-pnl.pnl-profit {
  color: #2E7D32 !important;
}
body.ef4-light-mode .ef4-cal-pnl.pnl-loss {
  color: #C62828 !important;
}
body.ef4-light-mode .ef4-cal-trade-count {
  color: #4a4a4a !important;
}

/* --- Ritual pills --- */
body.ef4-light-mode .ef4-ritual-pill {
  background: rgba(174, 243, 31, 0.1) !important;
  color: #4a8a00 !important;
  border: 1px solid rgba(174, 243, 31, 0.2) !important;
}

/* --- Status badges --- */
body.ef4-light-mode .ef4-status-active {
  background: rgba(46, 125, 50, 0.1) !important;
  color: #2E7D32 !important;
  border: 1px solid rgba(46, 125, 50, 0.15) !important;
}
body.ef4-light-mode .ef4-status-paused {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #B45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.15) !important;
}
body.ef4-light-mode .ef4-status-archived {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #9a9a9a !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* --- Live indicator --- */
body.ef4-light-mode .ef4-live-indicator {
  background: rgba(46, 125, 50, 0.08) !important;
  border: 1px solid rgba(46, 125, 50, 0.15) !important;
  color: #2E7D32 !important;
}

/* --- User dropdown --- */
body.ef4-light-mode .ef4-user-menu {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12) !important;
}
body.ef4-light-mode .ef4-user-menu-item {
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-user-menu-item:hover {
  background: rgba(174, 243, 31, 0.06) !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-user-menu-divider {
  background: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-user-name {
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-user-role {
  color: #4a4a4a !important;
}

/* --- Session active indicator --- */
body.ef4-light-mode .ef4-session-active-indicator {
  background: rgba(46, 125, 50, 0.1) !important;
  border: 1px solid rgba(46, 125, 50, 0.2) !important;
  color: #2E7D32 !important;
}

/* --- Voice recorder --- */
body.ef4-light-mode .ef4-voice-recorder {
  background: #f9faf1 !important;
  border: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-voice-transcript {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  color: #2d2d2d !important;
}

/* --- Symbol dropdown --- */
body.ef4-light-mode .ef4-symbol-dropdown .ef4-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}
body.ef4-light-mode .ef4-dropdown-category {
  background: #f9faf1 !important;
  color: #4a4a4a !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-dropdown-option {
  color: #2d2d2d !important;
}
body.ef4-light-mode .ef4-dropdown-option:hover {
  background: rgba(25, 118, 210, 0.06) !important;
  color: #1a1a1a !important;
}
body.ef4-light-mode .ef4-dropdown-search {
  background: #f9faf1 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  color: #1a1a1a !important;
}

/* --- ICT badges --- */
body.ef4-light-mode .ef4-ict-bos { background: rgba(25, 118, 210, 0.1) !important; color: #1565C0 !important; border-color: rgba(25, 118, 210, 0.2) !important; }
body.ef4-light-mode .ef4-ict-choch { background: rgba(106, 27, 154, 0.1) !important; color: #7B1FA2 !important; border-color: rgba(106, 27, 154, 0.2) !important; }
body.ef4-light-mode .ef4-ict-fvg { background: rgba(245, 166, 35, 0.1) !important; color: #E65100 !important; border-color: rgba(245, 166, 35, 0.2) !important; }
body.ef4-light-mode .ef4-ict-ob { background: rgba(198, 40, 40, 0.1) !important; color: #C62828 !important; border-color: rgba(198, 40, 40, 0.2) !important; }
body.ef4-light-mode .ef4-ict-liq { background: rgba(46, 125, 50, 0.1) !important; color: #2E7D32 !important; border-color: rgba(46, 125, 50, 0.2) !important; }
body.ef4-light-mode .ef4-ict-breaker { background: rgba(173, 20, 87, 0.1) !important; color: #AD1457 !important; border-color: rgba(173, 20, 87, 0.2) !important; }
body.ef4-light-mode .ef4-ict-mitigation { background: rgba(0, 0, 0, 0.04) !important; color: #4a4a4a !important; border-color: rgba(0, 0, 0, 0.08) !important; }

/* --- Wizard dots --- */
body.ef4-light-mode .ef4-wizard-dot {
  background: #e5e5e5 !important;
  border-color: #d4d4d4 !important;
}
body.ef4-light-mode .ef4-wizard-dot.active {
  background: #1976D2 !important;
  border-color: #1976D2 !important;
}
body.ef4-light-mode .ef4-wizard-dot.done {
  background: #2E7D32 !important;
  border-color: #2E7D32 !important;
}

/* --- MFE/MAE group --- */
body.ef4-light-mode .ef4-mfe-mae-group {
  border-top: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-mfe-mae-group label {
  color: #4a4a4a !important;
}
body.ef4-light-mode .ef4-mfe-mae-group input {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1a1a !important;
}

/* --- Deviation form --- */
body.ef4-light-mode .ef4-deviation-form textarea {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1a1a !important;
}

/* --- FOMO breakdown --- */
body.ef4-light-mode .ef4-fomo-breakdown-item {
  border-bottom: 1px solid #e5e5e5 !important;
}
body.ef4-light-mode .ef4-fomo-bar-bg {
  background: #e5e5e5 !important;
}

/* --- Color dots --- */
body.ef4-light-mode .ef4-color-dot.selected {
  border-color: #1a1a1a !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1) !important;
}

/* --- Session chips --- */
body.ef4-light-mode .ef4-session-chip[data-color],
body.ef4-light-mode .ef4-strategy-chip[data-color] {
  background: #f9faf1 !important;
}

/* --- Tooltip --- */
body.ef4-light-mode .ef4-tooltip {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}

/* --- Print styles override --- */
@media print {
  body.ef4-light-mode .ef4-sidebar,
  body.ef4-light-mode .ef4-fab,
  body.ef4-light-mode .ef4-toast-container,
  body.ef4-light-mode .ef4-onboard-overlay,
  body.ef4-light-mode .ef4-streak-banner,
  body.ef4-light-mode .ef4-page-actions,
  body.ef4-light-mode .ef4-btn:not(.ef4-btn-primary) {
    display: none !important;
  }
  body.ef4-light-mode .ef4-main {
    margin-left: 0 !important;
    padding: 0 !important;
  }
  body.ef4-light-mode .ef4-card {
    break-inside: avoid;
    page-break-inside: avoid;
    border: 1px solid #ddd !important;
    background: #fff !important;
  }
  body.ef4-light-mode .ef4-card-title,
  body.ef4-light-mode .ef4-text-primary {
    color: #000 !important;
  }
  body.ef4-light-mode .ef4-text-secondary,
  body.ef4-light-mode .ef4-text-muted {
    color: #666 !important;
  }
}

/* ===== END COMPREHENSIVE LIGHT MODE FIXES ===== */

body.ef4-light-mode .ef4-dashboard-grid { display: grid; gap: 16px; }

/* ================================================================
   DASHBOARD LIGHT MODE MIGRATION — 2025-01-19
   Sidebar, cards, text, tables, charts, modals — comprehensive
   ================================================================ */

/* ─── SIDEBAR: deep forest green ─── */
body.ef4-light-mode .ef4-sidebar,
body.ef4-light-mode .ef4-sidebar-desktop,
body.ef4-light-mode .ef4-sidebar-inner,
body.ef4-light-mode .ef4-sidebar-mobile {
  background: #1a3a2a !important;
  border-right-color: rgba(255,255,255,0.06) !important;
  border-radius: 0 !important;
}

/* Sidebar nav items — white text on dark green */
body.ef4-light-mode .ef4-sidebar .ef4-nav-item,
body.ef4-light-mode .ef4-sidebar .ef4-nav-link,
body.ef4-light-mode .ef4-sidebar .ef4-sidebar-link {
  color: rgba(255,255,255,0.7) !important;
  font-weight: 500 !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-nav-item:hover,
body.ef4-light-mode .ef4-sidebar .ef4-nav-link:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-nav-item.active,
body.ef4-light-mode .ef4-sidebar .ef4-nav-link.active {
  background: #2d5a3d !important;
  color: #ffffff !important;
  border-right: 3px solid #AEF31F !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-nav-icon {
  color: rgba(255,255,255,0.6) !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-nav-item.active .ef4-nav-icon {
  color: #AEF31F !important;
}

/* Sidebar header / section titles */
body.ef4-light-mode .ef4-sidebar-header,
body.ef4-light-mode .ef4-sidebar-header span {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
body.ef4-light-mode .ef4-sidebar-section-title,
body.ef4-light-mode .ef4-nav-label,
body.ef4-light-mode .ef4-nav-section {
  color: rgba(255,255,255,0.4) !important;
}

/* Sidebar footer / user */
body.ef4-light-mode .ef4-sidebar-footer {
  border-top-color: rgba(255,255,255,0.08) !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-user-name {
  color: #ffffff !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-user-role {
  color: rgba(255,255,255,0.55) !important;
}
body.ef4-light-mode .ef4-sidebar .ef4-user-mini,
body.ef4-light-mode .ef4-sidebar .ef4-user-dropdown {
  background: transparent !important;
}
body.ef4-light-mode .ef4-sidebar-logo {
  color: #ffffff !important;
}

/* ─── KPI CARDS: light warm background ─── */
body.ef4-light-mode .ef4-kpi-card {
  background: #f5f7f0 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
body.ef4-light-mode .ef4-kpi-card:hover {
  background: #eef1e8 !important;
  border-color: rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-kpi-value {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-kpi-label {
  color: #7a8570 !important;
}
body.ef4-light-mode .ef4-kpi-icon {
  background: rgba(0,0,0,0.04) !important;
  color: #7a8570 !important;
}
body.ef4-light-mode .ef4-kpi-change {
  color: #4a5540 !important;
}

/* ─── CARDS: warm off-white background ─── */
body.ef4-light-mode .ef4-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
body.ef4-light-mode .ef4-card:hover {
  background: #f0f3ea !important;
  border-color: rgba(0,0,0,0.08) !important;
}

/* ─── TEXT COLORS: dark on light backgrounds ─── */
body.ef4-light-mode .ef4-text-primary,
body.ef4-light-mode .ef4-card-title,
body.ef4-light-mode .ef4-page-title,
body.ef4-light-mode .ef4-h1,
body.ef4-light-mode .ef4-h2,
body.ef4-light-mode .ef4-h3,
body.ef4-light-mode .ef4-h4 {
  color: #1a1f15 !important;
  text-shadow: none !important;
}
body.ef4-light-mode .ef4-text-secondary,
body.ef4-light-mode .ef4-card-subtitle,
body.ef4-light-mode .ef4-text-sm,
body.ef4-light-mode .ef4-page-subtitle {
  color: #4a5540 !important;
}
body.ef4-light-mode .ef4-muted,
body.ef4-light-mode .ef4-text-muted {
  color: #7a8570 !important;
}

/* ─── SESSION CARDS ─── */
body.ef4-light-mode .ef4-session-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-session-card .ef4-text-xs,
body.ef4-light-mode .ef4-strat-card .ef4-text-xs {
  color: #4a5540 !important;
}

/* ─── TABLE STYLES ─── */
body.ef4-light-mode .ef4-table th {
  background: rgba(0,0,0,0.04) !important;
  color: #1a1f15 !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-table td {
  color: #1a1f15 !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-table tbody tr:hover {
  background: rgba(0,0,0,0.02) !important;
}

/* ─── CHART CONTAINERS ─── */
body.ef4-light-mode .ef4-chart-container {
  background: rgba(0,0,0,0.02) !important;
  border-radius: 8px !important;
}
body.ef4-light-mode .ef4-chart-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}

/* ─── MODAL STYLES ─── */
body.ef4-light-mode .ef4-modal-overlay {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
body.ef4-light-mode .ef4-modal {
  background: #f8faf5 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-modal-panel {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-modal-header,
body.ef4-light-mode .ef4-modal-title {
  color: #1a1f15 !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-modal-body {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-modal-content {
  background: #f8faf5 !important;
  color: #1a1f15 !important;
}

/* ─── ADDITIONAL DASHBOARD-SPECIFIC FIXES (migrated from inline) ─── */

/* Performance day cells */
body.ef4-light-mode .perf-day-cell {
  background: #f8faf5 !important;
  border-color: rgba(0,0,0,0.06) !important;
  color: #1a1f15 !important;
}
body.ef4-light-mode .perf-day-cell div[style*="color:rgba(255,255,255"] {
  color: #1a1f15 !important;
  text-shadow: none !important;
}

/* Calendar fixes */
body.ef4-light-mode .ef4-cal-empty {
  background: #f0f3ea !important;
  border-color: rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-cal-day {
  background: #f8faf5 !important;
}
body.ef4-light-mode .ef4-cal-day-number {
  color: #1a1f15 !important;
}

/* Insight / info cards */
body.ef4-light-mode .ef4-insight,
body.ef4-light-mode .ef4-insight-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-insight-title {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-insight-desc {
  color: #4a5540 !important;
}

/* Container max-width fix (migrated from inline) */
body.ef4-light-mode .ef4-container {
  max-width: none !important;
}

/* Fix inline white text on light backgrounds */
body.ef4-light-mode [style*="color:#fff"],
body.ef4-light-mode [style*="color: #fff"],
body.ef4-light-mode [style*="color:#ffffff"],
body.ef4-light-mode [style*="color: #ffffff"] {
  color: #1a1f15 !important;
  text-shadow: none !important;
}

/* Fix inline dark backgrounds on light mode */
body.ef4-light-mode [style*="background:#0a0e1a"],
body.ef4-light-mode [style*="background:#0e1218"],
body.ef4-light-mode [style*="background:var(--ef4-surface)"] {
  background: #f8faf5 !important;
}

/* Preserve chart data colors */
body.ef4-light-mode [style*="background:#10B981"] { background-color: #10b981 !important; }
body.ef4-light-mode [style*="background:#3B82F6"] { background-color: #3b82f6 !important; }
body.ef4-light-mode [style*="background:#F59E0B"] { background-color: #f59e0b !important; }
body.ef4-light-mode [style*="background:#EC4899"] { background-color: #ec4899 !important; }
body.ef4-light-mode [style*="background:#06B6D4"] { background-color: #06b6d4 !important; }
body.ef4-light-mode [style*="background:#8B5CF6"] { background-color: #8b5cf6 !important; }
body.ef4-light-mode [style*="background:#EF4444"] { background-color: #ef4444 !important; }

/* ─── STRATEGY CARDS ─── */
body.ef4-light-mode .ef4-strat-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-strat-card .ef4-text-xs {
  color: #4a5540 !important;
}

/* ─── HEADER ICONS (migrated from inline) ─── */
body.ef4-light-mode .ef4-page-header svg,
body.ef4-light-mode .ef4-page-header .ef4-icon,
body.ef4-light-mode .ef4-topbar svg,
body.ef4-light-mode .ef4-topbar .ef4-icon {
  color: #1a1f15 !important;
  fill: #1a1f15 !important;
}

/* ─── STREAK BANNER ─── */
body.ef4-light-mode .ef4-streak-banner {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: #ffffff !important;
}
body.ef4-light-mode .ef4-streak-sub {
  color: rgba(255,255,255,0.85) !important;
}
body.ef4-light-mode .ef4-streak-best {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

/* ─── COMPARISON BARS ─── */
body.ef4-light-mode .ef4-comparison-bar-text {
  color: #1a1f15 !important;
  text-shadow: none !important;
}

/* ─── END DASHBOARD LIGHT MODE MIGRATION ─── */

/* ================================================================
   FIX 3 — Best & Worst Trades / Card Text Visibility (2025-01-20)
   Forces dark text on all light-mode card content so nothing
   renders white-on-white.
   ================================================================ */

/* Fix white-on-white text in cards */
body.ef4-light-mode .ef4-card .ef4-text-sm,
body.ef4-light-mode .ef4-card .ef4-text-xs,
body.ef4-light-mode .ef4-card p,
body.ef4-light-mode .ef4-card span:not(.ef4-badge):not(.ef4-progress-fill) {
    color: #4a5540 !important;
}

/* Best & Worst trades card specific */
body.ef4-light-mode .ef4-card .trade-row,
body.ef4-light-mode .ef4-card .trade-item,
body.ef4-light-mode .ef4-card .win-trade,
body.ef4-light-mode .ef4-card .loss-trade {
    color: #1a1f15 !important;
}

/* Strategy / Lifestyle / Session card muted text */
body.ef4-light-mode .ef4-session-card .ef4-text-xs,
body.ef4-light-mode .ef4-strat-card .ef4-text-xs,
body.ef4-light-mode .ef4-lifestyle-card .ef4-text-xs,
body.ef4-light-mode .ef4-session-card .ef4-muted,
body.ef4-light-mode .ef4-strat-card .ef4-muted,
body.ef4-light-mode .ef4-lifestyle-card .ef4-muted {
    color: #4a5540 !important;
}

/* Fix any remaining white text */
body.ef4-light-mode * {
    color: inherit;
}
body.ef4-light-mode [style*="color: #fff"],
body.ef4-light-mode [style*="color: #ffffff"],
body.ef4-light-mode [style*="color: white"] {
    color: #1a1f15 !important;
}

/* Fix specific insight card text */
body.ef4-light-mode .ef4-insight-card .ef4-text-sm,
body.ef4-light-mode .ef4-insight-card .ef4-text-xs,
body.ef4-light-mode .ef4-insight-card p {
    color: #4a5540 !important;
}

/* Fix chart labels */
body.ef4-light-mode .ef4-chart-container text,
body.ef4-light-mode .ef4-chart-container .chart-label,
body.ef4-light-mode canvas + div {
    color: #4a5540 !important;
}

/* Best/Worst trades list */
body.ef4-light-mode .best-worst-list .item,
body.ef4-light-mode .best-worst-list .trade-name,
body.ef4-light-mode .best-worst-list .trade-value {
    color: #1a1f15 !important;
}

/* ===== END FIX 3 ===== */


/* ================================================================
   MISSING COMPONENT COVERAGE — LIGHT MODE FIXES (2025-01-21)
   ================================================================ */

/* --- Stepper --- */
body.ef4-light-mode .ef4-stepper {
  background: transparent !important;
}
body.ef4-light-mode .ef4-stepper .ef4-step {
  color: #4a5540 !important;
}
body.ef4-light-mode .ef4-stepper .ef4-step.active {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-stepper .ef4-step.completed {
  color: #396666 !important;
}
body.ef4-light-mode .ef4-stepper-line {
  background: #e5e5e5 !important;
}
body.ef4-light-mode .ef4-stepper-line.completed {
  background: #396666 !important;
}

/* --- Modal close button --- */
body.ef4-light-mode .ef4-modal-close {
  color: #7a8570 !important;
}
body.ef4-light-mode .ef4-modal-close:hover {
  color: #1a1f15 !important;
  background: rgba(0,0,0,0.04) !important;
}

/* --- Skeleton loading --- */
body.ef4-light-mode .ef4-skeleton,
body.ef4-light-mode .ef4-skeleton-shimmer,
body.ef4-light-mode .ef4-skeleton-card,
body.ef4-light-mode .ef4-skeleton-header,
body.ef4-light-mode .ef4-skeleton-title,
body.ef4-light-mode .ef4-skeleton-subtitle,
body.ef4-light-mode .ef4-skeleton-body,
body.ef4-light-mode .ef4-skeleton-row {
  background: linear-gradient(90deg, #f0f0e8 25%, #e5e5d8 50%, #f0f0e8 75%) !important;
  background-size: 200% 100% !important;
}

/* --- Login page --- */
body.ef4-light-mode .ef4-login-wrap {
  background: #f9faf1 !important;
}
body.ef4-light-mode .ef4-login-wrap::before,
body.ef4-light-mode .ef4-login-wrap::after {
  display: none !important;
}
body.ef4-light-mode .ef4-login-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-login-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-login-title {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-login-subtitle {
  color: #4a5540 !important;
}
body.ef4-light-mode .ef4-login-input {
  background: #ffffff !important;
  border: 1px solid #d4d4d4 !important;
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-login-input:focus {
  border-color: #396666 !important;
  box-shadow: 0 0 0 3px rgba(57,102,102,0.10) !important;
}
body.ef4-light-mode .ef4-login-btn {
  background: #396666 !important;
  color: #ffffff !important;
}
body.ef4-light-mode .ef4-login-btn:hover {
  background: #2d5252 !important;
}
body.ef4-light-mode .ef4-login-footer {
  color: #4a5540 !important;
}
body.ef4-light-mode .ef4-login-footer a {
  color: #396666 !important;
}
body.ef4-light-mode .ef4-login-error {
  color: #dc2626 !important;
  background: rgba(220,38,38,0.06) !important;
  border: 1px solid rgba(220,38,38,0.12) !important;
}
body.ef4-light-mode .ef4-login-error.show {
  display: block !important;
}

/* --- Wizard container --- */
body.ef4-light-mode .ef4-wizard-container {
  background: transparent !important;
}
body.ef4-light-mode .ef4-wizard-step {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-wizard-step h3 {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-wizard-step .step-desc {
  color: #4a5540 !important;
}
body.ef4-light-mode .ef4-wizard-nav {
  background: transparent !important;
}

/* --- Checklist grid --- */
body.ef4-light-mode .ef4-checklist-grid {
  gap: 24px !important;
}

/* --- Session card meta / long-short-split text --- */
body.ef4-light-mode .ef4-session-card .ef4-session-meta,
body.ef4-light-mode .ef4-strategy-card .ef4-strategy-meta,
body.ef4-light-mode .ef4-strat-card .ef4-strat-meta {
  color: #1a1f15 !important;
}

/* --- Card text-muted override --- */
body.ef4-light-mode .ef4-card .ef4-text-muted,
body.ef4-light-mode .ef4-chart-container .ef4-text-muted,
body.ef4-light-mode .ef4-table-wrap .ef4-text-muted {
  color: #7a8570 !important;
}

/* --- FAB (Floating Action Button) — ensure visible in light mode --- */
body.ef4-light-mode .ef4-fab {
  display: none !important;
}

/* --- AI Insight cards --- */
body.ef4-light-mode .ef4-ai-insight-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-ai-insight-title {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-ai-insight-body {
  color: #4a5540 !important;
}

/* --- User dropdown menu --- */
body.ef4-light-mode .ef4-user-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-user-dropdown a {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-user-dropdown a:hover {
  background: rgba(0,0,0,0.03) !important;
}

/* --- Tag filters --- */
body.ef4-light-mode .ef4-tag-filter-bar {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-tag-filter-btn {
  background: #f0f0e8 !important;
  color: #4a5540 !important;
  border: 1px solid #e5e5d8 !important;
}
body.ef4-light-mode .ef4-tag-filter-btn.active {
  background: #396666 !important;
  color: #ffffff !important;
  border-color: #396666 !important;
}

/* --- Ritual cards --- */
body.ef4-light-mode .ef4-ritual-card {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-ritual-card-title {
  color: #1a1f15 !important;
}
body.ef4-light-mode .ef4-ritual-card-desc {
  color: #4a5540 !important;
}

/* --- Scrollbar styling --- */
body.ef4-light-mode *::-webkit-scrollbar-track {
  background: #f0f0e8 !important;
}
body.ef4-light-mode *::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.12) !important;
  border-radius: 4px !important;
}
body.ef4-light-mode *::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.18) !important;
}

/* --- Tooltip system --- */
body.ef4-light-mode .ef4-tooltip-inner {
  background: #ffffff !important;
  color: #1a1f15 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
body.ef4-light-mode .ef4-tooltip-arrow {
  border-color: #ffffff !important;
}

/* --- Trade view modal --- */
body.ef4-light-mode .ef4-trade-view-modal {
  background: #f8faf5 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
body.ef4-light-mode .ef4-trade-view-header {
  color: #1a1f15 !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

/* --- KPI cards light background (Fix 8) --- */
body.ef4-light-mode .ef4-kpi-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

/* --- Chart and grid text on light backgrounds (Fix 9) --- */
body.ef4-light-mode .ef4-card,
body.ef4-light-mode .ef4-chart-container,
body.ef4-light-mode .ef4-table-wrap {
  color: #0f172a !important;
}
body.ef4-light-mode .ef4-card .ef4-text-muted,
body.ef4-light-mode .ef4-chart-container .ef4-text-muted {
  color: #64748b !important;
}

/* --- Session card long/short/split text (Fix 10) --- */
body.ef4-light-mode .ef4-session-card .ef4-session-meta,
body.ef4-light-mode .ef4-strategy-card .ef4-strategy-meta {
  color: #0f172a !important;
}

/* ===== END MISSING COMPONENT COVERAGE ===== */