/* NANJING — tema ganda: DARK (default) & LIGHT (html[data-theme="light"]) */
html[data-theme="light"] {
  --bg:#FAF8F5; --card:#ffffff; --card2:#F3EFE9; --border:#E6E0D6; --text:#1F2937; --muted:#55606E;
  --accent:#B45309; --green:#2F7D57; --red:#B3402E; --blue:#4F46E5; --gold:#B45309;

  --nb-bg:#FAF8F5; --nb-card:#ffffff; --nb-card2:#F3EFE9; --nb-line:#E6E0D6; --nb-ink:#0F172A;
  --nb-txt:#1F2937; --nb-muted:#55606E; --nb-faint:#94A3B8; --nb-amber:#B45309; --nb-amber-2:#D97706;
  --nb-accent-soft:#FBE7D4; --nb-green:#2F7D57; --nb-indigo:#4F46E5; --nb-red:#B3402E;
  --nb-shadow:0 10px 30px rgba(15,23,42,.07); --nb-shadow-lg:0 22px 50px rgba(15,23,42,.13);

  --ink:#0F172A; --ink-2:#1E293B; --panel:#ffffff; --panel-2:#F3EFE9; --gold:#B45309; --gold-soft:#D97706;
  --jade:#2F7D57; --jade-soft:#94A3B8; --cinnabar:#B3402E; --paper:#1F2937; --paper-dim:#55606E;
  --line:rgba(180,83,9,.22);
}
html[data-theme="light"] body { color:#1F2937 !important; }

/* Override variabel UI global yang didefenisikan ulang by sebagian halaman
   (merchant-dashboard, hotdeals, bursa, dll) lewat :root (nilai gelap).
   Selector html[data-theme="light"] lebih tinggi dari :root, sehingga menang
   saat mode terang. */
html[data-theme="light"] {
  --bg:#FAF8F5; --card:#ffffff; --card2:#F3EFE9; --border:#E6E0D6;
  --text:#1F2937; --muted:#55606E; --accent:#B45309; --green:#2F7D57;
  --red:#B3402E; --blue:#4F46E5; --gold:#B45309;
  --input-bg:#F3EFE9; --ph:#9AA3BA;
}
/* Elemen UI yang sering dipakai lintas halaman (dashboard/hotdeal/bursa). */
html[data-theme="light"] table.dtable, html[data-theme="light"] .dtable { color:#1F2937 !important; }
html[data-theme="light"] table.dtable th, html[data-theme="light"] .dtable th { background:#F3EFE9 !important; color:#1F2937 !important; border-bottom-color:#E6E0D6 !important; }
html[data-theme="light"] table.dtable td, html[data-theme="light"] .dtable td { color:#1F2937 !important; border-bottom-color:#E6E0D6 !important; }
html[data-theme="light"] .field label, html[data-theme="light"] .card label { color:#334155 !important; }
html[data-theme="light"] .field input, html[data-theme="light"] .field textarea, html[data-theme="light"] .field select,
html[data-theme="light"] .input, html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="email"], html[data-theme="light"] textarea {
  background:#F3EFE9 !important; color:#1F2937 !important; border:1px solid #E6E0D6 !important; }
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color:#9AA3BA !important; }
html[data-theme="light"] .hint, html[data-theme="light"] .sub, html[data-theme="light"] .view-note,
html[data-theme="light"] .loading { color:#55606E !important; }
html[data-theme="light"] .msg.error { background:#FDF0EE !important; color:#B3402E !important; border-color:#F3C7BE !important; }
html[data-theme="light"] .msg.success { background:#ECF7F0 !important; color:#2F7D57 !important; border-color:#C6E4D2 !important; }
html[data-theme="light"] .btn.save { background:#2F7D57 !important; color:#fff !important; }
html[data-theme="light"] .btn.danger { color:#B3402E !important; border-color:#B3402E !important; }

/* ---------- MENU ---------- */
html[data-theme="light"] body { background:
  radial-gradient(ellipse at 85% -10%, rgba(217,119,6,.08), transparent 50%),
  radial-gradient(ellipse at 0% 20%, rgba(79,70,229,.05), transparent 45%), #FAF8F5 !important; }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] .menu-card .title, html[data-theme="light"] .nb-title,
html[data-theme="light"] .au-name, html[data-theme="light"] .brand-text h1 { color:#0F172A !important; }
html[data-theme="light"] .brand-text p, html[data-theme="light"] .au-email,
html[data-theme="light"] .nb-desc, html[data-theme="light"] .footer { color:#55606E !important; }
html[data-theme="light"] .brand-mark { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; box-shadow:0 8px 20px rgba(180,83,9,.28) !important; }
html[data-theme="light"] .btn-install { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; box-shadow:0 2px 8px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .auth-bar { background:#fff !important; border-color:#E6E0D6 !important; box-shadow:0 10px 30px rgba(15,23,42,.06) !important; }
html[data-theme="light"] .credit-user { background:#FBE7D4 !important; border-color:#F0DEC5 !important; }
html[data-theme="light"] .credit-user .au-name, html[data-theme="light"] .credit-user .au-email { color:#B45309 !important; }
html[data-theme="light"] .auth-btn { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .auth-btn.login { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }
html[data-theme="light"] .auth-btn.register { color:#B45309 !important; border-color:#B45309 !important; }
html[data-theme="light"] .auth-btn.danger { background:#FDF0EE !important; color:#B3402E !important; border-color:#F3C7BE !important; }
html[data-theme="light"] .locked-note { background:#FBE7D4 !important; color:#5a4a33 !important; border-color:#EFDABD !important; }
html[data-theme="light"] .scan-card, html[data-theme="light"] .network-banner { background:#fff !important; border-color:#E6E0D6 !important; color:#1F2937 !important; }
html[data-theme="light"] .scan-card .nb-icon, html[data-theme="light"] .network-banner .nb-icon { background:#FBE7D4 !important; color:#B45309 !important; }
html[data-theme="light"] .menu-card { background:rgba(255,255,255,.9) !important; border:1px solid #E6E0D6 !important; color:#1F2937 !important; box-shadow:0 2px 10px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .menu-card::after { background:linear-gradient(90deg,#D97706,#B45309) !important; opacity:.8 !important; }
html[data-theme="light"] .menu-card:hover { border-color:#B45309 !important; box-shadow:0 16px 34px rgba(15,23,42,.12) !important; }
html[data-theme="light"] .menu-card .desc, html[data-theme="light"] .menu-card.hero .desc { color:#475569 !important; }
html[data-theme="light"] .menu-card .ic, html[data-theme="light"] .menu-card.hero .ic { background:#FBE7D4 !important; color:#B45309 !important; }
html[data-theme="light"] .menu-card .btn-masuk { background:#FBE7D4 !important; color:#B45309 !important; box-shadow:none !important; }
html[data-theme="light"] .menu-card:hover .btn-masuk { background:#B45309 !important; color:#fff !important; }
html[data-theme="light"] .menu-card.hero .tag { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }
html[data-theme="light"] .group-label { color:#55606E !important; }
html[data-theme="light"] .group-toggle:hover { color:#0F172A !important; }
html[data-theme="light"] .group-toggle .gl-count { color:#55606E !important; background:#F3EFE9 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .group-toggle .gl-arrow { color:#55606E !important; }
html[data-theme="light"] .sub-card { background:#fff !important; border-color:#E6E0D6 !important; color:#1F2937 !important; box-shadow:0 2px 10px rgba(15,23,42,.04) !important; }
html[data-theme="light"] .sub-card:hover { border-color:#B45309 !important; }
html[data-theme="light"] .sub-card .sc-title { color:#0F172A !important; }
html[data-theme="light"] .sub-card .sc-desc { color:#475569 !important; }
html[data-theme="light"] .sub-card .sc-go { color:#B45309 !important; }
html[data-theme="light"] .sub-note { color:#55606E !important; }

/* Menu — Top Cashback & Hot Deal (komponen hd-*) */
html[data-theme="light"] .hd-chip, html[data-theme="light"] .hd-card { background:#fff !important; border-color:#E6E0D6 !important; color:#1F2937 !important; box-shadow:0 2px 10px rgba(15,23,42,.04) !important; }
html[data-theme="light"] .hd-chip:hover, html[data-theme="light"] .hd-card:hover { border-color:#B45309 !important; }
html[data-theme="light"] .hd-chip .hd-tname, html[data-theme="light"] .hd-card .hd-name { color:#0F172A !important; }
html[data-theme="light"] .hd-chip .hd-tcb, html[data-theme="light"] .hd-card .hd-cbval, html[data-theme="light"] .hd-card .hd-cbinfo { color:#2F7D57 !important; }
html[data-theme="light"] .hd-card .hd-cap { color:#1F2937 !important; }
html[data-theme="light"] .hd-card .hd-loc { color:#334155 !important; }
html[data-theme="light"] .hd-card .hd-img { background:#F3EFE9 !important; }
html[data-theme="light"] .hd-card .hd-rate { color:#55606E !important; }
html[data-theme="light"] .hd-head { color:#0F172A !important; }
html[data-theme="light"] .hd-head .hd-sub { color:#55606E !important; }
html[data-theme="light"] .ver-badge { background:#fff !important; color:#55606E !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .auth-modal { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; box-shadow:0 24px 70px rgba(15,23,42,.18) !important; }
html[data-theme="light"] .auth-modal h2 { color:#0F172A !important; }
html[data-theme="light"] .am-sub { color:#55606E !important; }
html[data-theme="light"] .auth-field input { background:#F3EFE9 !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .auth-msg { color:#B3402E !important; }

/* ---------- MARKETPLACE ---------- */
html[data-theme="light"] .header { background:#fff !important; border-bottom-color:#E6E0D6 !important; box-shadow:0 6px 22px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .header::before { background:linear-gradient(90deg,#D97706,#B3402E,#2F7D57) !important; }
html[data-theme="light"] .header h1 { color:#0F172A !important; } html[data-theme="light"] .header h1 span { color:#B45309 !important; }
html[data-theme="light"] .header .sub, html[data-theme="light"] .loc-note { color:#55606E !important; }
html[data-theme="light"] .btn-home { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .btn-home:hover { color:#B45309 !important; border-color:#B45309 !important; }
html[data-theme="light"] .auth-btn { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .auth-btn.gold { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }
html[data-theme="light"] .searchbar { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; box-shadow:0 2px 8px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .btn-nearby { background:#fff !important; color:#55606E !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .flt-select, html[data-theme="light"] .cat-chip { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .cb-tip { background:#FDF8F0 !important; color:#5a4a33 !important; border-color:#F0E0C6 !important; }
html[data-theme="light"] .cb-tip b { color:#B45309 !important; }
html[data-theme="light"] .mcard { background:rgba(255,255,255,.92) !important; border:1px solid #E6E0D6 !important; box-shadow:0 2px 10px rgba(15,23,42,.04) !important; }
html[data-theme="light"] .mcard:hover { border-color:#B45309 !important; box-shadow:0 16px 34px rgba(15,23,42,.1) !important; }
html[data-theme="light"] .mcard .mname { color:#0F172A !important; }
html[data-theme="light"] .mcard .mmeta { color:#55606E !important; }
html[data-theme="light"] .mcard .mrate { color:#B45309 !important; }
html[data-theme="light"] .mcard .mcat { background:rgba(79,70,229,.12) !important; color:#3B39C4 !important; }
html[data-theme="light"] .mcard .thumb { background:#F3EFE9 !important; }
html[data-theme="light"] .mcard .thumb.logo { background:linear-gradient(135deg,#F2F4F7,#FAF8F5) !important; }
html[data-theme="light"] .mpill { background:rgba(255,255,255,.92) !important; color:#0F172A !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .prod-card { background:#fff !important; border:1px solid #E6E0D6 !important; box-shadow:0 2px 10px rgba(15,23,42,.04) !important; }
html[data-theme="light"] .prod-card:hover { border-color:#B45309 !important; }
html[data-theme="light"] .prod-name { color:#0F172A !important; } html[data-theme="light"] .prod-desc { color:#475569 !important; }
html[data-theme="light"] .prod-price { color:#B45309 !important; }
html[data-theme="light"] .prod-head { color:#B45309 !important; }
html[data-theme="light"] .prod-search input { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .pv-overlay { background:rgba(255,255,255,.98) !important; }
html[data-theme="light"] .pv-stage { background:#F7F4EF !important; }
html[data-theme="light"] .pv-info { background:#fff !important; border-top-color:#E6E0D6 !important; }
html[data-theme="light"] .pv-title, html[data-theme="light"] .pv-name { color:#0F172A !important; }
html[data-theme="light"] .pv-desc { color:#334155 !important; }
html[data-theme="light"] .pv-close, html[data-theme="light"] .pv-nav { background:#fff !important; color:#55606E !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .detail-panel { background:#FAF8F5 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .detail-topbar { background:#fff !important; border-bottom-color:#E6E0D6 !important; }
html[data-theme="light"] .detail-title { color:#0F172A !important; }
html[data-theme="light"] .detail-nav-btn, html[data-theme="light"] .detail-close { background:#fff !important; color:#55606E !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .mh-top { background:#fff !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .mh-name { color:#0F172A !important; } html[data-theme="light"] .mh-addr { color:#475569 !important; }
html[data-theme="light"] .mh-stars { color:#E8A33D !important; }
html[data-theme="light"] .dhours { background:#fff !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .ddesc { color:#334155 !important; }
/* Cashback di detail toko: kotak info */
html[data-theme="light"] .cb-box { background:linear-gradient(135deg,#ECF7F0,#F7FCF9) !important; border-color:#C6E4D2 !important; }
html[data-theme="light"] .cb-box .cb-ic { background:#DCEFE3 !important; }
html[data-theme="light"] .cb-box .cb-pct { color:#1F7A4D !important; }
html[data-theme="light"] .cb-box .cb-note { color:#55606E !important; }
html[data-theme="light"] .cb-box .cb-note b { color:#0F172A !important; }
html[data-theme="light"] .rating-summary, html[data-theme="light"] .rating-panel { background:#fff !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .rating-stars .star { color:#E7E2D9 !important; } html[data-theme="light"] .rating-stars .star.on, html[data-theme="light"] .rating-stars .star.sel { color:#E8A33D !important; }
html[data-theme="light"] .rating-comment { background:#F3EFE9 !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
/* Badge "Pembelian terverifikasi" + catatan ulasan */
html[data-theme="light"] .rating-testi .rt-verif { color:#1F7A4D !important; background:#E4F5EA !important; border-color:#9FD8B4 !important; }
html[data-theme="light"] .rt-verified-note { color:#55606E !important; }
html[data-theme="light"] .ag-panel { background:#fff !important; color:#1F2937 !important; border:1px solid #E6E0D6 !important; box-shadow:0 24px 70px rgba(15,23,42,.2) !important; }
html[data-theme="light"] .ag-title { color:#0F172A !important; } html[data-theme="light"] .ag-sub { color:#55606E !important; }
html[data-theme="light"] .ag-notice { background:rgba(79,70,229,.08) !important; color:#4F46E5 !important; border-color:rgba(79,70,229,.2) !important; }
html[data-theme="light"] .ag-field input, html[data-theme="light"] .ag-otp input { background:#F3EFE9 !important; color:#1F2937 !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] .ag-btn { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }
html[data-theme="light"] .ag-btn.ghost { background:#fff !important; color:#55606E !important; border-color:#E6E0D6 !important; }
html[data-theme="light"] #agNoticeBar { background:#fff !important; color:#1F2937 !important; border-top-color:#E6E0D6 !important; }
html[data-theme="light"] #agNoticeBar .b { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }
html[data-theme="light"] #agNoticeBar .x { color:#55606E !important; }
html[data-theme="light"] .dshare-btn, html[data-theme="light"] .claim-btn { background:linear-gradient(135deg,#D97706,#B45309) !important; color:#fff !important; }

/* Mini Dashboard light mode */
html[data-theme="light"] .mini-dash .md-card { background:#fff !important; border-color:#E6E0D6 !important; color:#1F2937 !important; box-shadow:0 2px 10px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .mini-dash .md-card:hover { border-color:#B45309 !important; }
html[data-theme="light"] .mini-dash .md-val { color:#1F2937 !important; }
html[data-theme="light"] .mini-dash .md-label { color:#55606E !important; }
html[data-theme="light"] .mini-dash .md-card.saldo .md-val { color:#2F7D57 !important; }
html[data-theme="light"] .mini-dash .md-card.ref .md-val { color:#4F46E5 !important; }
html[data-theme="light"] .mini-dash .md-card.tier .md-val { color:#B45309 !important; }
html[data-theme="light"] .bottom-nav { background:rgba(255,255,255,.95) !important; border-top-color:#E6E0D6 !important; box-shadow:0 -4px 20px rgba(15,23,42,.06) !important; }
html[data-theme="light"] .bottom-nav a { color:#55606E !important; }
html[data-theme="light"] .bottom-nav a.active { color:#B45309 !important; }

/* ---------- ASS (asuransi) — light ---------- */
html[data-theme="light"] body { background:#f0f4f8 !important; color:#1a3a5c !important; }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] .section-title, html[data-theme="light"] .subtitle { color:#1a3a5c !important; }
html[data-theme="light"] .container { background:#fff !important; border-color:#e2e8f0 !important; box-shadow:0 10px 30px rgba(15,23,42,.08) !important; }
html[data-theme="light"] .back-home { background:transparent !important; color:#1a3a5c !important; }
html[data-theme="light"] .badge-ojk { background:#1a3a5c !important; color:#fff !important; }
html[data-theme="light"] .tab-nav { background:#f0f4f8 !important; }
html[data-theme="light"] .tab-btn { color:#1a3a5c !important; background:transparent !important; }
html[data-theme="light"] .tab-btn.active { background:#1a5fb4 !important; color:#fff !important; }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { background:#fff !important; color:#1a3a5c !important; border:1px solid #cbd5e1 !important; }
html[data-theme="light"] label { color:#1a3a5c !important; }
html[data-theme="light"] p, html[data-theme="light"] .desc, html[data-theme="light"] .hint, html[data-theme="light"] li, html[data-theme="light"] .data-status, html[data-theme="light"] span { color:#334155 !important; }
html[data-theme="light"] .row, html[data-theme="light"] .field-group, html[data-theme="light"] .perluasan-grid,
html[data-theme="light"] .result-box, html[data-theme="light"] .tab-content, html[data-theme="light"] .detail-item,
html[data-theme="light"] .breakdown, html[data-theme="light"] .summary-card, html[data-theme="light"] .premi-detail,
html[data-theme="light"] .checkbox-grid-travel, html[data-theme="light"] .proposal-container { background:#fff !important; color:#1a3a5c !important; border:1px solid #e2e8f0 !important; }
html[data-theme="light"] .premi-value { background:#fff !important; color:#1a3a5c !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .detail-item .label, html[data-theme="light"] .summary-card .label { color:#5e7a93 !important; }
html[data-theme="light"] .detail-item .value, html[data-theme="light"] .summary-card .value { color:#1a3a5c !important; }
html[data-theme="light"] .history-table, html[data-theme="light"] .history-table tr, html[data-theme="light"] .history-table tbody tr { background:#fff !important; color:#1a3a5c !important; }
html[data-theme="light"] .history-table thead th { background:#f0f4f8 !important; color:#1a3a5c !important; }
html[data-theme="light"] .history-table tbody td { color:#1a3a5c !important; border-bottom:1px solid #edf2f7 !important; }
html[data-theme="light"] .history-empty { background:#fff !important; color:#5e7a93 !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .perluasan-toggle { background:#eef3f8 !important; color:#1a3a5c !important; border-color:#c8d6e5 !important; }
html[data-theme="light"] .btn, html[data-theme="light"] .btn-primary, html[data-theme="light"] .btn-success { background:#1a5fb4 !important; color:#fff !important; }
html[data-theme="light"] .user-status-bar { background:#1e293b !important; }
html[data-theme="light"] .user-status-bar * { color:#e2e8f0 !important; }
html[data-theme="light"] .history-btn, html[data-theme="light"] .token-btn { color:#1a3a5c !important; border-color:#cbd5e1 !important; }

/* ---------- LIFECODE — light (via vars) ---------- */
html[data-theme="light"] { --panel:#ffffff; --panel-2:#F3F5F6; --gold:#B45309; --gold-soft:#D97706;
  --jade:#2F7D57; --jade-soft:#94A3B8; --paper:#1F2937; --paper-dim:#55606E; --line:rgba(180,83,9,.22); }

/* ---------- PORTO LAPORAN (soft light) ---------- */
html[data-theme="light"] body { background:#f1f5f9 !important; color:#0f172a !important; }
html[data-theme="light"] .back-button-wrap .btn-back { background:#fff !important; color:#1e293b !important; border-color:#cbd5e1 !important; }
html[data-theme="light"] .back-button-wrap .btn-back:hover { color:#0ea5e9 !important; border-color:#0ea5e9 !important; }
html[data-theme="light"] .main-header { background:linear-gradient(135deg,#f8fafc,#eef2f7) !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .main-header h1 { color:#0f172a !important; }
html[data-theme="light"] .main-header h1 span { color:#0284c7 !important; }
html[data-theme="light"] .main-header p, html[data-theme="light"] .header-stats .hs-item { color:#475569 !important; }
html[data-theme="light"] .header-stats .hs-item strong { color:#0f172a !important; }
html[data-theme="light"] .header-stats { border-top-color:#e2e8f0 !important; }
html[data-theme="light"] .trust-badge { background:#fff !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .trust-badge .item { color:#475569 !important; }
html[data-theme="light"] .trust-badge .item strong { color:#0f172a !important; }
html[data-theme="light"] .portfolio-card { background:#fff !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .card-header { background:linear-gradient(135deg,#f8fafc,#eef2f7) !important; border-bottom-color:#0ea5e9 !important; }
html[data-theme="light"] .card-header .left h2 { color:#0f172a !important; }
html[data-theme="light"] .card-body { background:#fff !important; }
html[data-theme="light"] .advanced-stats, html[data-theme="light"] .chart-section, html[data-theme="light"] .chart-wrapper,
html[data-theme="light"] .insight-item, html[data-theme="light"] .smart-insight, html[data-theme="light"] .forward-summary,
html[data-theme="light"] .links-section, html[data-theme="light"] .faq-section, html[data-theme="light"] .strategy-section,
html[data-theme="light"] .live-section, html[data-theme="light"] .update-info { background:#fff !important; color:#0f172a !important; border:1px solid #e2e8f0 !important; }
html[data-theme="light"] .section-label { color:#475569 !important; }
html[data-theme="light"] .metric-box { background:#fff !important; border-color:#e2e8f0 !important; color:#0f172a !important; box-shadow:0 1px 4px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .metric-box .metric-label { color:#64748b !important; }
html[data-theme="light"] .live-table-wrap, html[data-theme="light"] .monthly-table-wrap { background:#fff !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .live-table, html[data-theme="light"] .monthly-table { color:#0f172a !important; }
html[data-theme="light"] .live-table th, html[data-theme="light"] .monthly-table th { background:#f1f5f9 !important; color:#0f172a !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .live-table td, html[data-theme="light"] .monthly-table td { border-bottom:1px solid #eef2f7 !important; color:#334155 !important; }
html[data-theme="light"] .btn-link { background:#f1f5f9 !important; color:#1e293b !important; border-color:#cbd5e1 !important; }
html[data-theme="light"] .btn-link.primary { background:#0ea5e9 !important; color:#fff !important; border:none !important; }
html[data-theme="light"] .btn-link.success { background:#22c55e !important; color:#fff !important; border:none !important; }
html[data-theme="light"] .status-badge.live { background:#16a34a !important; color:#fff !important; }
html[data-theme="light"] .status-badge.backtest { background:#ea580c !important; color:#fff !important; }
html[data-theme="light"] .footer-note, html[data-theme="light"] .risk-disclaimer { color:#64748b !important; }
/* .footer-brand memakai rgba(255,255,255,.45) -> nyaris tak terlihat di mode terang */
html[data-theme="light"] .footer-brand { color:#475569 !important; }
html[data-theme="light"] .strategy-section .setup-item, html[data-theme="light"] .advanced-stats .stat-item {
  background:#fff !important; border:1px solid #e2e8f0 !important; color:#0f172a !important; box-shadow:0 1px 4px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .strategy-section .setup-item .label, html[data-theme="light"] .advanced-stats .stat-item .label { color:#64748b !important; }
html[data-theme="light"] .strategy-section .setup-item .value, html[data-theme="light"] .advanced-stats .stat-item .value { color:#0f172a !important; }
html[data-theme="light"] .link-backtest-wrap, html[data-theme="light"] .link-forward-wrap {
  background:#fff !important; border:1px solid #e2e8f0 !important; color:#0f172a !important; box-shadow:0 1px 4px rgba(15,23,42,.05) !important; }
html[data-theme="light"] .link-backtest-wrap .desc, html[data-theme="light"] .link-forward-wrap .desc,
html[data-theme="light"] .link-backtest-wrap p, html[data-theme="light"] .link-forward-wrap p { color:#475569 !important; }
html[data-theme="light"] .section-label { color:#475569 !important; }

/* ---------- TOGGLE BUTTON ---------- */
#nb-theme-toggle { display:none; }