/* ═══════════════════════════════════════════════════════════════════════
   LIGHT THEME — Professional / Bloomberg-style
   Concept: clean neutral background, data-first, light glassmorphism
   No orbs · No noise · No heavy gradients
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── CSS VARIABLES ─────────────────────────────────────────────────── */
body.theme-light {
  /* Background */
  --bg: #eef0f4;
  --bg-secondary: #e4e7ed;

  /* Accent — slightly muted vs dark theme for legibility on light bg */
  --accent: #0077bb;
  --accent-glow: rgba(0,119,187,.2);
  --purple: #7c3aed;
  --purple-glow: rgba(124,58,237,.18);
  --green: #059669;
  --green-glow: rgba(5,150,105,.15);
  --red: #dc2626;
  --red-glow: rgba(220,38,38,.12);
  --yellow: #b45309;
  --yellow-glow: rgba(180,83,9,.12);

  /* Text */
  --text: #0a0e1a;
  --text-secondary: #374151;
  --text-dim: #6b7280;
  --text-hover: #111827;

  /* Glass surfaces — white-based, minimal blur needed */
  --glass: rgba(255,255,255,.72);
  --glass-h: rgba(255,255,255,.88);
  --glass-b: rgba(255,255,255,.95);
  --border: rgba(0,0,0,.07);
  --border-light: rgba(0,0,0,.04);

  /* Shadows — dark-tinted, not purple-tinted */
  --shadow: 0 4px 24px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);
  --shadow-md: 0 6px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.05);

  color-scheme: light;
}

/* ─── BODY & BACKGROUND ─────────────────────────────────────────────── */
body.theme-light {
  background: var(--bg);
  color: var(--text);
}

/* Kill dark-theme orbs on light mode */
body.theme-light .bg-orb { display: none; }

/* Remove noise grain if present */
body.theme-light .app-container::before { display: none; }

/* ─── SCROLLBAR ─────────────────────────────────────────────────────── */
body.theme-light ::-webkit-scrollbar-track { background: #e4e7ed; }
body.theme-light ::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border-radius: 4px;
}
body.theme-light ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.28); }

/* ─── SIDEBAR (stays dark — intentional) ───────────────────────────── */
body.theme-light .sidebar {
  background: #0a0e1a;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-right: none;
  box-shadow: 2px 0 20px rgba(0,0,0,.18);
}
body.theme-light .sidebar.expanded {
  box-shadow: 4px 0 32px rgba(0,0,0,.22);
}
body.theme-light .sidebar-header { border-bottom: 1px solid rgba(255,255,255,.06); }
body.theme-light .sidebar-footer  { border-top:    1px solid rgba(255,255,255,.06); }

/* Sidebar stays dark — use exact dark-theme neon colors for logo/nav */
body.theme-light .logo-wrapper  { color: #fff; }
body.theme-light .logo-icon {
  background: linear-gradient(135deg, #00aaff, #bd00ff);
  box-shadow: 0 0 20px rgba(0,170,255,.4);
}
body.theme-light .logo-text { color: #fff; }
body.theme-light .logo-text .accent {
  background: linear-gradient(45deg, #00aaff, #bd00ff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.theme-light .lang-row { border-bottom: 1px solid rgba(255,255,255,.06); }
body.theme-light .lang-btn {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  color: #94a3b8;
}
body.theme-light .lang-btn:hover,
body.theme-light .lang-btn.active {
  background: #00aaff;
  border-color: #00aaff;
  color: #fff;
}

body.theme-light .nav-item { color: #94a3b8; border-left: 3px solid transparent; }
body.theme-light .nav-item:hover {
  background: rgba(255,255,255,.08);
  color: #fff;
  border-left-color: #00aaff;
}
body.theme-light .nav-item.active {
  background: rgba(0,170,255,.15);
  color: #00aaff;
  border-left-color: #00aaff;
}

body.theme-light .bot-btn { color: #94a3b8; border-left: 3px solid transparent; }
body.theme-light .bot-btn:hover {
  background: rgba(255,255,255,.06);
  color: #29a7e8;
  border-left-color: #29a7e8;
}

/* ─── THEME TOGGLE (sidebar stays dark — icon colour same as dark) ─── */
/* Thumb shift is handled in variables.css */
body.theme-light .theme-toggle-label { color: rgba(255,255,255,.5); }

/* ─── MOBILE BOTTOM NAV ─────────────────────────────────────────────── */
body.theme-light .mobile-bottom-nav {
  background: rgba(255,255,255,.96);
  border-top: 1px solid rgba(0,0,0,.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 -2px 16px rgba(0,0,0,.07);
}
body.theme-light .mob-btn { color: var(--text-dim); }
body.theme-light .mob-btn:hover,
body.theme-light .mob-btn.active { color: var(--accent); }
body.theme-light .mob-btn.active i { filter: none; }

/* ─── MOBILE OVERLAY ─────────────────────────────────────────────────── */
body.theme-light .mobile-overlay {
  background: rgba(244,245,247,.98);
  backdrop-filter: blur(20px);
}
body.theme-light .mob-overlay-header {
  border-bottom: 1px solid rgba(0,0,0,.07);
  color: var(--text);
}
body.theme-light .mob-menu-item { color: var(--text-secondary); border-bottom: none; border: 1px solid transparent; }
body.theme-light .mob-menu-item:hover { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.06); }
body.theme-light .mob-menu-item.active { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.06); }
body.theme-light .mob-menu-item h4 { color: var(--text); }
body.theme-light .mob-menu-icon { background: rgba(0,0,0,.04); }
body.theme-light .mob-close { color: var(--text-dim); }
body.theme-light .mob-lang-label { color: var(--text-dim); }
body.theme-light .mob-lang-section { border-top: 1px solid rgba(0,0,0,.07); }

/* ─── ABOUT PAGE ──────────────────────────────────────────────────────── */
body.theme-light .about-title {
  background: linear-gradient(135deg, #0a0e1a 0%, #0077bb 55%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* ─── PAGE HEADER ─────────────────────────────────────────────────────── */
body.theme-light .page-header { border-bottom: 1px solid rgba(0,0,0,.07); }
body.theme-light .page-header h1 {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: var(--text);
  color: var(--text);
}
body.theme-light .page-header p { color: var(--text-secondary); }

/* ─── HEADINGS & TEXT ────────────────────────────────────────────────── */
body.theme-light h1,
body.theme-light h2,
body.theme-light h3 { color: var(--text); }
body.theme-light h4,
body.theme-light h5 { color: var(--text-secondary); }
body.theme-light h6 { color: var(--text-dim); }
body.theme-light p  { color: var(--text-secondary); }
body.theme-light li { color: var(--text-secondary); }
body.theme-light .section-title { color: var(--text); }
body.theme-light .status-time   { color: var(--text-dim); }

/* ─── GLASS CARDS ─────────────────────────────────────────────────────── */
body.theme-light .glass-card,
body.theme-light .status-card,
body.theme-light .exchange-card,
body.theme-light .gas-card,
body.theme-light .portfolio-card,
body.theme-light .airdrop-card,
body.theme-light .article-card,
body.theme-light .price-card,
body.theme-light .stat-card,
body.theme-light .feature-card,
body.theme-light .exc-ref-card,
body.theme-light .verdict-card,
body.theme-light .airdrop-table-wrap {
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.75);
  backdrop-filter: blur(16px) saturate(1.6);
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.6);
  color: var(--text);
}

body.theme-light .glass-card:hover,
body.theme-light .status-card:hover,
body.theme-light .exchange-card:hover,
body.theme-light .gas-card:hover,
body.theme-light .portfolio-card:hover,
body.theme-light .airdrop-card:hover,
body.theme-light .article-card:hover,
body.theme-light .price-card:hover {
  background: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.9);
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.75);
  transform: translateY(-3px);
}

body.theme-light .stat-card:hover {
  background: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.9);
  box-shadow: var(--shadow-md);
}

body.theme-light .glass-card.glow {
  border-color: rgba(0,119,187,.2);
  box-shadow: 0 0 20px rgba(0,119,187,.08), var(--shadow-sm);
}

body.theme-light .status-card-name { color: var(--text); }
body.theme-light .status-card-meta { color: var(--text-dim); }
body.theme-light .article-title    { color: var(--text); }
body.theme-light .article-excerpt  { color: var(--text-secondary); }
body.theme-light .article-meta     { color: var(--text-dim); border-top-color: rgba(0,0,0,.06); }

/* Status card top strip (colour stays from base, override border on hover) */
body.theme-light .status-card:hover { border-color: rgba(0,0,0,.10) !important; }

/* ─── FEATURE CARDS ──────────────────────────────────────────────────── */
body.theme-light .feature-card:hover {
  border-color: rgba(0,119,187,.25);
  box-shadow: 0 12px 32px rgba(0,119,187,.10);
}
body.theme-light .feature-icon-wrap {
  background: rgba(0,119,187,.08);
  border-color: rgba(0,119,187,.15);
  color: var(--accent);
}
body.theme-light .feature-card:hover .feature-icon-wrap {
  background: rgba(0,119,187,.12);
  box-shadow: 0 0 20px rgba(0,119,187,.18);
}
body.theme-light .feature-card h3 { color: var(--text); }
body.theme-light .feature-card p  { color: var(--text-secondary); }

/* ─── EXCHANGE REF CARDS ─────────────────────────────────────────────── */
body.theme-light .exc-ref-card { color: var(--text); }
body.theme-light .exc-ref-card::before {
  background: linear-gradient(135deg, rgba(0,119,187,.05), rgba(124,58,237,.03));
}
body.theme-light .exc-ref-card:hover {
  border-color: rgba(0,119,187,.3);
  box-shadow: 0 8px 24px rgba(0,119,187,.12);
}
body.theme-light .exc-ref-name { color: var(--text); }
body.theme-light .exc-ref-sub  { color: var(--text-dim); }
body.theme-light .exc-ref-card .exchange-avatar { border-color: rgba(0,0,0,.08); }

/* ─── BUTTONS ─────────────────────────────────────────────────────────── */
body.theme-light .btn-primary,
body.theme-light .cta-btn.primary {
  background: linear-gradient(135deg, #0077bb, #7c3aed);
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,119,187,.25);
}
body.theme-light .btn-primary:hover,
body.theme-light .cta-btn.primary:hover {
  box-shadow: 0 8px 24px rgba(0,119,187,.35);
  transform: translateY(-2px);
}

body.theme-light .btn-secondary,
body.theme-light .cta-btn.secondary {
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.75);
  color: var(--text);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(12px);
}
body.theme-light .btn-secondary:hover,
body.theme-light .cta-btn.secondary:hover {
  background: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.92);
  color: var(--accent);
  transform: translateY(-1px);
}

body.theme-light .btn-ghost {
  background: transparent;
  border: 1px solid rgba(0,0,0,.12);
  color: var(--text-secondary);
}
body.theme-light .btn-ghost:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(0,119,187,.04);
}

body.theme-light .btn-tg           { color: #fff !important; }
body.theme-light .cta-btn.premium-cta { color: #fff !important; }
body.theme-light .premium-badge-label { color: #fff !important; }

/* ─── FILTER BUTTONS ─────────────────────────────────────────────────── */
body.theme-light .filter-btn {
  background: rgba(255,255,255,.48);
  border: 1px solid rgba(255,255,255,.70);
  color: var(--text-secondary);
  backdrop-filter: blur(10px);
}
body.theme-light .filter-btn:hover {
  background: rgba(255,255,255,.68);
  border-color: rgba(255,255,255,.88);
  color: var(--text);
}
body.theme-light .filter-btn.active {
  background: linear-gradient(135deg, #0077bb, #7c3aed);
  color: #fff !important;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(0,119,187,.25);
}

/* ─── HERO ────────────────────────────────────────────────────────────── */
body.theme-light .hero-section { color: var(--text); }
body.theme-light .hero-title {
  background: linear-gradient(135deg, #0a0e1a 0%, #0077bb 55%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
body.theme-light .hero-subtitle { color: var(--text-secondary); }
body.theme-light .hero-badge {
  background: rgba(0,119,187,.08);
  border: 1px solid rgba(0,119,187,.2);
  color: var(--accent);
  backdrop-filter: blur(8px);
}
body.theme-light .hero-stat-sep  { background: rgba(0,0,0,.10); }
body.theme-light .hero-stat-lbl  { color: var(--text-dim); }
body.theme-light .hero-stat-num  {
  background: linear-gradient(135deg, #0077bb, #7c3aed) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ─── TICKER PILLS ────────────────────────────────────────────────────── */
body.theme-light .ticker-pill {
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
}
body.theme-light .ticker-pill:hover {
  background: rgba(255,255,255,.70);
  border-color: rgba(255,255,255,.88);
}
body.theme-light .ticker-sym   { color: var(--text) !important; }
body.theme-light .ticker-price { color: var(--text-dim); }

/* ─── TRENDING PILLS ──────────────────────────────────────────────────── */
body.theme-light .trend-pill {
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.74);
  backdrop-filter: blur(16px) saturate(1.6);
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.55);
  color: var(--text);
}
body.theme-light .trend-pill:hover {
  background: rgba(255,255,255,.70);
  border-color: rgba(255,255,255,.9);
  box-shadow: var(--shadow-md);
}
body.theme-light .trend-pill-sym   { color: var(--text); }
body.theme-light .trend-pill-price { color: var(--text-dim); }

/* ─── WHALE CARDS ─────────────────────────────────────────────────────── */
body.theme-light .whale-card {
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--text);
}
body.theme-light .whale-card:hover {
  border-color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.68);
}
body.theme-light .whale-txid  { color: var(--text-dim); }
body.theme-light .whale-block { color: var(--text-dim); }
body.theme-light .whale-time  { color: var(--text-dim); }
body.theme-light .whale-usd   { color: var(--text-dim); }

/* ─── TAGS & BADGES ───────────────────────────────────────────────────── */
body.theme-light .tag-basics   { background: rgba(0,119,187,.09);   color: #0077bb; }
body.theme-light .tag-trading  { background: rgba(5,150,105,.09);   color: #059669; }
body.theme-light .tag-security { background: rgba(220,38,38,.09);   color: #dc2626; }
body.theme-light .tag-defi     { background: rgba(124,58,237,.09);  color: #7c3aed; }
body.theme-light .tag-taxes    { background: rgba(180,83,9,.09);    color: #b45309; }

body.theme-light .badge-online  { background: rgba(5,150,105,.09);  color: #059669; }
body.theme-light .badge-offline { background: rgba(220,38,38,.09);  color: #dc2626; }
body.theme-light .badge-slow    { background: rgba(180,83,9,.09);   color: #b45309; }
body.theme-light .badge-unknown { background: rgba(107,114,128,.09); color: #6b7280; }

body.theme-light .status-badge        { background: rgba(5,150,105,.09);  color: #059669; }
body.theme-light .status-badge.down   { background: rgba(220,38,38,.09);  color: #dc2626; }

/* Neon dots — less glow on light */
body.theme-light .ndot-g { background: #059669; box-shadow: none; }
body.theme-light .ndot-r { background: #dc2626; box-shadow: none; }
body.theme-light .ndot-y { background: #b45309; box-shadow: none; }

/* ─── STATUS INDICATORS ───────────────────────────────────────────────── */
body.theme-light .status-up   { color: #059669; }
body.theme-light .status-down { color: #dc2626; }
body.theme-light .status-slow { color: #b45309; }

body.theme-light .ping-val      { color: #059669; }
body.theme-light .ping-val.slow { color: #b45309; }
body.theme-light .down-timer-text { color: #dc2626; }

body.theme-light .report-btn { color: var(--text-dim); }
body.theme-light .report-btn:hover { color: #b45309; background: rgba(180,83,9,.07); }
body.theme-light .report-count { color: #b45309; background: rgba(180,83,9,.10); }

body.theme-light .uptime-bar-track { background: rgba(0,0,0,.08); }

/* ─── TABLES ──────────────────────────────────────────────────────────── */
body.theme-light .data-table { color: var(--text); }
body.theme-light .data-table th {
  background: rgba(0,0,0,.02);
  color: var(--text-dim);
  border-bottom: 1px solid rgba(0,0,0,.08);
}
body.theme-light .data-table td {
  border-bottom: 1px solid rgba(0,0,0,.05);
  color: var(--text-secondary);
}
body.theme-light .data-table tr:hover td { background: rgba(0,119,187,.03); }

/* ─── PORTFOLIO ───────────────────────────────────────────────────────── */
body.theme-light .stat-label  { color: var(--text-dim); }
body.theme-light .stat-value  { color: var(--text); }
body.theme-light .stat-value.pos { color: #059669; text-shadow: none; }
body.theme-light .stat-value.neg { color: #dc2626; text-shadow: none; }
body.theme-light .stat-sub    { color: var(--text-dim); }

body.theme-light .asset-row { border-bottom-color: rgba(0,0,0,.06); }
body.theme-light .asset-name  { color: var(--text); }
body.theme-light .asset-amount { color: var(--text-dim); }
body.theme-light .asset-price  { color: var(--text); }
body.theme-light .asset-pnl.pos { color: #059669; }
body.theme-light .asset-pnl.neg { color: #dc2626; }
body.theme-light .asset-del { color: rgba(220,38,38,.35); }
body.theme-light .asset-del:hover { color: #dc2626; }
body.theme-light .balance-display { color: var(--text); }
body.theme-light .balance-display .label { color: var(--text-secondary); }

/* ─── FORMS ───────────────────────────────────────────────────────────── */
body.theme-light input[type="text"],
body.theme-light input[type="email"],
body.theme-light input[type="number"],
body.theme-light select,
body.theme-light textarea,
body.theme-light .form-input,
body.theme-light .form-select {
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  color: var(--text);
  caret-color: var(--accent);
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder,
body.theme-light .form-input::placeholder { color: var(--text-dim); }
body.theme-light input:focus,
body.theme-light select:focus,
body.theme-light textarea:focus,
body.theme-light .form-input:focus,
body.theme-light .form-select:focus {
  border-color: rgba(0,119,187,.5);
  box-shadow: 0 0 0 3px rgba(0,119,187,.10);
  outline: none;
  background: #fff;
}
body.theme-light option,
body.theme-light .form-select option { background: #fff; color: var(--text); }
body.theme-light .form-label { color: var(--text-dim); }

/* Search */
body.theme-light .search-input {
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  color: var(--text);
}
body.theme-light .search-input:focus {
  border-color: rgba(0,119,187,.5);
  box-shadow: 0 0 0 3px rgba(0,119,187,.10);
  background: #fff;
}
body.theme-light .search-input::placeholder { color: var(--text-dim); }
body.theme-light .search-wrapper i { color: var(--text-dim); }

/* ─── GAS ─────────────────────────────────────────────────────────────── */
body.theme-light .gas-level        { color: #059669; }
body.theme-light .gas-level.high   { color: #dc2626; }
body.theme-light .gas-level.normal { color: #b45309; }

/* ─── PREMIUM CARD ────────────────────────────────────────────────────── */
body.theme-light .premium-card {
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(124,58,237,.15);
  box-shadow: var(--shadow-md);
}
body.theme-light .premium-card::before {
  background: radial-gradient(circle, rgba(124,58,237,.08) 0%, transparent 60%);
}
body.theme-light .premium-features li { color: var(--text-secondary); }
body.theme-light .premium-features li i { color: #059669; }

/* ─── SCAM CHECKER ────────────────────────────────────────────────────── */
body.theme-light .verdict-card { color: var(--text); }
body.theme-light .verdict-desc { color: var(--text-secondary); }
body.theme-light .verdict-card.safe    { border-color: rgba(5,150,105,.25); }
body.theme-light .verdict-card.safe .verdict-title { color: #059669; }
body.theme-light .verdict-card.warning { border-color: rgba(180,83,9,.25); }
body.theme-light .verdict-card.warning .verdict-title { color: #b45309; }
body.theme-light .verdict-card.danger  { border-color: rgba(220,38,38,.25); }
body.theme-light .verdict-card.danger .verdict-title  { color: #dc2626; }
body.theme-light .score-label { color: var(--text-dim); }
body.theme-light .score-bar   { background: rgba(0,0,0,.08); }
body.theme-light .disclaimer-box {
  background: rgba(180,83,9,.04);
  border-color: rgba(180,83,9,.18);
  color: var(--text-secondary);
}
body.theme-light .disclaimer-box strong { color: #b45309; }

/* ─── MODAL ───────────────────────────────────────────────────────────── */
body.theme-light .modal-overlay {
  background: rgba(0,0,0,.4);
  backdrop-filter: blur(8px);
}
body.theme-light .modal-box {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.85);
  backdrop-filter: blur(32px) saturate(1.8);
  -webkit-backdrop-filter: blur(32px) saturate(1.8);
  box-shadow: 0 24px 64px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.7);
}
body.theme-light .modal-close {
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.09);
  color: var(--text-secondary);
}
body.theme-light .modal-close:hover  { background: rgba(0,0,0,.09); color: var(--text); }
body.theme-light .modal-tag          { background: rgba(0,119,187,.09); color: var(--accent); }
body.theme-light .modal-title        { color: var(--text); }
body.theme-light .modal-meta-line    { color: var(--text-secondary); border-bottom-color: rgba(0,0,0,.07); }
body.theme-light .modal-body         { color: var(--text-secondary); }
body.theme-light .modal-body h3 {
  color: var(--text);
  border-left: 3px solid var(--accent);
  padding-left: 1rem;
  margin: 1.5rem 0 1rem;
}
body.theme-light .modal-body h3:first-child { margin-top: 0; }
body.theme-light .modal-body h4     { color: var(--text); }
body.theme-light .modal-body strong { color: var(--text); font-weight: 600; }
body.theme-light .modal-body ul,
body.theme-light .modal-body ol {
  background: rgba(0,119,187,.04);
  border-left: 3px solid rgba(0,119,187,.2);
  padding: 1rem 1.5rem; margin: 1rem 0;
  border-radius: 0 6px 6px 0;
}
body.theme-light .modal-body li { color: var(--text-secondary); }
body.theme-light .modal-body .highlight {
  background: rgba(0,119,187,.05);
  border: 1px solid rgba(0,119,187,.15);
  border-left: 4px solid var(--accent);
  padding: 1rem; border-radius: 4px;
  color: var(--text-secondary);
}
body.theme-light .modal-body a       { color: var(--accent); text-decoration: underline; }
body.theme-light .modal-body a:hover { color: #7c3aed; }
body.theme-light .modal-body code {
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.09);
  color: #b45309; padding: .2em .4em; border-radius: 4px;
}
body.theme-light .modal-body pre {
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  color: var(--text-secondary);
  padding: 1rem; border-radius: 6px;
}

/* ─── HISTORY CHART ───────────────────────────────────────────────────── */
body.theme-light .hchart-wrap {
  background: rgba(0,0,0,.02);
  border-color: rgba(0,0,0,.07);
}
body.theme-light .hchart-label { color: var(--text); }
body.theme-light .hchart-hint  { color: var(--text-dim); }
body.theme-light .hchart-empty { color: var(--text-dim); }
body.theme-light .h-axis-label { fill: var(--text-dim); }
body.theme-light .h-tooltip {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color: var(--text) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
}
body.theme-light .status-card-history-btn {
  background: rgba(0,119,187,.08);
  border-color: rgba(0,119,187,.18);
  color: var(--accent);
}

/* ─── SKELETON ────────────────────────────────────────────────────────── */
body.theme-light .skeleton-card {
  background: linear-gradient(90deg, rgba(0,0,0,.04) 25%, rgba(0,0,0,.07) 50%, rgba(0,0,0,.04) 75%);
  background-size: 200% 100%;
  border-color: rgba(0,0,0,.05);
}

/* ─── SPINNER ─────────────────────────────────────────────────────────── */
body.theme-light .spinner {
  border-color: rgba(0,119,187,.15);
  border-top-color: var(--accent);
}

/* ─── GRADIENT TEXT ───────────────────────────────────────────────────── */
body.theme-light .gradient-text {
  background: linear-gradient(135deg, #0077bb, #7c3aed);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ─── EMPTY STATE ─────────────────────────────────────────────────────── */
body.theme-light .empty-state { color: var(--text-dim); }

/* ─── LINKS ───────────────────────────────────────────────────────────── */
body.theme-light a       { color: var(--accent); }
body.theme-light a:hover { color: #7c3aed; opacity: 1; }

/* ─── SELECTION ───────────────────────────────────────────────────────── */
body.theme-light ::selection {
  background: rgba(0,119,187,.18);
  color: var(--text);
}

/* ─── FOCUS ───────────────────────────────────────────────────────────── */
body.theme-light *:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* ─── BRAND ───────────────────────────────────────────────────────────── */
body.theme-light .btc-price,
body.theme-light .btc-color { color: #f7931a !important; }

/* ─── CRYPTO-CELL (PORTFOLIO TABLE) ──────────────────────────────────── */
body.theme-light .crypto-cell          { color: var(--text); }
body.theme-light .crypto-cell.positive { color: #059669; }
body.theme-light .crypto-cell.negative { color: #dc2626; }

/* ─── OFFLINE BANNER ──────────────────────────────────────────────────── */
body.theme-light #offline-banner { background: rgba(220,38,38,.92); }

/* ─── ACCESSIBILITY ───────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.theme-light * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ── Portfolio page: country picker, pills, brackets, controls (light theme) ── */
body.theme-light .country-card {
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.1);
    color: var(--text);
}
body.theme-light .country-card:hover {
    background: rgba(0,0,0,.07);
    border-color: rgba(0,0,0,.18);
    color: var(--text);
}
body.theme-light .country-card.active {
    background: rgba(0,119,187,.1);
    border-color: #0077bb;
    color: #0077bb;
    box-shadow: 0 0 12px rgba(0,119,187,.15);
}
body.theme-light .country-rate {
    background: rgba(0,0,0,.06);
    color: var(--text-secondary);
}
body.theme-light .country-card.active .country-rate {
    background: rgba(0,119,187,.12);
    color: #0077bb;
}
body.theme-light .ru-pill,
body.theme-light .ru-bracket {
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.1);
    color: var(--text);
}
body.theme-light .ru-pill:hover,
body.theme-light .ru-bracket:hover {
    background: rgba(0,0,0,.07);
    border-color: rgba(0,0,0,.18);
    color: var(--text);
}
body.theme-light .ru-pill.active,
body.theme-light .ru-bracket.active {
    background: rgba(0,119,187,.1);
    border-color: #0077bb;
    color: #0077bb;
}
body.theme-light .ru-bracket-rate { color: #059669; }
body.theme-light .ru-bracket.active .ru-bracket-rate { color: #0077bb; }
body.theme-light .btn-live {
    background: rgba(5,150,105,.08);
    border-color: rgba(5,150,105,.25);
    color: #059669;
}
body.theme-light .btn-live:hover:not(:disabled) { background: rgba(5,150,105,.15); }
body.theme-light .tax-controls-row {
    background: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.08);
}
body.theme-light .tax-controls-row select,
body.theme-light .tax-controls-row input[type=number] {
    background: #fff;
    border-color: rgba(0,0,0,.15);
    color: var(--text);
}
body.theme-light .op-note {
    background: rgba(180,83,9,.06);
    border-left-color: rgba(180,83,9,.3);
    color: #92400e;
}
body.theme-light #nlNote {
    background: rgba(0,119,187,.05);
    border-color: rgba(0,119,187,.2);
}
body.theme-light .te-badge.te-trade { background: rgba(0,119,187,.12); color: #0055aa; }
body.theme-light .te-badge.te-swap  { background: rgba(5,150,105,.12); color: #065f46; }
body.theme-light .asset-edit-type:hover { background: rgba(0,0,0,.06); }