/* ═══════════════════════════════════════════════════════════════════
   RADICAL THEME SYSTEM — Each theme is a DIFFERENT WEBSITE
   Different: colors, fonts, shapes, shadows, borders, spacing
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   1. LIGHT (Classic Corporate)
   ═══════════════════════════════════════════════════════════════════ */
:root, [data-theme="light"]{
  --bg:#f0f4f8;--surface:#fff;--surface-2:#f7fafc;--surface-3:#edf2f7;
  --text:#0f172a;--text-2:#334155;--text-3:#64748b;
  --border:#e2e8f0;--border-2:#cbd5e0;
  --accent:#1e3a8a;--accent-h:#1e40af;--accent-dim:#e0e7ff;
  --success:#047857;--success-dim:#d1fae5;--emerald:#059669;--emerald2:#047857;
  --gold:#b45309;--gold-dim:#fef3c7;--danger:#b91c1c;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#6d28d9;--purple-dim:#ede9fe;--blue:#1d4ed8;
  --nav-bg:#0f2440;--nav-text:#cbd5e1;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter','Hind Siliguri',sans-serif;
  --r:8px;--r-md:12px;--r-lg:16px;
  --shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --shadow-sm:0 1px 4px rgba(15,23,42,.08);
  --shadow-md:0 4px 12px rgba(15,23,42,.12);
  --border-w:1px;
  --btn-radius:8px;
  --input-radius:8px;
  --card-radius:12px;
  --nav-radius:0;
}

/* ═══════════════════════════════════════════════════════════════════
   2. DARK (Modern SaaS)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="dark"]{
  --bg:#0f172a;--surface:#1e293b;--surface-2:#273449;--surface-3:#334155;
  --text:#f1f5f9;--text-2:#cbd5e1;--text-3:#94a3b8;
  --border:#334155;--border-2:#475569;
  --accent:#60a5fa;--accent-h:#93c5fd;--accent-dim:#1e3a8a;
  --success:#34d399;--success-dim:#064e3b;--emerald:#10b981;--emerald2:#059669;
  --gold:#fbbf24;--gold-dim:#78350f;--danger:#f87171;--danger-dim:#7f1d1d;
  --red:#ef4444;--purple:#a78bfa;--purple-dim:#4c1d95;--blue:#60a5fa;
  --nav-bg:#020617;--nav-text:#94a3b8;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter','Hind Siliguri',sans-serif;
  --r:10px;--r-md:14px;--r-lg:20px;
  --shadow-sm:0 2px 8px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px rgba(0,0,0,.5);
  --border-w:1px;--btn-radius:10px;--input-radius:10px;--card-radius:14px;
}

/* ═══════════════════════════════════════════════════════════════════
   3. DRACULA (Retro Terminal)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="dracula"]{
  --bg:#282a36;--surface:#343746;--surface-2:#3d4050;--surface-3:#44475a;
  --text:#f8f8f2;--text-2:#d4d4cc;--text-3:#a8a8a8;
  --border:#4a4d5e;--border-2:#5a5d6e;
  --accent:#bd93f9;--accent-h:#d6acff;--accent-dim:#4c3b7a;
  --success:#50fa7b;--success-dim:#1e4a2a;--emerald:#50fa7b;--emerald2:#3dd466;
  --gold:#f1fa8c;--gold-dim:#5c5a1a;--danger:#ff5555;--danger-dim:#5c1a1a;
  --red:#ff5555;--purple:#bd93f9;--purple-dim:#4c3b7a;--blue:#8be9fd;
  --nav-bg:#191a21;--nav-text:#bd93f9;
  --font-main:'JetBrains Mono','Hind Siliguri',monospace;
  --font-display:'JetBrains Mono',monospace;
  --r:4px;--r-md:6px;--r-lg:8px;
  --shadow-sm:0 0 12px rgba(189,147,249,.15);
  --shadow-md:0 0 24px rgba(189,147,249,.25);
  --border-w:1px;--btn-radius:4px;--input-radius:4px;--card-radius:6px;
}

/* ═══════════════════════════════════════════════════════════════════
   4. NORD (Minimal Scandinavian)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="nord"]{
  --bg:#eceff4;--surface:#fff;--surface-2:#f5f7fa;--surface-3:#e5e9f0;
  --text:#2e3440;--text-2:#4c566a;--text-3:#7b869c;
  --border:#d8dee9;--border-2:#b8c2d6;
  --accent:#5e81ac;--accent-h:#4c6b91;--accent-dim:#dde6f2;
  --success:#a3be8c;--success-dim:#e8f0dd;--emerald:#a3be8c;--emerald2:#8ba876;
  --gold:#ebcb8b;--gold-dim:#f5ecd3;--danger:#bf616a;--danger-dim:#f0dde0;
  --red:#bf616a;--purple:#b48ead;--purple-dim:#ede5ec;--blue:#81a1c1;
  --nav-bg:#2e3440;--nav-text:#d8dee9;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:12px;--r-md:18px;--r-lg:24px;
  --shadow-sm:0 2px 6px rgba(46,52,64,.06);
  --shadow-md:0 6px 20px rgba(46,52,64,.1);
  --border-w:1px;--btn-radius:12px;--input-radius:12px;--card-radius:18px;
}

/* ═══════════════════════════════════════════════════════════════════
   5. CYBERPUNK (Neon Terminal)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="cyberpunk"]{
  --bg:#0a0014;--surface:#1a0033;--surface-2:#230040;--surface-3:#2d0050;
  --text:#e0f5ff;--text-2:#b0e0ff;--text-3:#7fb8ff;
  --border:#4d0080;--border-2:#6b00b3;
  --accent:#00f0ff;--accent-h:#5cffff;--accent-dim:#003d4a;
  --success:#39ff14;--success-dim:#0e3d0a;--emerald:#39ff14;--emerald2:#2db810;
  --gold:#ffdd00;--gold-dim:#4a3800;--danger:#ff0055;--danger-dim:#4a001a;
  --red:#ff0055;--purple:#ff00ff;--purple-dim:#4a004a;--blue:#00f0ff;
  --nav-bg:#000;--nav-text:#00f0ff;
  --font-main:'JetBrains Mono','Hind Siliguri',monospace;
  --font-display:'JetBrains Mono',monospace;
  --r:0;--r-md:0;--r-lg:0;
  --shadow-sm:0 0 12px rgba(0,240,255,.4);
  --shadow-md:0 0 24px rgba(255,0,255,.4);
  --border-w:2px;--btn-radius:0;--input-radius:0;--card-radius:0;
}
[data-theme="cyberpunk"] .card,
[data-theme="cyberpunk"] .stat{
  border:2px solid var(--accent)!important;
  box-shadow:0 0 20px rgba(0,240,255,.3), inset 0 0 20px rgba(0,240,255,.05)!important;
}

/* ═══════════════════════════════════════════════════════════════════
   6. BRUTALIST (Sharp B&W)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="brutalist"]{
  --bg:#ffff00;--surface:#ffffff;--surface-2:#f5f5f5;--surface-3:#e0e0e0;
  --text:#000000;--text-2:#1a1a1a;--text-3:#333333;
  --border:#000000;--border-2:#000000;
  --accent:#000000;--accent-h:#333333;--accent-dim:#dddddd;
  --success:#008800;--success-dim:#ccffcc;--emerald:#00aa00;--emerald2:#008800;
  --gold:#ff8800;--gold-dim:#ffeecc;--danger:#dd0000;--danger-dim:#ffcccc;
  --red:#dd0000;--purple:#8800cc;--purple-dim:#eeddff;--blue:#0000cc;
  --nav-bg:#000000;--nav-text:#ffff00;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:0;--r-md:0;--r-lg:0;
  --shadow-sm:4px 4px 0 #000;
  --shadow-md:8px 8px 0 #000;
  --border-w:3px;--btn-radius:0;--input-radius:0;--card-radius:0;
}
[data-theme="brutalist"] .card,
[data-theme="brutalist"] .stat{
  border:3px solid #000!important;
  box-shadow:6px 6px 0 #000!important;
}
[data-theme="brutalist"] .btn{
  border:2px solid #000!important;
  box-shadow:3px 3px 0 #000!important;
  text-transform:uppercase;
  font-weight:800!important;
  letter-spacing:.5px;
}
[data-theme="brutalist"] .btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #000!important}

/* ═══════════════════════════════════════════════════════════════════
   7. COFFEE (Warm Serif Book)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="coffee"]{
  --bg:#f5ede2;--surface:#fffaf3;--surface-2:#f0e4d4;--surface-3:#e5d5bd;
  --text:#2b1810;--text-2:#4a2c1a;--text-3:#7a5540;
  --border:#d9c0a3;--border-2:#bf9f7a;
  --accent:#6b3f1e;--accent-h:#4a2c1a;--accent-dim:#e5d5bd;
  --success:#4d7c2e;--success-dim:#dfeacc;--emerald:#4d7c2e;--emerald2:#3a5f22;
  --gold:#8b5a2b;--gold-dim:#f0dcb8;--danger:#8b3a1e;--danger-dim:#eed0c2;
  --red:#8b3a1e;--purple:#6b3f8b;--purple-dim:#e0d0ea;--blue:#3a5c7a;
  --nav-bg:#2b1810;--nav-text:#d9c0a3;
  --font-main:'Georgia','Hind Siliguri',serif;
  --font-display:'Georgia',serif;
  --r:6px;--r-md:10px;--r-lg:14px;
  --shadow-sm:0 2px 6px rgba(43,24,16,.08);
  --shadow-md:0 6px 20px rgba(43,24,16,.15);
  --border-w:1px;--btn-radius:6px;--input-radius:6px;--card-radius:10px;
}

/* ═══════════════════════════════════════════════════════════════════
   8. CYBER OLED (Pure Black)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="oled"]{
  --bg:#000000;--surface:#0a0a0a;--surface-2:#141414;--surface-3:#1c1c1c;
  --text:#ffffff;--text-2:#b8b8b8;--text-3:#808080;
  --border:#262626;--border-2:#333333;
  --accent:#00d9ff;--accent-h:#33e5ff;--accent-dim:#003d4a;
  --success:#00ff88;--success-dim:#003d22;--emerald:#00ff88;--emerald2:#00cc6a;
  --gold:#ffcc00;--gold-dim:#4a3800;--danger:#ff3366;--danger-dim:#4a0015;
  --red:#ff3366;--purple:#bf5fff;--purple-dim:#3d1a4a;--blue:#00d9ff;
  --nav-bg:#000000;--nav-text:#00d9ff;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:14px;--r-md:20px;--r-lg:28px;
  --shadow-sm:0 2px 8px rgba(0,217,255,.1);
  --shadow-md:0 8px 24px rgba(0,217,255,.2);
  --border-w:1px;--btn-radius:999px;--input-radius:14px;--card-radius:20px;
}
[data-theme="oled"] .btn{border-radius:999px!important}

/* ═══════════════════════════════════════════════════════════════════
   9. PAPER (Vintage Newspaper)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="paper"]{
  --bg:#efe9dc;--surface:#faf6ec;--surface-2:#f2ebdc;--surface-3:#e5dbc8;
  --text:#1a1614;--text-2:#3d3530;--text-3:#6b6055;
  --border:#c4b8a3;--border-2:#a89982;
  --accent:#8b1a1a;--accent-h:#6b0e0e;--accent-dim:#f0dcdc;
  --success:#3d5a2c;--success-dim:#dde8d5;--emerald:#3d5a2c;--emerald2:#2d4320;
  --gold:#8b6914;--gold-dim:#ede0c4;--danger:#8b1a1a;--danger-dim:#edd0d0;
  --red:#8b1a1a;--purple:#4a3060;--purple-dim:#e0d5ea;--blue:#1a3d5c;
  --nav-bg:#1a1614;--nav-text:#c4b8a3;
  --font-main:'Georgia','Times New Roman','Hind Siliguri',serif;
  --font-display:'Georgia','Times New Roman',serif;
  --r:2px;--r-md:3px;--r-lg:4px;
  --shadow-sm:0 1px 3px rgba(26,22,20,.15);
  --shadow-md:0 3px 10px rgba(26,22,20,.2);
  --border-w:1px;--btn-radius:2px;--input-radius:2px;--card-radius:3px;
}
[data-theme="paper"] .card-title{font-weight:800;letter-spacing:-.5px;font-style:italic}

/* ═══════════════════════════════════════════════════════════════════
   10. OCEAN (Aqua Deep)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="ocean"]{
  --bg:#e0f2fe;--surface:#ffffff;--surface-2:#f0f9ff;--surface-3:#dbeafe;
  --text:#082f49;--text-2:#0c4a6e;--text-3:#0369a1;
  --border:#bae6fd;--border-2:#7dd3fc;
  --accent:#0284c7;--accent-h:#0369a1;--accent-dim:#cffafe;
  --success:#059669;--success-dim:#d1fae5;--emerald:#059669;--emerald2:#047857;
  --gold:#ca8a04;--gold-dim:#fef9c3;--danger:#dc2626;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#7c3aed;--purple-dim:#ede9fe;--blue:#0284c7;
  --nav-bg:#082f49;--nav-text:#7dd3fc;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:14px;--r-md:20px;--r-lg:28px;
  --shadow-sm:0 2px 8px rgba(2,132,199,.08);
  --shadow-md:0 8px 24px rgba(2,132,199,.15);
  --border-w:1px;--btn-radius:14px;--input-radius:14px;--card-radius:20px;
}

/* ═══════════════════════════════════════════════════════════════════
   11. SUNSET (Warm Gradient)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="sunset"]{
  --bg:#fff7ed;--surface:#ffffff;--surface-2:#fffbf5;--surface-3:#fed7aa;
  --text:#7c2d12;--text-2:#9a3412;--text-3:#c2410c;
  --border:#fdba74;--border-2:#fb923c;
  --accent:#ea580c;--accent-h:#c2410c;--accent-dim:#ffedd5;
  --success:#16a34a;--success-dim:#dcfce7;--emerald:#16a34a;--emerald2:#15803d;
  --gold:#ca8a04;--gold-dim:#fef9c3;--danger:#dc2626;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#9333ea;--purple-dim:#f3e8ff;--blue:#2563eb;
  --nav-bg:#7c2d12;--nav-text:#fed7aa;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:16px;--r-md:22px;--r-lg:32px;
  --shadow-sm:0 4px 12px rgba(234,88,12,.1);
  --shadow-md:0 12px 32px rgba(234,88,12,.2);
  --border-w:1px;--btn-radius:999px;--input-radius:16px;--card-radius:22px;
}
[data-theme="sunset"] .btn{border-radius:999px!important;font-weight:700}
[data-theme="sunset"] .wallet-hero{background:linear-gradient(135deg,#f97316,#dc2626,#7c2d12)!important}

/* ═══════════════════════════════════════════════════════════════════
   12. AURORA (Purple-Green Gradient)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="aurora"]{
  --bg:#0a0612;--surface:#1a1230;--surface-2:#221a3d;--surface-3:#2e2650;
  --text:#e8eeff;--text-2:#c8d4ee;--text-3:#8b9bc0;
  --border:#2e2650;--border-2:#3d3566;
  --accent:#a78bfa;--accent-h:#c4b5fd;--accent-dim:#3d2d70;
  --success:#4ade80;--success-dim:#0e3d2a;--emerald:#4ade80;--emerald2:#22c55e;
  --gold:#fbbf24;--gold-dim:#5c4a10;--danger:#f87171;--danger-dim:#4a1a1a;
  --red:#f87171;--purple:#c4b5fd;--purple-dim:#3d2d70;--blue:#60a5fa;
  --nav-bg:#060210;--nav-text:#a78bfa;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:18px;--r-md:24px;--r-lg:32px;
  --shadow-sm:0 4px 16px rgba(167,139,250,.2);
  --shadow-md:0 12px 40px rgba(167,139,250,.35);
  --border-w:1px;--btn-radius:999px;--input-radius:16px;--card-radius:24px;
}
[data-theme="aurora"] .btn{border-radius:999px!important}
[data-theme="aurora"] .wallet-hero{background:linear-gradient(135deg,#6d28d9,#a78bfa,#4ade80)!important}
[data-theme="aurora"] .card{border:1px solid rgba(167,139,250,.3)!important}
[data-theme="aurora"] .card:hover{box-shadow:0 12px 40px rgba(167,139,250,.4)!important}

/* ═══════════════════════════════════════════════════════════════════
   13. FOREST (Earthy)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="forest"]{
  --bg:#f2f7ee;--surface:#ffffff;--surface-2:#f5faf1;--surface-3:#dde8d4;
  --text:#14532d;--text-2:#166534;--text-3:#4d7c0f;
  --border:#c8d8bd;--border-2:#a8bf9c;
  --accent:#16a34a;--accent-h:#15803d;--accent-dim:#dcfce7;
  --success:#16a34a;--success-dim:#dcfce7;--emerald:#16a34a;--emerald2:#15803d;
  --gold:#a16207;--gold-dim:#fef3c7;--danger:#b91c1c;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#7c3aed;--purple-dim:#ede9fe;--blue:#0369a1;
  --nav-bg:#14532d;--nav-text:#bbf7d0;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:10px;--r-md:16px;--r-lg:24px;
  --shadow-sm:0 2px 8px rgba(22,163,74,.08);
  --shadow-md:0 8px 20px rgba(22,163,74,.15);
  --border-w:2px;--btn-radius:10px;--input-radius:10px;--card-radius:16px;
}
[data-theme="forest"] .card,
[data-theme="forest"] .stat{border:2px solid var(--border)!important}

/* ═══════════════════════════════════════════════════════════════════
   14. LAVENDER (Soft Pastel)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="lavender"]{
  --bg:#faf5ff;--surface:#ffffff;--surface-2:#f5f3ff;--surface-3:#ede9fe;
  --text:#4c1d95;--text-2:#6d28d9;--text-3:#9333ea;
  --border:#ddd6fe;--border-2:#c4b5fd;
  --accent:#8b5cf6;--accent-h:#7c3aed;--accent-dim:#ede9fe;
  --success:#059669;--success-dim:#d1fae5;--emerald:#059669;--emerald2:#047857;
  --gold:#d97706;--gold-dim:#fef3c7;--danger:#dc2626;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#7c3aed;--purple-dim:#ede9fe;--blue:#2563eb;
  --nav-bg:#4c1d95;--nav-text:#ddd6fe;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:16px;--r-md:22px;--r-lg:32px;
  --shadow-sm:0 4px 14px rgba(139,92,246,.12);
  --shadow-md:0 10px 30px rgba(139,92,246,.2);
  --border-w:1px;--btn-radius:999px;--input-radius:16px;--card-radius:22px;
}
[data-theme="lavender"] .btn{border-radius:999px!important}

/* ═══════════════════════════════════════════════════════════════════
   15. HIGH CONTRAST (Accessibility)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="contrast"]{
  --bg:#ffffff;--surface:#ffffff;--surface-2:#f5f5f5;--surface-3:#e5e5e5;
  --text:#000000;--text-2:#1a1a1a;--text-3:#333333;
  --border:#000000;--border-2:#000000;
  --accent:#0000cc;--accent-h:#000099;--accent-dim:#ccddff;
  --success:#006600;--success-dim:#ccffcc;--emerald:#006600;--emerald2:#004400;
  --gold:#8b4500;--gold-dim:#ffdd99;--danger:#cc0000;--danger-dim:#ffcccc;
  --red:#cc0000;--purple:#5500cc;--purple-dim:#ddccff;--blue:#0000cc;
  --nav-bg:#000000;--nav-text:#ffffff;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:4px;--r-md:6px;--r-lg:8px;
  --shadow-sm:0 2px 0 #000;
  --shadow-md:0 3px 0 #000;
  --border-w:2px;--btn-radius:4px;--input-radius:4px;--card-radius:6px;
}
[data-theme="contrast"] .card,
[data-theme="contrast"] .stat,
[data-theme="contrast"] input,
[data-theme="contrast"] .btn{border:2px solid #000!important}

/* ═══════════════════════════════════════════════════════════════════
   16. MONO (Monospace Terminal)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="mono"]{
  --bg:#1a1a1a;--surface:#262626;--surface-2:#2e2e2e;--surface-3:#383838;
  --text:#e6e6e6;--text-2:#b8b8b8;--text-3:#808080;
  --border:#404040;--border-2:#525252;
  --accent:#00ff00;--accent-h:#66ff66;--accent-dim:#0d3d0d;
  --success:#00ff00;--success-dim:#0d3d0d;--emerald:#00ff00;--emerald2:#00cc00;
  --gold:#ffff00;--gold-dim:#4a4a0d;--danger:#ff4444;--danger-dim:#4a0d0d;
  --red:#ff4444;--purple:#cc66ff;--purple-dim:#2e0d4a;--blue:#66ccff;
  --nav-bg:#0d0d0d;--nav-text:#00ff00;
  --font-main:'JetBrains Mono','Courier New',monospace;
  --font-display:'JetBrains Mono',monospace;
  --r:0;--r-md:0;--r-lg:0;
  --shadow-sm:none;
  --shadow-md:0 0 20px rgba(0,255,0,.2);
  --border-w:1px;--btn-radius:0;--input-radius:0;--card-radius:0;
}
[data-theme="mono"] body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,rgba(0,255,0,.03) 0px,rgba(0,255,0,.03) 1px,transparent 1px,transparent 3px);
}

/* ═══════════════════════════════════════════════════════════════════
   17. ROSE (Pink Elegant)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="rose"]{
  --bg:#fdf2f8;--surface:#ffffff;--surface-2:#fef7fa;--surface-3:#fce7f3;
  --text:#4c0519;--text-2:#831843;--text-3:#be185d;
  --border:#fbcfe8;--border-2:#f9a8d4;
  --accent:#db2777;--accent-h:#be185d;--accent-dim:#fce7f3;
  --success:#059669;--success-dim:#d1fae5;--emerald:#059669;--emerald2:#047857;
  --gold:#d97706;--gold-dim:#fef3c7;--danger:#dc2626;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#a855f7;--purple-dim:#f3e8ff;--blue:#2563eb;
  --nav-bg:#831843;--nav-text:#fbcfe8;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:16px;--r-md:24px;--r-lg:32px;
  --shadow-sm:0 4px 14px rgba(219,39,119,.12);
  --shadow-md:0 10px 32px rgba(219,39,119,.22);
  --border-w:1px;--btn-radius:999px;--input-radius:16px;--card-radius:24px;
}
[data-theme="rose"] .btn{border-radius:999px!important}

/* ═══════════════════════════════════════════════════════════════════
   18. SOLARIZED DARK
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="solardark"]{
  --bg:#002b36;--surface:#073642;--surface-2:#0e4652;--surface-3:#155566;
  --text:#eee8d5;--text-2:#93a1a1;--text-3:#586e75;
  --border:#155566;--border-2:#1a6478;
  --accent:#268bd2;--accent-h:#4a9fe8;--accent-dim:#0e4d70;
  --success:#859900;--success-dim:#2e3a00;--emerald:#859900;--emerald2:#6b7a00;
  --gold:#b58900;--gold-dim:#4a3a00;--danger:#dc322f;--danger-dim:#5c1413;
  --red:#dc322f;--purple:#6c71c4;--purple-dim:#2e3059;--blue:#268bd2;
  --nav-bg:#001f27;--nav-text:#93a1a1;
  --font-main:'JetBrains Mono','Hind Siliguri',monospace;
  --font-display:'JetBrains Mono',monospace;
  --r:6px;--r-md:8px;--r-lg:12px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.3);
  --shadow-md:0 4px 12px rgba(0,0,0,.4);
  --border-w:1px;--btn-radius:6px;--input-radius:6px;--card-radius:8px;
}

/* ═══════════════════════════════════════════════════════════════════
   19. MINT (Fresh Green)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="mint"]{
  --bg:#ecfdf5;--surface:#ffffff;--surface-2:#f0fdf9;--surface-3:#d1fae5;
  --text:#052e1f;--text-2:#065f46;--text-3:#0d9488;
  --border:#a7f3d0;--border-2:#6ee7b7;
  --accent:#10b981;--accent-h:#059669;--accent-dim:#d1fae5;
  --success:#10b981;--success-dim:#d1fae5;--emerald:#10b981;--emerald2:#059669;
  --gold:#ca8a04;--gold-dim:#fef9c3;--danger:#dc2626;--danger-dim:#fee2e2;
  --red:#dc2626;--purple:#8b5cf6;--purple-dim:#ede9fe;--blue:#0284c7;
  --nav-bg:#065f46;--nav-text:#a7f3d0;
  --font-main:'Hind Siliguri','Inter',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:14px;--r-md:20px;--r-lg:28px;
  --shadow-sm:0 4px 14px rgba(16,185,129,.1);
  --shadow-md:0 10px 30px rgba(16,185,129,.2);
  --border-w:1px;--btn-radius:14px;--input-radius:14px;--card-radius:20px;
}

/* ═══════════════════════════════════════════════════════════════════
   20. MIDNIGHT (Deep Navy)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="midnight"]{
  --bg:#0a1628;--surface:#132a4a;--surface-2:#1a3556;--surface-3:#1e4066;
  --text:#e0f2fe;--text-2:#bae6fd;--text-3:#7dd3fc;
  --border:#1e4066;--border-2:#2d5580;
  --accent:#38bdf8;--accent-h:#7dd3fc;--accent-dim:#0369a1;
  --success:#4ade80;--success-dim:#14532d;--emerald:#22c55e;--emerald2:#16a34a;
  --gold:#fbbf24;--gold-dim:#78350f;--danger:#f87171;--danger-dim:#7f1d1d;
  --red:#f87171;--purple:#a78bfa;--purple-dim:#4c1d95;--blue:#60a5fa;
  --nav-bg:#041020;--nav-text:#7dd3fc;
  --font-main:'Inter','Hind Siliguri',sans-serif;
  --font-display:'Inter',sans-serif;
  --r:10px;--r-md:14px;--r-lg:20px;
  --shadow-sm:0 2px 8px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px rgba(0,0,0,.5);
  --border-w:1px;--btn-radius:10px;--input-radius:10px;--card-radius:14px;
}

/* ═══════════════════════════════════════════════════════════════════
   UNIVERSAL ENFORCEMENT — Apply variables everywhere
   ═══════════════════════════════════════════════════════════════════ */

[data-theme] body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:var(--font-main)!important;
}
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4{
  font-family:var(--font-display)!important;
  color:var(--text)!important;
}
[data-theme] .card,
[data-theme] .stat,
[data-theme] .tree-panel,
[data-theme] .search-bar,
[data-theme] .mouza-head,
[data-theme] .k-row{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  border-radius:var(--card-radius)!important;
  color:var(--text)!important;
}
[data-theme] .tree-head,
[data-theme] .tree-body,
[data-theme] .search-input-wrap input,
[data-theme] .children{
  background:var(--surface-2)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
[data-theme] .node{
  color:var(--text-2)!important;
  border-radius:var(--btn-radius)!important;
}
[data-theme] .node:hover,
[data-theme] .node.active{
  background:var(--accent-dim)!important;
  color:var(--accent)!important;
}
[data-theme] .node-cnt{
  background:var(--surface-3)!important;
  color:var(--text-2)!important;
}
[data-theme] .node.active .node-cnt{
  background:var(--accent)!important;
  color:var(--surface)!important;
}
[data-theme] .filter-chip{
  background:var(--surface)!important;
  border-color:var(--border-2)!important;
  color:var(--text-2)!important;
  border-radius:999px!important;
}
[data-theme] .filter-chip.active{
  background:var(--accent)!important;
  color:var(--surface)!important;
  border-color:var(--accent)!important;
}
[data-theme] .k-row{
  border-width:var(--border-w)!important;
  box-shadow:var(--shadow-xs)!important;
}
[data-theme] .k-row:hover{
  box-shadow:var(--shadow-sm)!important;
  border-color:var(--border-2)!important;
}
[data-theme] .k-num{color:var(--accent)!important}
[data-theme] .k-add{
  background:var(--accent)!important;
  border-color:var(--accent-h)!important;
  border-radius:var(--btn-radius)!important;
  color:#fff!important;
  font-weight:700!important;
}
[data-theme] .k-add:disabled{
  background:var(--emerald)!important;
  border-color:var(--emerald2)!important;
}
[data-theme] .cart-fab{
  background:var(--accent)!important;
  border-radius:999px!important;
  box-shadow:var(--shadow-md)!important;
}

/* Buttons */
[data-theme] .btn{
  border-radius:var(--btn-radius)!important;
  font-family:var(--font-main)!important;
  font-weight:700;
}
[data-theme] .btn-primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent-h)!important}
[data-theme] .btn-emerald,[data-theme] .btn-success{background:var(--emerald)!important;color:#fff!important}
[data-theme] .btn-danger,[data-theme] .btn-red{background:var(--red)!important;color:#fff!important}
[data-theme] .btn-gold{background:var(--gold)!important;color:#fff!important}
[data-theme] .btn-ghost{background:transparent!important;color:var(--text-2)!important;border-color:var(--border-2)!important}
[data-theme] .btn-ghost:hover{background:var(--accent-dim)!important;color:var(--accent)!important}

/* Inputs */
[data-theme] input,
[data-theme] textarea,
[data-theme] select{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border-2)!important;
  border-radius:var(--input-radius)!important;
  font-family:var(--font-main)!important;
}
[data-theme] input::placeholder,
[data-theme] textarea::placeholder{
  color:var(--text-3)!important;
}

/* Tables */
[data-theme] table{color:var(--text)!important}
[data-theme] table th{
  background:var(--surface-3)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
[data-theme] table td{
  border-color:var(--border)!important;
  color:var(--text-2)!important;
}
[data-theme] table tr:hover td{background:var(--surface-2)!important}

/* Nav */
[data-theme] .topnav,
[data-theme] .adminnav{
  background:var(--nav-bg)!important;
  border-radius:var(--nav-radius,0)!important;
}
[data-theme] .topnav .links a,
[data-theme] .adminnav .links a{color:var(--nav-text)!important}
[data-theme] .topnav .links a:hover,
[data-theme] .adminnav .links a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
[data-theme] .topnav .links a.active,
[data-theme] .adminnav .links a.active{color:#fff!important}

/* Wallet hero */
[data-theme] .wallet-hero{
  background:linear-gradient(135deg,var(--nav-bg),var(--accent))!important;
  border-radius:var(--card-radius)!important;
}
[data-theme] .wallet-balance{color:var(--gold)!important}

/* Pills */
[data-theme] .pill{
  border-radius:999px!important;
  font-family:var(--font-main)!important;
}

/* Inline style overrides */
[data-theme] [style*="background:rgba(8,12,20"],
[data-theme] [style*="background: rgba(8,12,20"],
[data-theme] [style*="background:#0f172a"],
[data-theme] [style*="background:#1a2c4e"],
[data-theme] [style*="background:#132a4a"]{
  background:var(--surface-2)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
[data-theme] [style*="color:#e6edf7"],
[data-theme] [style*="color:#e0f2fe"],
[data-theme] [style*="color:#f1f5f9"],
[data-theme] [style*="color:#eceff4"],
[data-theme] [style*="color:#eee8d5"],
[data-theme] [style*="color:#e8eeff"],
[data-theme] [style*="color:#e0f5ff"],
[data-theme] [style*="color:#f8f8f2"]{
  color:var(--text)!important;
}

/* monospace preserved */
[data-theme] .td-mono,
[data-theme] .iprice,
[data-theme] .wallet-balance,
[data-theme] .k-num,
[data-theme] .chip,
[data-theme] .order-code,
[data-theme] [class*="mono"]{
  font-family:'JetBrains Mono',monospace!important;
}

/* ═══ THEME PICKER UI ═══ */
.theme-picker{position:relative;display:inline-block}
.theme-picker-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:all .15s}
.theme-picker-btn:hover{background:rgba(255,255,255,.22)}
.theme-picker-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.35);padding:10px;display:none;z-index:9999;max-height:75vh;overflow-y:auto;min-width:310px}
.theme-picker-menu.open{display:block}
.theme-picker-menu h4{margin:6px 10px 10px;font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.theme-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;cursor:pointer;border:1.5px solid transparent;font-size:12.5px;font-weight:600;transition:all .12s;color:var(--text)}
.theme-item:hover{background:var(--surface-2);border-color:var(--border-2)}
.theme-item.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}
.theme-swatch{width:22px;height:22px;border-radius:7px;flex-shrink:0;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
@media(max-width:600px){.theme-picker-btn .lbl{display:none}.theme-grid{grid-template-columns:1fr}}

/* ═══ DIGITAL CLOCK THEME SUPPORT ═══ */
[data-theme] .dclock{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
}
[data-theme] .dclock-time{color:#fbbf24}
[data-theme] .dclock-time-bn{color:#a7f3d0}
[data-theme] .dclock-date{color:#cbd5e1}
[data-theme] .dclock-date b{color:#fbbf24}
[data-theme="light"] .dclock,
[data-theme="solarlight"] .dclock,
[data-theme="paper"] .dclock,
[data-theme="coffee"] .dclock,
[data-theme="sepia"] .dclock,
[data-theme="nord"] .dclock,
[data-theme="lavender"] .dclock,
[data-theme="rose"] .dclock,
[data-theme="mint"] .dclock,
[data-theme="forest"] .dclock,
[data-theme="ocean"] .dclock,
[data-theme="sunset"] .dclock,
[data-theme="warm"] .dclock,
[data-theme="cool"] .dclock,
[data-theme="brutalist"] .dclock{
  background:rgba(0,0,0,.06);
  border-color:rgba(0,0,0,.15);
}
[data-theme="light"] .dclock-time,
[data-theme="solarlight"] .dclock-time,
[data-theme="paper"] .dclock-time,
[data-theme="coffee"] .dclock-time,
[data-theme="sepia"] .dclock-time,
[data-theme="nord"] .dclock-time,
[data-theme="lavender"] .dclock-time,
[data-theme="rose"] .dclock-time,
[data-theme="mint"] .dclock-time,
[data-theme="forest"] .dclock-time,
[data-theme="ocean"] .dclock-time,
[data-theme="sunset"] .dclock-time,
[data-theme="warm"] .dclock-time,
[data-theme="cool"] .dclock-time{
  color:#b45309;
}
[data-theme="light"] .dclock-time-bn,
[data-theme="solarlight"] .dclock-time-bn,
[data-theme="paper"] .dclock-time-bn,
[data-theme="coffee"] .dclock-time-bn,
[data-theme="sepia"] .dclock-time-bn,
[data-theme="nord"] .dclock-time-bn,
[data-theme="lavender"] .dclock-time-bn,
[data-theme="rose"] .dclock-time-bn,
[data-theme="mint"] .dclock-time-bn,
[data-theme="forest"] .dclock-time-bn,
[data-theme="ocean"] .dclock-time-bn,
[data-theme="sunset"] .dclock-time-bn,
[data-theme="warm"] .dclock-time-bn,
[data-theme="cool"] .dclock-time-bn{
  color:#047857;
}
[data-theme="light"] .dclock-date,
[data-theme="solarlight"] .dclock-date,
[data-theme="paper"] .dclock-date,
[data-theme="coffee"] .dclock-date,
[data-theme="sepia"] .dclock-date,
[data-theme="nord"] .dclock-date,
[data-theme="lavender"] .dclock-date,
[data-theme="rose"] .dclock-date,
[data-theme="mint"] .dclock-date,
[data-theme="forest"] .dclock-date,
[data-theme="ocean"] .dclock-date,
[data-theme="sunset"] .dclock-date,
[data-theme="warm"] .dclock-date,
[data-theme="cool"] .dclock-date{
  color:#334155;
}
[data-theme="light"] .dclock-date b,
[data-theme="solarlight"] .dclock-date b,
[data-theme="paper"] .dclock-date b,
[data-theme="coffee"] .dclock-date b,
[data-theme="sepia"] .dclock-date b,
[data-theme="nord"] .dclock-date b,
[data-theme="lavender"] .dclock-date b,
[data-theme="rose"] .dclock-date b,
[data-theme="mint"] .dclock-date b,
[data-theme="forest"] .dclock-date b,
[data-theme="ocean"] .dclock-date b,
[data-theme="sunset"] .dclock-date b,
[data-theme="warm"] .dclock-date b,
[data-theme="cool"] .dclock-date b{
  color:#b45309;
}
[data-theme="brutalist"] .dclock{
  border:3px solid #000!important;
  background:#ffff00!important;
  box-shadow:3px 3px 0 #000;
}
[data-theme="brutalist"] .dclock-time,
[data-theme="brutalist"] .dclock-time-bn,
[data-theme="brutalist"] .dclock-date,
[data-theme="brutalist"] .dclock-date b{
  color:#000!important;
}
[data-theme="cyberpunk"] .dclock{
  border:2px solid #00f0ff;
  box-shadow:0 0 15px rgba(0,240,255,.5);
}
[data-theme="cyberpunk"] .dclock-time{color:#00f0ff;text-shadow:0 0 8px #00f0ff}
[data-theme="cyberpunk"] .dclock-time-bn{color:#ff00ff;text-shadow:0 0 8px #ff00ff}
[data-theme="mono"] .dclock-time{color:#00ff00;text-shadow:0 0 6px #00ff00}
[data-theme="mono"] .dclock-time-bn{color:#00ff00}
[data-theme="mono"] .dclock-date b{color:#00ff00}

/* ═══ CLOCK — FIXED no-overlap ═══ */
[data-theme] .dclock{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
}
[data-theme] .dclock-time{color:#fbbf24}
[data-theme] .dclock-time-bn{color:#a7f3d0}
[data-theme] .dclock-date{color:#cbd5e1}
[data-theme] .dclock-date b{color:#fbbf24}
[data-theme="light"] .dclock,
[data-theme="solarlight"] .dclock,
[data-theme="paper"] .dclock,
[data-theme="coffee"] .dclock,
[data-theme="sepia"] .dclock,
[data-theme="nord"] .dclock,
[data-theme="lavender"] .dclock,
[data-theme="rose"] .dclock,
[data-theme="mint"] .dclock,
[data-theme="forest"] .dclock,
[data-theme="ocean"] .dclock,
[data-theme="sunset"] .dclock,
[data-theme="warm"] .dclock,
[data-theme="cool"] .dclock{
  background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15);
}
[data-theme="light"] .dclock-time,
[data-theme="solarlight"] .dclock-time,
[data-theme="paper"] .dclock-time,
[data-theme="coffee"] .dclock-time,
[data-theme="sepia"] .dclock-time,
[data-theme="nord"] .dclock-time,
[data-theme="lavender"] .dclock-time,
[data-theme="rose"] .dclock-time,
[data-theme="mint"] .dclock-time,
[data-theme="forest"] .dclock-time,
[data-theme="ocean"] .dclock-time,
[data-theme="sunset"] .dclock-time,
[data-theme="warm"] .dclock-time,
[data-theme="cool"] .dclock-time{color:#b45309}
[data-theme="light"] .dclock-time-bn,
[data-theme="solarlight"] .dclock-time-bn,
[data-theme="paper"] .dclock-time-bn,
[data-theme="coffee"] .dclock-time-bn,
[data-theme="sepia"] .dclock-time-bn,
[data-theme="nord"] .dclock-time-bn,
[data-theme="lavender"] .dclock-time-bn,
[data-theme="rose"] .dclock-time-bn,
[data-theme="mint"] .dclock-time-bn,
[data-theme="forest"] .dclock-time-bn,
[data-theme="ocean"] .dclock-time-bn,
[data-theme="sunset"] .dclock-time-bn,
[data-theme="warm"] .dclock-time-bn,
[data-theme="cool"] .dclock-time-bn{color:#047857}
[data-theme="light"] .dclock-date,
[data-theme="solarlight"] .dclock-date,
[data-theme="paper"] .dclock-date,
[data-theme="coffee"] .dclock-date,
[data-theme="sepia"] .dclock-date,
[data-theme="nord"] .dclock-date,
[data-theme="lavender"] .dclock-date,
[data-theme="rose"] .dclock-date,
[data-theme="mint"] .dclock-date,
[data-theme="forest"] .dclock-date,
[data-theme="ocean"] .dclock-date,
[data-theme="sunset"] .dclock-date,
[data-theme="warm"] .dclock-date,
[data-theme="cool"] .dclock-date{color:#334155}
[data-theme="light"] .dclock-date b,
[data-theme="solarlight"] .dclock-date b,
[data-theme="paper"] .dclock-date b,
[data-theme="coffee"] .dclock-date b,
[data-theme="sepia"] .dclock-date b,
[data-theme="nord"] .dclock-date b,
[data-theme="lavender"] .dclock-date b,
[data-theme="rose"] .dclock-date b,
[data-theme="mint"] .dclock-date b,
[data-theme="forest"] .dclock-date b,
[data-theme="ocean"] .dclock-date b,
[data-theme="sunset"] .dclock-date b,
[data-theme="warm"] .dclock-date b,
[data-theme="cool"] .dclock-date b{color:#b45309}
[data-theme="cyberpunk"] .dclock{border:2px solid #00f0ff;box-shadow:0 0 15px rgba(0,240,255,.5)}
[data-theme="cyberpunk"] .dclock-time{color:#00f0ff;text-shadow:0 0 8px #00f0ff}
[data-theme="cyberpunk"] .dclock-time-bn{color:#ff00ff;text-shadow:0 0 8px #ff00ff}
[data-theme="mono"] .dclock-time{color:#00ff00;text-shadow:0 0 6px #00ff00}
[data-theme="mono"] .dclock-time-bn{color:#00ff00}
[data-theme="mono"] .dclock-date b{color:#00ff00}
[data-theme="brutalist"] .dclock{border:3px solid #000!important;background:#ffff00!important;box-shadow:3px 3px 0 #000}
[data-theme="brutalist"] .dclock-time,
[data-theme="brutalist"] .dclock-time-bn,
[data-theme="brutalist"] .dclock-date,
[data-theme="brutalist"] .dclock-date b{color:#000!important}

/* ═══════════════════════════════════════════════════════════════════
   21. NEON GLOW — Electric Cyber
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="neon"]{
  --bg:#050014;
  --surface:#0a0020;
  --surface-2:#0f0030;
  --surface-3:#150040;
  --text:#e0f5ff;
  --text-2:#b8e6ff;
  --text-3:#6ba3d0;
  --text-4:#4a5a70;
  --border:#1a0050;
  --border-2:#2d007a;
  --accent:#00ffff;
  --accent-h:#7fffff;
  --accent-dim:#003d4d;
  --success:#39ff14;
  --success-dim:#0d3d10;
  --success-line:#39ff14;
  --emerald:#39ff14;
  --emerald2:#2db810;
  --gold:#ffea00;
  --gold2:#ffcc00;
  --gold-dim:#3d3400;
  --gold-line:#ffea00;
  --danger:#ff0055;
  --danger-dim:#4d0018;
  --danger-line:#ff0055;
  --red:#ff0055;
  --red2:#cc0044;
  --purple:#ff00ff;
  --purple-dim:#3d003d;
  --purple-line:#ff00ff;
  --blue:#00d9ff;
  --blue-dim:#003d4d;
  --nav-bg:#000000;
  --nav-text:#00ffff;
  --font-main:'Rajdhani','Orbitron','Hind Siliguri',sans-serif;
  --font-display:'Orbitron','Rajdhani',sans-serif;
  --r:4px;
  --r-md:6px;
  --r-lg:8px;
  --shadow-xs:0 0 8px rgba(0,255,255,.2);
  --shadow-sm:0 0 16px rgba(0,255,255,.3);
  --shadow-md:0 0 32px rgba(255,0,255,.4);
  --border-w:1px;
  --btn-radius:4px;
  --input-radius:4px;
  --card-radius:6px;
}

/* Neon Background Grid */
[data-theme="neon"] body{
  background:
    radial-gradient(circle at 20% 10%, rgba(255,0,255,.15), transparent 45%),
    radial-gradient(circle at 80% 90%, rgba(0,255,255,.12), transparent 45%),
    #050014 !important;
  background-attachment:fixed;
}

/* NEON TEXT GLOW */
[data-theme="neon"] h1,
[data-theme="neon"] h2,
[data-theme="neon"] h3,
[data-theme="neon"] .card-title{
  color:#00ffff !important;
  text-shadow:
    0 0 5px #00ffff,
    0 0 10px #00ffff,
    0 0 20px #00ffff,
    0 0 40px #00bfff,
    0 0 60px #0080ff;
  letter-spacing:1px;
  font-weight:800;
}

[data-theme="neon"] .wallet-balance{
  color:#ffea00 !important;
  text-shadow:
    0 0 5px #ffea00,
    0 0 10px #ffea00,
    0 0 20px #ff8800,
    0 0 40px #ff0055,
    0 0 60px #ff0055;
  animation:neonPulse 2s ease-in-out infinite;
}

[data-theme="neon"] .stat .num{
  color:#ff00ff !important;
  text-shadow:
    0 0 6px #ff00ff,
    0 0 12px #ff00ff,
    0 0 24px #ff00aa;
}

[data-theme="neon"] .stat.gold .num{
  color:#ffea00 !important;
  text-shadow:0 0 8px #ffea00, 0 0 16px #ff8800;
}
[data-theme="neon"] .stat.emerald .num{
  color:#39ff14 !important;
  text-shadow:0 0 8px #39ff14, 0 0 16px #00ff00;
}
[data-theme="neon"] .stat.blue .num{
  color:#00d9ff !important;
  text-shadow:0 0 8px #00d9ff, 0 0 16px #0080ff;
}
[data-theme="neon"] .stat.purple .num{
  color:#ff00ff !important;
  text-shadow:0 0 8px #ff00ff, 0 0 16px #aa00ff;
}
[data-theme="neon"] .stat.red .num{
  color:#ff0055 !important;
  text-shadow:0 0 8px #ff0055, 0 0 16px #ff0033;
}

/* NEON CARDS */
[data-theme="neon"] .card,
[data-theme="neon"] .stat{
  background:rgba(10,0,32,.85) !important;
  border:1.5px solid #00ffff !important;
  box-shadow:
    0 0 10px rgba(0,255,255,.4),
    inset 0 0 20px rgba(0,255,255,.05) !important;
  backdrop-filter:blur(8px);
  position:relative;
}

[data-theme="neon"] .card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, #00ffff, #ff00ff, #00ffff);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.5;
}

/* NEON BUTTONS */
[data-theme="neon"] .btn{
  background:transparent !important;
  border:2px solid #00ffff !important;
  color:#00ffff !important;
  text-shadow:0 0 5px #00ffff;
  box-shadow:
    0 0 10px rgba(0,255,255,.5),
    inset 0 0 10px rgba(0,255,255,.15);
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-weight:800;
  transition:all .2s;
}
[data-theme="neon"] .btn:hover{
  background:#00ffff !important;
  color:#050014 !important;
  text-shadow:none;
  box-shadow:
    0 0 20px rgba(0,255,255,.9),
    0 0 40px rgba(0,255,255,.6),
    inset 0 0 20px rgba(0,255,255,.3);
  transform:translateY(-2px);
}
[data-theme="neon"] .btn-gold{
  border-color:#ffea00 !important;
  color:#ffea00 !important;
  text-shadow:0 0 5px #ffea00;
  box-shadow:0 0 10px rgba(255,234,0,.5), inset 0 0 10px rgba(255,234,0,.15);
}
[data-theme="neon"] .btn-gold:hover{
  background:#ffea00 !important;
  color:#050014 !important;
  box-shadow:0 0 20px #ffea00, 0 0 40px #ff8800;
}
[data-theme="neon"] .btn-emerald,
[data-theme="neon"] .btn-success{
  border-color:#39ff14 !important;
  color:#39ff14 !important;
  text-shadow:0 0 5px #39ff14;
  box-shadow:0 0 10px rgba(57,255,20,.5), inset 0 0 10px rgba(57,255,20,.15);
}
[data-theme="neon"] .btn-emerald:hover{
  background:#39ff14 !important;
  color:#050014 !important;
  box-shadow:0 0 20px #39ff14, 0 0 40px #00ff00;
}
[data-theme="neon"] .btn-red,
[data-theme="neon"] .btn-danger{
  border-color:#ff0055 !important;
  color:#ff0055 !important;
  text-shadow:0 0 5px #ff0055;
  box-shadow:0 0 10px rgba(255,0,85,.5), inset 0 0 10px rgba(255,0,85,.15);
}
[data-theme="neon"] .btn-red:hover{
  background:#ff0055 !important;
  color:#fff !important;
  box-shadow:0 0 20px #ff0055, 0 0 40px #ff0033;
}
[data-theme="neon"] .btn-ghost{
  border-color:#2d007a !important;
  color:#b8e6ff !important;
  text-shadow:none;
  box-shadow:none;
}
[data-theme="neon"] .btn-ghost:hover{
  border-color:#ff00ff !important;
  color:#ff00ff !important;
  background:transparent !important;
  text-shadow:0 0 5px #ff00ff;
  box-shadow:0 0 15px rgba(255,0,255,.5);
}

/* NEON INPUTS */
[data-theme="neon"] input,
[data-theme="neon"] textarea,
[data-theme="neon"] select{
  background:rgba(5,0,20,.9) !important;
  border:1.5px solid #00ffff !important;
  color:#00ffff !important;
  text-shadow:0 0 3px #00ffff;
  box-shadow:inset 0 0 10px rgba(0,255,255,.1);
  font-family:'JetBrains Mono','Rajdhani',monospace !important;
}
[data-theme="neon"] input:focus,
[data-theme="neon"] textarea:focus,
[data-theme="neon"] select:focus{
  border-color:#ff00ff !important;
  color:#ff00ff !important;
  text-shadow:0 0 5px #ff00ff;
  box-shadow:0 0 15px rgba(255,0,255,.5), inset 0 0 15px rgba(255,0,255,.15);
}
[data-theme="neon"] input::placeholder{
  color:#4a5a70 !important;
  text-shadow:none !important;
}

/* NEON NAV */
[data-theme="neon"] .topnav,
[data-theme="neon"] .adminnav{
  background:#000 !important;
  border-bottom:2px solid #00ffff;
  box-shadow:0 4px 20px rgba(0,255,255,.4);
}
[data-theme="neon"] .topnav .links a,
[data-theme="neon"] .adminnav .links a{
  color:#00ffff !important;
  text-shadow:0 0 5px #00ffff;
  transition:all .2s;
}
[data-theme="neon"] .topnav .links a:hover,
[data-theme="neon"] .adminnav .links a:hover{
  color:#ff00ff !important;
  text-shadow:0 0 10px #ff00ff, 0 0 20px #ff00ff;
  background:rgba(255,0,255,.1) !important;
}
[data-theme="neon"] .topnav .links a.active,
[data-theme="neon"] .adminnav .links a.active{
  color:#ffea00 !important;
  text-shadow:0 0 8px #ffea00, 0 0 16px #ff8800;
  border-bottom-color:#ffea00 !important;
}

/* NEON PILLS */
[data-theme="neon"] .pill{
  border-width:1.5px !important;
  box-shadow:0 0 8px currentColor;
  text-shadow:0 0 4px currentColor;
}
[data-theme="neon"] .pill.emerald{
  background:rgba(57,255,20,.1) !important;
  color:#39ff14 !important;
  border-color:#39ff14 !important;
}
[data-theme="neon"] .pill.gold{
  background:rgba(255,234,0,.1) !important;
  color:#ffea00 !important;
  border-color:#ffea00 !important;
}
[data-theme="neon"] .pill.blue{
  background:rgba(0,217,255,.1) !important;
  color:#00d9ff !important;
  border-color:#00d9ff !important;
}
[data-theme="neon"] .pill.purple{
  background:rgba(255,0,255,.1) !important;
  color:#ff00ff !important;
  border-color:#ff00ff !important;
}
[data-theme="neon"] .pill.red{
  background:rgba(255,0,85,.1) !important;
  color:#ff0055 !important;
  border-color:#ff0055 !important;
}

/* NEON TABLE */
[data-theme="neon"] table th{
  background:rgba(0,255,255,.08) !important;
  color:#00ffff !important;
  text-shadow:0 0 5px #00ffff;
  border-bottom:2px solid #00ffff !important;
}
[data-theme="neon"] table td{
  color:#b8e6ff !important;
  border-bottom:1px solid #1a0050 !important;
}
[data-theme="neon"] table tr:hover td{
  background:rgba(255,0,255,.08) !important;
}

/* NEON WALLET HERO */
[data-theme="neon"] .wallet-hero{
  background:
    linear-gradient(135deg, #050014 0%, #1a0050 100%) !important;
  border:2px solid #ff00ff;
  box-shadow:
    0 0 30px rgba(255,0,255,.5),
    inset 0 0 40px rgba(0,255,255,.1) !important;
  position:relative;
}
[data-theme="neon"] .wallet-hero::before{
  background:radial-gradient(circle, rgba(255,234,0,.3), transparent 70%) !important;
  animation:neonPulse 3s ease-in-out infinite;
}

/* NEON CLOCK */
[data-theme="neon"] .dclock{
  background:rgba(0,255,255,.08) !important;
  border:1.5px solid #00ffff !important;
  box-shadow:0 0 15px rgba(0,255,255,.4);
}
[data-theme="neon"] .dclock-time{
  color:#00ffff !important;
  text-shadow:0 0 8px #00ffff, 0 0 16px #00bfff;
}
[data-theme="neon"] .dclock-time-bn{
  color:#ff00ff !important;
  text-shadow:0 0 8px #ff00ff;
}
[data-theme="neon"] .dclock-date{
  color:#b8e6ff !important;
  text-shadow:0 0 4px #00ffff;
}
[data-theme="neon"] .dclock-date b{
  color:#ffea00 !important;
  text-shadow:0 0 6px #ffea00;
}

/* NEON PULSE ANIMATION */
@keyframes neonPulse{
  0%,100%{
    opacity:1;
    filter:brightness(1);
  }
  50%{
    opacity:.85;
    filter:brightness(1.4);
  }
}

/* NEON SCANLINE OVERLAY (subtle) */
[data-theme="neon"] body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  background:repeating-linear-gradient(
    0deg,
    rgba(0,255,255,.02) 0px,
    rgba(0,255,255,.02) 1px,
    transparent 1px,
    transparent 3px
  );
  mix-blend-mode:screen;
}

/* NEON MORPH — Different font styles on different elements */
[data-theme="neon"] .card-title{
  font-family:'Orbitron','Rajdhani',sans-serif !important;
  letter-spacing:2px;
}
[data-theme="neon"] .btn{
  font-family:'Orbitron','Rajdhani',sans-serif !important;
}
[data-theme="neon"] .pill{
  font-family:'JetBrains Mono',monospace !important;
  letter-spacing:1.5px;
}
[data-theme="neon"] .wallet-balance,
[data-theme="neon"] .stat .num{
  font-family:'Orbitron','JetBrains Mono',monospace !important;
  letter-spacing:-.5px;
}

/* ═══════════════════════════════════════════════════════════════════
   NEON THEME CONTRAST FIX — readable text
   ═══════════════════════════════════════════════════════════════════ */

/* Fix neon hero — no full cyan fill */
[data-theme="neon"] .lb-hero,
[data-theme="neon"] .dir-hero,
[data-theme="neon"] .hero{
  background:
    linear-gradient(135deg, rgba(0,255,255,.08) 0%, rgba(255,0,255,.08) 100%) !important;
  border:1.5px solid #00ffff !important;
  box-shadow:
    0 0 20px rgba(0,255,255,.4),
    inset 0 0 40px rgba(0,255,255,.05) !important;
  color:#00ffff !important;
}

[data-theme="neon"] .lb-hero h1,
[data-theme="neon"] .dir-hero h1,
[data-theme="neon"] .lb-hero .icon,
[data-theme="neon"] .dir-hero-icon{
  color:#00ffff !important;
  text-shadow:0 0 10px #00ffff, 0 0 20px #00bfff, 0 0 40px #0080ff !important;
  filter:drop-shadow(0 0 8px #00ffff) !important;
}

[data-theme="neon"] .lb-hero p,
[data-theme="neon"] .dir-hero p{
  color:#b8e6ff !important;
  text-shadow:0 0 4px #00ffff !important;
}

/* Fix lb-tabs */
[data-theme="neon"] .lb-tab{
  background:rgba(0,255,255,.08) !important;
  border:1.5px solid #00ffff !important;
  color:#00ffff !important;
  text-shadow:0 0 5px #00ffff !important;
}
[data-theme="neon"] .lb-tab.active{
  background:#00ffff !important;
  color:#050014 !important;
  text-shadow:none !important;
  box-shadow:0 0 15px #00ffff !important;
}
[data-theme="neon"] .lb-tab:hover{
  background:rgba(0,255,255,.2) !important;
}

/* Fix lb-row rank colors */
[data-theme="neon"] .lb-row{
  background:rgba(10,0,32,.85) !important;
  border-color:#1a0050 !important;
}
[data-theme="neon"] .lb-row.rank-1{
  background:linear-gradient(90deg, rgba(255,234,0,.15), transparent 60%) !important;
  border-left:4px solid #ffea00 !important;
}
[data-theme="neon"] .lb-row.rank-2{
  background:linear-gradient(90deg, rgba(192,192,192,.15), transparent 60%) !important;
  border-left:4px solid #c0c0c0 !important;
}
[data-theme="neon"] .lb-row.rank-3{
  background:linear-gradient(90deg, rgba(255,140,0,.15), transparent 60%) !important;
  border-left:4px solid #ff8c00 !important;
}
[data-theme="neon"] .lb-rank{
  color:#6ba3d0 !important;
  text-shadow:0 0 5px rgba(0,255,255,.4);
}
[data-theme="neon"] .lb-row.rank-1 .lb-rank{
  color:#ffea00 !important;
  text-shadow:0 0 10px #ffea00 !important;
}
[data-theme="neon"] .lb-row.rank-2 .lb-rank{
  color:#c0c0c0 !important;
  text-shadow:0 0 10px #c0c0c0 !important;
}
[data-theme="neon"] .lb-row.rank-3 .lb-rank{
  color:#ff8c00 !important;
  text-shadow:0 0 10px #ff8c00 !important;
}
[data-theme="neon"] .lb-name{
  color:#e0f5ff !important;
  text-shadow:0 0 3px rgba(0,255,255,.4);
}
[data-theme="neon"] .lb-sub{
  color:#6ba3d0 !important;
}
[data-theme="neon"] .lb-stat .num{
  color:#00ffff !important;
  text-shadow:0 0 8px #00ffff !important;
}
[data-theme="neon"] .lb-stat .lbl{
  color:#6ba3d0 !important;
}

/* Fix wallet hero — no bright green fill */
[data-theme="neon"] .wallet-hero{
  background:
    linear-gradient(135deg, #050014 0%, #1a0050 60%, #0f0030 100%) !important;
  border:1.5px solid #ff00ff !important;
  box-shadow:
    0 0 30px rgba(255,0,255,.5),
    inset 0 0 60px rgba(0,255,255,.08) !important;
}
[data-theme="neon"] .wallet-hero .lbl{
  color:#ff00ff !important;
  text-shadow:0 0 8px #ff00ff !important;
  letter-spacing:2px;
}
[data-theme="neon"] .wallet-balance{
  color:#ffea00 !important;
  text-shadow:
    0 0 5px #ffea00,
    0 0 10px #ffea00,
    0 0 20px #ff8800,
    0 0 40px #ff8800 !important;
  font-family:'Orbitron','JetBrains Mono',monospace !important;
}
[data-theme="neon"] .wallet-hero .muted{
  color:#b8e6ff !important;
}
[data-theme="neon"] .wallet-hero .muted b{
  color:#39ff14 !important;
  text-shadow:0 0 6px #39ff14;
}

/* Fix balance-pill in browse */
[data-theme="neon"] .balance-pill{
  background:rgba(0,255,255,.1) !important;
  border:1.5px solid #00ffff !important;
  box-shadow:0 0 12px rgba(0,255,255,.4) !important;
}
[data-theme="neon"] .balance-pill .lbl{
  color:#b8e6ff !important;
  text-shadow:0 0 3px rgba(0,255,255,.5);
}
[data-theme="neon"] .balance-pill .val{
  color:#ffea00 !important;
  text-shadow:0 0 8px #ffea00 !important;
}

/* Fix browse page buttons */
[data-theme="neon"] .k-add{
  background:transparent !important;
  color:#00ffff !important;
  border:1.5px solid #00ffff !important;
  text-shadow:0 0 4px #00ffff !important;
  box-shadow:0 0 8px rgba(0,255,255,.4) !important;
}
[data-theme="neon"] .k-add:hover:not(:disabled){
  background:#00ffff !important;
  color:#050014 !important;
  text-shadow:none !important;
  box-shadow:0 0 20px #00ffff !important;
}
[data-theme="neon"] .k-add:disabled{
  background:transparent !important;
  color:#39ff14 !important;
  border-color:#39ff14 !important;
  text-shadow:0 0 4px #39ff14 !important;
  box-shadow:0 0 8px rgba(57,255,20,.4) !important;
}

/* Fix flash messages */
[data-theme="neon"] .flash.ok{
  background:rgba(57,255,20,.1) !important;
  color:#39ff14 !important;
  border-color:#39ff14 !important;
  text-shadow:0 0 4px #39ff14 !important;
}
[data-theme="neon"] .flash.err{
  background:rgba(255,0,85,.1) !important;
  color:#ff0055 !important;
  border-color:#ff0055 !important;
  text-shadow:0 0 4px #ff0055 !important;
}

/* Fix empty state */
[data-theme="neon"] .empty{
  color:#6ba3d0 !important;
}
[data-theme="neon"] .empty-ic{
  filter:drop-shadow(0 0 8px #00ffff);
  opacity:.7;
}

/* Fix user cards */
[data-theme="neon"] .dir-card{
  background:rgba(10,0,32,.85) !important;
  border:1px solid #1a0050 !important;
}
[data-theme="neon"] .dir-card:hover{
  border-color:#00ffff !important;
  box-shadow:0 0 20px rgba(0,255,255,.5) !important;
}
[data-theme="neon"] .dir-name{
  color:#e0f5ff !important;
  text-shadow:0 0 3px rgba(0,255,255,.4);
}
[data-theme="neon"] .dir-meta{
  color:#6ba3d0 !important;
}

/* Fix item rows */
[data-theme="neon"] .item-row,
[data-theme="neon"] .iname{
  color:#e0f5ff !important;
}
[data-theme="neon"] .iprice{
  color:#ffea00 !important;
  text-shadow:0 0 6px #ffea00;
}

/* Fix footer */
[data-theme="neon"] footer.site-footer{
  color:#6ba3d0 !important;
  border-color:#1a0050 !important;
  text-shadow:0 0 2px rgba(0,255,255,.3);
}
[data-theme="neon"] footer.site-footer b{
  color:#00ffff !important;
  text-shadow:0 0 6px #00ffff;
}

/* ═══ BRAND TEXT — Neon glow across all themes ═══ */
[data-theme="neon"] .brand-text{
  background:linear-gradient(180deg, #00ffff 0%, #ff00ff 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 8px #00ffff) drop-shadow(0 0 16px #00bfff);
  font-weight:900;
  letter-spacing:1px;
}

/* Other dark themes — make brand text pop */
[data-theme="dark"] .brand-text,
[data-theme="midnight"] .brand-text,
[data-theme="dracula"] .brand-text,
[data-theme="nord"] .brand-text,
[data-theme="solardark"] .brand-text,
[data-theme="oled"] .brand-text,
[data-theme="aurora"] .brand-text,
[data-theme="cyberpunk"] .brand-text{
  background:linear-gradient(180deg,#ffffff 0%,#a7f3d0 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}
[data-theme="cyberpunk"] .brand-text{
  background:linear-gradient(180deg,#00f0ff 0%,#ff00ff 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 6px #00f0ff);
}
[data-theme="aurora"] .brand-text{
  background:linear-gradient(180deg,#a78bfa 0%,#4ade80 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

/* ═══════════════════════════════════════════════════════
   LOGO FIX — no underline, gradient text everywhere
   ═══════════════════════════════════════════════════════ */
.topnav .brand,
.adminnav .brand{
  text-decoration:none !important;
  border-bottom:none !important;
  outline:none !important;
  padding-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.topnav .brand:hover,
.topnav .brand:focus,
.topnav .brand:active,
.adminnav .brand:hover,
.adminnav .brand:focus,
.adminnav .brand:active{
  text-decoration:none !important;
  border-bottom:none !important;
}
.topnav .brand img,
.adminnav .brand img{
  border-bottom:none !important;
  height:34px !important;
  border-radius:8px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.3) !important;
}

/* ═══════════════════════════════════════════════════════
   NEON THEME — readable (fix everything)
   ═══════════════════════════════════════════════════════ */

/* Wallet hero — kill green fill */
[data-theme="neon"] .wallet-hero,
[data-theme="neon"] [class*="wallet-hero"]{
  background:linear-gradient(135deg,#050014 0%,#1a0050 100%) !important;
  border:1.5px solid #ff00ff !important;
  box-shadow:0 0 25px rgba(255,0,255,.5) !important;
  color:#e0f5ff !important;
}
[data-theme="neon"] .wallet-balance{
  color:#ffea00 !important;
  text-shadow:0 0 6px #ffea00, 0 0 12px #ff8800 !important;
}
[data-theme="neon"] .wallet-hero .muted,
[data-theme="neon"] .wallet-hero .lbl{
  color:#b8e6ff !important;
}

/* Leaderboard hero — kill cyan fill */
[data-theme="neon"] .lb-hero,
[data-theme="neon"] [class*="lb-hero"]{
  background:linear-gradient(135deg, rgba(0,255,255,.1) 0%, rgba(255,0,255,.1) 100%) !important;
  border:1.5px solid #00ffff !important;
  box-shadow:0 0 20px rgba(0,255,255,.4) !important;
}
[data-theme="neon"] .lb-hero h1,
[data-theme="neon"] .lb-hero .icon{
  color:#00ffff !important;
  text-shadow:0 0 10px #00ffff, 0 0 20px #00bfff !important;
}
[data-theme="neon"] .lb-hero p{
  color:#b8e6ff !important;
}

/* Directory hero */
[data-theme="neon"] .dir-hero{
  background:linear-gradient(135deg, rgba(0,255,255,.08) 0%, rgba(255,0,255,.08) 100%) !important;
  border:1.5px solid #00ffff !important;
}
[data-theme="neon"] .dir-hero h1{
  color:#00ffff !important;
  text-shadow:0 0 10px #00ffff !important;
}
[data-theme="neon"] .dir-hero p{
  color:#b8e6ff !important;
}

/* General text in neon */
[data-theme="neon"] .muted{color:#6ba3d0 !important}
[data-theme="neon"] .iname,
[data-theme="neon"] .dir-name,
[data-theme="neon"] .lb-name,
[data-theme="neon"] td{color:#e0f5ff !important}
[data-theme="neon"] .iprice,
[data-theme="neon"] .lb-stat .num{color:#ffea00 !important}
[data-theme="neon"] .lb-sub,
[data-theme="neon"] .dir-meta,
[data-theme="neon"] .lb-stat .lbl{color:#6ba3d0 !important}

/* Card backgrounds in neon */
[data-theme="neon"] .card,
[data-theme="neon"] .stat,
[data-theme="neon"] .dir-card{
  background:rgba(10,0,32,.9) !important;
  border-color:#1a0050 !important;
  color:#e0f5ff !important;
}

/* Any remaining bright green */
[data-theme="neon"] [style*="background:#10b981"],
[data-theme="neon"] [style*="background: #10b981"],
[data-theme="neon"] [style*="background:#059669"],
[data-theme="neon"] [style*="background:#22c55e"]{
  background:rgba(10,0,32,.9) !important;
}

/* bright cyan backgrounds -> dark */
[data-theme="neon"] [style*="background:#00ffff"],
[data-theme="neon"] [style*="background: #00ffff"],
[data-theme="neon"] [style*="background:#06b6d4"],
[data-theme="neon"] [style*="background:#0e7490"]{
  background:linear-gradient(135deg, rgba(0,255,255,.1) 0%, rgba(255,0,255,.1) 100%) !important;
}

/* Bright blue brands */
[data-theme="neon"] .btn-primary{
  background:transparent !important;
  color:#00ffff !important;
  border:2px solid #00ffff !important;
  text-shadow:0 0 5px #00ffff !important;
  box-shadow:0 0 12px rgba(0,255,255,.5) !important;
}
[data-theme="neon"] .btn-primary:hover{
  background:#00ffff !important;
  color:#050014 !important;
  text-shadow:none !important;
}

[data-theme="neon"] .btn-gold{
  background:transparent !important;
  color:#ffea00 !important;
  border:2px solid #ffea00 !important;
  text-shadow:0 0 5px #ffea00 !important;
  box-shadow:0 0 12px rgba(255,234,0,.5) !important;
}
[data-theme="neon"] .btn-gold:hover{
  background:#ffea00 !important;
  color:#050014 !important;
}

[data-theme="neon"] .btn-emerald,
[data-theme="neon"] .btn-success{
  background:transparent !important;
  color:#39ff14 !important;
  border:2px solid #39ff14 !important;
  text-shadow:0 0 5px #39ff14 !important;
  box-shadow:0 0 12px rgba(57,255,20,.5) !important;
}
[data-theme="neon"] .btn-emerald:hover{
  background:#39ff14 !important;
  color:#050014 !important;
}


/* ═══════════════════════════════════════════════════════════════
   WALLET HERO — Universal readable design (সব theme-এ কাজ করে)
   ═══════════════════════════════════════════════════════════════ */
.wallet-hero{
  background:linear-gradient(135deg, #0a0f1f 0%, #1a1a3a 55%, #2a1a4a 100%) !important;
  border:1.5px solid rgba(255,255,255,.15) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.4) !important;
  color:#fff !important;
  position:relative;
  overflow:hidden;
}
.wallet-hero::before{
  content:'';
  position:absolute;
  top:-50%;right:-15%;
  width:340px;height:340px;
  background:radial-gradient(circle, rgba(251,191,36,.2), transparent 70%);
  border-radius:50%;
  pointer-events:none;
}
.wallet-hero > *{position:relative;z-index:2}

.wallet-hero .lbl{
  color:rgba(255,255,255,.85) !important;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
  font-weight:800;
  letter-spacing:1.4px;
}
.wallet-hero .wallet-balance{
  color:#fbbf24 !important;
  text-shadow:
    0 0 5px #fbbf24,
    0 0 15px rgba(251,191,36,.6),
    0 3px 20px rgba(0,0,0,.6) !important;
}
.wallet-hero .muted{
  color:rgba(255,255,255,.9) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  font-weight:600;
}
.wallet-hero .muted b{
  color:#fbbf24 !important;
  text-shadow:0 0 8px rgba(251,191,36,.6);
  font-weight:800;
}

/* BUTTONS in wallet hero — always high contrast */
.wallet-hero .btn-gold,
.wallet-hero .btn.btn-gold{
  background:linear-gradient(180deg, #fbbf24 0%, #d97706 100%) !important;
  color:#0f172a !important;
  border:1.5px solid #b45309 !important;
  box-shadow:0 4px 16px rgba(251,191,36,.5) !important;
  text-shadow:none !important;
  font-weight:800 !important;
}
.wallet-hero .btn-gold:hover{
  background:linear-gradient(180deg, #fcd34d 0%, #f59e0b 100%) !important;
  box-shadow:0 6px 24px rgba(251,191,36,.7) !important;
  transform:translateY(-2px);
}
.wallet-hero .btn-emerald,
.wallet-hero .btn-success,
.wallet-hero .btn.btn-emerald,
.wallet-hero .btn.btn-success{
  background:linear-gradient(180deg, #10b981 0%, #047857 100%) !important;
  color:#ffffff !important;
  border:1.5px solid #047857 !important;
  box-shadow:0 4px 16px rgba(16,185,129,.5) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.3) !important;
  font-weight:800 !important;
}
.wallet-hero .btn-emerald:hover{
  background:linear-gradient(180deg, #34d399 0%, #059669 100%) !important;
  box-shadow:0 6px 24px rgba(16,185,129,.7) !important;
  transform:translateY(-2px);
}
.wallet-hero .btn-ghost,
.wallet-hero .btn.btn-ghost{
  background:rgba(255,255,255,.15) !important;
  color:#ffffff !important;
  border:1.5px solid rgba(255,255,255,.35) !important;
  backdrop-filter:blur(10px);
  text-shadow:none !important;
}
.wallet-hero .btn-ghost:hover{
  background:rgba(255,255,255,.28) !important;
  color:#ffffff !important;
}
.wallet-hero .btn-primary,
.wallet-hero .btn.btn-primary{
  background:linear-gradient(180deg, #3b82f6 0%, #1e40af 100%) !important;
  color:#ffffff !important;
  border:1.5px solid #1e3a8a !important;
  box-shadow:0 4px 16px rgba(59,130,246,.5) !important;
  font-weight:800 !important;
}

/* Neon theme — matching wallet */
[data-theme="neon"] .wallet-hero{
  background:linear-gradient(135deg, #050014 0%, #1a0050 60%, #0f0030 100%) !important;
  border:1.5px solid #ff00ff !important;
  box-shadow:0 0 30px rgba(255,0,255,.5), inset 0 0 60px rgba(0,255,255,.08) !important;
}
[data-theme="neon"] .wallet-hero .wallet-balance{
  color:#ffea00 !important;
  text-shadow:0 0 8px #ffea00, 0 0 20px #ff8800, 0 0 40px #ff0055 !important;
  font-family:'Orbitron','JetBrains Mono',monospace !important;
  animation:neonPulse 2s ease-in-out infinite;
}
[data-theme="neon"] .wallet-hero .btn-gold{
  background:transparent !important;
  color:#ffea00 !important;
  border:2px solid #ffea00 !important;
  text-shadow:0 0 5px #ffea00 !important;
  box-shadow:0 0 15px rgba(255,234,0,.5) !important;
}
[data-theme="neon"] .wallet-hero .btn-gold:hover{
  background:#ffea00 !important;
  color:#050014 !important;
  text-shadow:none !important;
  box-shadow:0 0 25px #ffea00, 0 0 50px #ff8800 !important;
}
[data-theme="neon"] .wallet-hero .btn-emerald{
  background:transparent !important;
  color:#39ff14 !important;
  border:2px solid #39ff14 !important;
  text-shadow:0 0 5px #39ff14 !important;
  box-shadow:0 0 15px rgba(57,255,20,.5) !important;
}
[data-theme="neon"] .wallet-hero .btn-emerald:hover{
  background:#39ff14 !important;
  color:#050014 !important;
  text-shadow:none !important;
  box-shadow:0 0 25px #39ff14, 0 0 50px #00ff00 !important;
}

/* Fix balance-pill in browse */
.balance-pill{
  background:rgba(255,255,255,.12) !important;
  border:1.5px solid rgba(255,255,255,.25) !important;
  backdrop-filter:blur(10px);
}
.balance-pill .lbl{
  color:rgba(255,255,255,.85) !important;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.balance-pill .val{
  color:#fbbf24 !important;
  text-shadow:0 0 8px rgba(251,191,36,.6), 0 2px 8px rgba(0,0,0,.5) !important;
  font-weight:900;
}


/* ═══════════════════════════════════════════════════════════════
   BRAND LOGO — Unique designed mark
   ═══════════════════════════════════════════════════════════════ */
.topnav .brand,
.adminnav .brand{
  text-decoration:none !important;
  border:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:8px 4px !important;
  position:relative;
  transition:transform .2s;
}
.topnav .brand:hover,
.adminnav .brand:hover{
  text-decoration:none !important;
  transform:translateY(-1px);
}

/* Brand mark (icon area) */
.brand-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 45%, #d97706 100%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
  box-shadow:
    0 4px 14px rgba(251,191,36,.5),
    0 0 0 1px rgba(255,255,255,.15) inset,
    0 1px 0 rgba(255,255,255,.4) inset;
  overflow:hidden;
}
.brand-mark::before{
  content:'';
  position:absolute;
  top:-40%;left:-40%;
  width:80%;height:180%;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  transform:rotate(25deg);
  animation:brandShine 3.5s ease-in-out infinite;
}
@keyframes brandShine{
  0%,80%,100%{transform:translateX(-140%) rotate(25deg)}
  40%{transform:translateX(140%) rotate(25deg)}
}
.brand-mark svg,
.brand-mark img{
  width:26px;
  height:26px;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.brand-mark img{
  width:100%;height:100%;object-fit:contain;padding:4px;background:#fff;border-radius:8px;
}

/* Brand text */
.brand-text{
  display:inline-flex;
  flex-direction:column;
  line-height:1;
  gap:2px;
}
.brand-name{
  font-family:'Hind Siliguri','Inter',sans-serif;
  font-weight:900;
  font-size:17.5px;
  letter-spacing:.3px;
  color:#fff;
  background:linear-gradient(180deg,#ffffff 0%,#fbbf24 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
.brand-tagline{
  font-family:'JetBrains Mono','Inter',monospace;
  font-weight:700;
  font-size:8.5px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  -webkit-text-fill-color:rgba(255,255,255,.55);
}

/* Alternative SVG mark styles for each theme */
[data-theme="neon"] .brand-mark{
  background:linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);
  box-shadow:
    0 0 15px #00ffff,
    0 0 30px rgba(255,0,255,.6),
    inset 0 0 15px rgba(255,255,255,.3);
}
[data-theme="neon"] .brand-name{
  background:linear-gradient(180deg,#00ffff 0%,#ff00ff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px #00ffff);
}
[data-theme="neon"] .brand-tagline{
  color:#00ffff;
  -webkit-text-fill-color:#00ffff;
  text-shadow:0 0 6px #00ffff;
}

[data-theme="cyberpunk"] .brand-mark{
  background:linear-gradient(135deg, #00f0ff 0%, #ff00ff 100%);
  box-shadow:0 0 18px #00f0ff, inset 0 0 15px rgba(255,255,255,.4);
}
[data-theme="cyberpunk"] .brand-name{
  background:linear-gradient(180deg,#00f0ff 0%,#ff00ff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 6px #00f0ff);
}

[data-theme="aurora"] .brand-mark{
  background:linear-gradient(135deg, #a78bfa 0%, #4ade80 100%);
  box-shadow:0 0 20px rgba(167,139,250,.6);
}
[data-theme="aurora"] .brand-name{
  background:linear-gradient(180deg,#a78bfa 0%,#4ade80 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

[data-theme="mono"] .brand-mark{
  background:#00ff00;
  box-shadow:0 0 15px #00ff00;
  border-radius:0;
}
[data-theme="mono"] .brand-name{
  background:#00ff00;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

[data-theme="brutalist"] .brand-mark{
  background:#ffff00;
  border:3px solid #000;
  box-shadow:3px 3px 0 #000;
  border-radius:0;
}
[data-theme="brutalist"] .brand-name{
  background:#ffff00;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  -webkit-text-stroke:1px #000;
}

/* Mobile */
@media(max-width:600px){
  .brand-mark{width:36px;height:36px;border-radius:10px}
  .brand-mark svg,.brand-mark img{width:22px;height:22px}
  .brand-name{font-size:15px}
  .brand-tagline{display:none}
}
@media(max-width:900px){
  .brand-tagline{display:none}
}


/* ═══════════════════════════════════════════════════════════════
   BENGALI TEXT FIX — i-kar / u-kar clipping
   ═══════════════════════════════════════════════════════════════ */

/* Brand name — more space above for Bengali vowels */
.brand-name{
  font-family:'Hind Siliguri','Noto Sans Bengali','Inter',sans-serif !important;
  font-weight:900 !important;
  font-size:17.5px !important;
  letter-spacing:.3px !important;
  line-height:1.35 !important;
  padding-top:4px !important;
  padding-bottom:2px !important;
  display:inline-block !important;
  overflow:visible !important;
  /* Gradient text with padding-safe clip */
  background:linear-gradient(180deg,#ffffff 0%,#fbbf24 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}

.brand-text{
  display:inline-flex !important;
  flex-direction:column !important;
  gap:0 !important;
  line-height:1 !important;
  padding-top:2px !important;
  overflow:visible !important;
}

.brand-tagline{
  margin-top:1px !important;
}

/* Universal fix — all Bengali headings with gradient */
.wallet-balance,
.stat .num,
.card-title,
h1, h2, h3, h4{
  line-height:1.3 !important;
  padding-top:2px;
}

/* Neon + other theme overrides — keep gradient but with padding */
[data-theme="neon"] .brand-name{
  line-height:1.35 !important;
  padding-top:4px !important;
  filter:drop-shadow(0 0 8px #00ffff) !important;
}
[data-theme="cyberpunk"] .brand-name,
[data-theme="aurora"] .brand-name{
  line-height:1.35 !important;
  padding-top:4px !important;
}


/* ═══════════════════════════════════════════════════════════════
   BRAND NAME — Animated shine sweep (like the icon)
   ═══════════════════════════════════════════════════════════════ */

.brand-name{
  position:relative !important;
  display:inline-block !important;
  overflow:visible !important;
  font-family:'Hind Siliguri','Noto Sans Bengali','Inter',sans-serif !important;
  font-weight:900 !important;
  font-size:17.5px !important;
  letter-spacing:.3px !important;
  line-height:1.4 !important;
  padding:5px 2px 3px 2px !important;
  background:linear-gradient(
    90deg,
    #fbbf24 0%,
    #fde68a 25%,
    #ffffff 50%,
    #fde68a 75%,
    #fbbf24 100%
  ) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(251,191,36,.35));
  animation:brandNameShine 4s ease-in-out infinite;
}

@keyframes brandNameShine{
  0%{
    background-position:100% 50%;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(251,191,36,.35));
  }
  50%{
    background-position:0% 50%;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(251,191,36,.7));
  }
  100%{
    background-position:100% 50%;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(251,191,36,.35));
  }
}

/* Icon mark — matching sync animation */
.brand-mark::before{
  animation-duration:4s !important;
}

/* ═══ Theme-specific brand name colors ═══ */
[data-theme="neon"] .brand-name{
  background:linear-gradient(
    90deg,
    #00ffff 0%,
    #7fffff 25%,
    #ffffff 50%,
    #ff7fff 75%,
    #ff00ff 100%
  ) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 8px #00ffff) drop-shadow(0 0 16px #ff00ff) !important;
  animation:brandNameShine 4s ease-in-out infinite !important;
}

[data-theme="cyberpunk"] .brand-name{
  background:linear-gradient(90deg, #00f0ff 0%, #ffffff 50%, #ff00ff 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 6px #00f0ff) !important;
  animation:brandNameShine 3s ease-in-out infinite !important;
}

[data-theme="aurora"] .brand-name{
  background:linear-gradient(90deg, #a78bfa 0%, #ffffff 50%, #4ade80 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 8px #a78bfa) !important;
  animation:brandNameShine 4s ease-in-out infinite !important;
}

[data-theme="mono"] .brand-name{
  background:linear-gradient(90deg, #00ff00 0%, #aaffaa 50%, #00ff00 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 6px #00ff00) !important;
  animation:brandNameShine 3s ease-in-out infinite !important;
}

[data-theme="brutalist"] .brand-name{
  background:#ffff00 !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  -webkit-text-stroke:1.5px #000 !important;
  filter:none !important;
  animation:none !important;
}

[data-theme="oled"] .brand-name,
[data-theme="dark"] .brand-name,
[data-theme="midnight"] .brand-name,
[data-theme="dracula"] .brand-name,
[data-theme="nord"] .brand-name,
[data-theme="solardark"] .brand-name{
  background:linear-gradient(
    90deg,
    #fbbf24 0%,
    #fef3c7 25%,
    #ffffff 50%,
    #fef3c7 75%,
    #fbbf24 100%
  ) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  animation:brandNameShine 4s ease-in-out infinite !important;
}

/* Light themes — darker text with subtle shine */
[data-theme="light"] .brand-name,
[data-theme="solarlight"] .brand-name,
[data-theme="paper"] .brand-name,
[data-theme="coffee"] .brand-name,
[data-theme="sepia"] .brand-name,
[data-theme="warm"] .brand-name,
[data-theme="cool"] .brand-name,
[data-theme="forest"] .brand-name,
[data-theme="mint"] .brand-name,
[data-theme="ocean"] .brand-name,
[data-theme="sunset"] .brand-name,
[data-theme="rose"] .brand-name,
[data-theme="lavender"] .brand-name,
[data-theme="contrast"] .brand-name{
  background:linear-gradient(
    90deg,
    #b45309 0%,
    #f59e0b 25%,
    #fbbf24 50%,
    #f59e0b 75%,
    #b45309 100%
  ) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)) !important;
  animation:brandNameShine 4s ease-in-out infinite !important;
}

/* Tagline — subtle pulse */
.brand-tagline{
  font-family:'JetBrains Mono','Inter',monospace !important;
  font-weight:700 !important;
  font-size:9px !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.55) !important;
  -webkit-text-fill-color:rgba(255,255,255,.55) !important;
  animation:taglineGlow 3s ease-in-out infinite;
  margin-top:2px !important;
}

@keyframes taglineGlow{
  0%,100%{opacity:.6}
  50%{opacity:1}
}

[data-theme="neon"] .brand-tagline{
  color:#00ffff !important;
  -webkit-text-fill-color:#00ffff !important;
  text-shadow:0 0 6px #00ffff;
}
[data-theme="cyberpunk"] .brand-tagline{
  color:#00f0ff !important;
  -webkit-text-fill-color:#00f0ff !important;
  text-shadow:0 0 6px #00f0ff;
}
[data-theme="aurora"] .brand-tagline{
  color:#a78bfa !important;
  -webkit-text-fill-color:#a78bfa !important;
  text-shadow:0 0 6px #a78bfa;
}
[data-theme="mono"] .brand-tagline{
  color:#00ff00 !important;
  -webkit-text-fill-color:#00ff00 !important;
  text-shadow:0 0 6px #00ff00;
}
[data-theme="light"] .brand-tagline,
[data-theme="solarlight"] .brand-tagline,
[data-theme="paper"] .brand-tagline,
[data-theme="coffee"] .brand-tagline,
[data-theme="warm"] .brand-tagline,
[data-theme="cool"] .brand-tagline,
[data-theme="forest"] .brand-tagline,
[data-theme="mint"] .brand-tagline,
[data-theme="ocean"] .brand-tagline,
[data-theme="sunset"] .brand-tagline,
[data-theme="rose"] .brand-tagline,
[data-theme="lavender"] .brand-tagline{
  color:#78350f !important;
  -webkit-text-fill-color:#78350f !important;
  text-shadow:none;
}

/* Reduce motion for accessibility */
@media(prefers-reduced-motion:reduce){
  .brand-name,
  .brand-mark::before,
  .brand-tagline{
    animation:none !important;
  }
  .brand-name{
    background-position:50% 50% !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   TRICOLOR BENGALI LOGO — নাগরিক সেবা হাব
   Blue + Green + Orange with green swash underline
   ═══════════════════════════════════════════════════════════════ */

.topnav .brand,
.adminnav .brand{
  text-decoration:none !important;
  border:none !important;
  outline:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:6px 4px !important;
  position:relative;
  transition:transform .2s;
  flex-shrink:0;
}
.topnav .brand:hover,
.adminnav .brand:hover{
  text-decoration:none !important;
  border:none !important;
  transform:translateY(-1px);
}

/* Main logo wrapper */
.brand-logo{
  display:inline-flex;
  flex-direction:column;
  line-height:1;
  position:relative;
  padding:6px 4px 8px 4px;
  font-family:'Hind Siliguri','Noto Sans Bengali','SolaimanLipi',sans-serif;
  overflow:visible;
}

/* Top line: নাগরিক (blue) */
.brand-line1{
  display:block;
  font-weight:900;
  font-size:19px;
  line-height:1.15;
  letter-spacing:.2px;
  color:#1e5fa8;
  text-shadow:
    0 1px 0 rgba(0,0,0,.08),
    0 0 1px rgba(30,95,168,.4);
  padding:2px 0;
}

/* Second line: সেবা হাব (green + orange) */
.brand-line2{
  display:flex;
  align-items:baseline;
  gap:6px;
  position:relative;
  padding-top:2px;
}

.brand-sheba{
  font-weight:900;
  font-size:19px;
  line-height:1.15;
  color:#1a9f3f;
  letter-spacing:.2px;
  position:relative;
  padding-bottom:4px;
  display:inline-block;
}

/* Green swash/curve under সেবা */
.brand-sheba::after{
  content:'';
  position:absolute;
  left:-8px;
  right:-6px;
  bottom:-3px;
  height:6px;
  border-bottom:2.8px solid #1a9f3f;
  border-radius:0 0 60% 40% / 0 0 100% 100%;
  transform:rotate(-2deg);
  opacity:.95;
}

.brand-hab{
  font-weight:900;
  font-size:19px;
  line-height:1.15;
  color:#f47b20;
  letter-spacing:.2px;
}

/* Tagline below */
.brand-tagline{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:7.5px;
  font-weight:700;
  letter-spacing:3.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
  margin-top:4px;
  padding-left:2px;
}

/* ═══ THEME VARIATIONS ═══ */

/* Dark themes — make colors pop more with glow */
[data-theme="dark"] .brand-line1,
[data-theme="midnight"] .brand-line1,
[data-theme="dracula"] .brand-line1,
[data-theme="nord"] .brand-line1,
[data-theme="solardark"] .brand-line1,
[data-theme="oled"] .brand-line1,
[data-theme="aurora"] .brand-line1{
  color:#60a5fa;
  text-shadow:0 0 8px rgba(96,165,250,.5);
}
[data-theme="dark"] .brand-sheba,
[data-theme="midnight"] .brand-sheba,
[data-theme="dracula"] .brand-sheba,
[data-theme="nord"] .brand-sheba,
[data-theme="solardark"] .brand-sheba,
[data-theme="oled"] .brand-sheba,
[data-theme="aurora"] .brand-sheba{
  color:#4ade80;
  text-shadow:0 0 8px rgba(74,222,128,.5);
}
[data-theme="dark"] .brand-sheba::after,
[data-theme="midnight"] .brand-sheba::after,
[data-theme="dracula"] .brand-sheba::after,
[data-theme="nord"] .brand-sheba::after,
[data-theme="solardark"] .brand-sheba::after,
[data-theme="oled"] .brand-sheba::after,
[data-theme="aurora"] .brand-sheba::after{
  border-bottom-color:#4ade80;
}
[data-theme="dark"] .brand-hab,
[data-theme="midnight"] .brand-hab,
[data-theme="dracula"] .brand-hab,
[data-theme="nord"] .brand-hab,
[data-theme="solardark"] .brand-hab,
[data-theme="oled"] .brand-hab,
[data-theme="aurora"] .brand-hab{
  color:#fbbf24;
  text-shadow:0 0 8px rgba(251,191,36,.5);
}

/* Neon theme */
[data-theme="neon"] .brand-line1{
  color:#00ffff;
  text-shadow:
    0 0 5px #00ffff,
    0 0 12px #00ffff,
    0 0 20px #00bfff;
}
[data-theme="neon"] .brand-sheba{
  color:#39ff14;
  text-shadow:
    0 0 5px #39ff14,
    0 0 12px #39ff14,
    0 0 20px #00ff00;
}
[data-theme="neon"] .brand-sheba::after{
  border-bottom-color:#39ff14;
  box-shadow:0 0 8px #39ff14;
}
[data-theme="neon"] .brand-hab{
  color:#ff00ff;
  text-shadow:
    0 0 5px #ff00ff,
    0 0 12px #ff00ff,
    0 0 20px #aa00ff;
}

/* Cyberpunk */
[data-theme="cyberpunk"] .brand-line1{color:#00f0ff;text-shadow:0 0 8px #00f0ff}
[data-theme="cyberpunk"] .brand-sheba{color:#39ff14;text-shadow:0 0 8px #39ff14}
[data-theme="cyberpunk"] .brand-sheba::after{border-bottom-color:#39ff14}
[data-theme="cyberpunk"] .brand-hab{color:#ffdd00;text-shadow:0 0 8px #ffdd00}

/* Aurora */
[data-theme="aurora"] .brand-line1{color:#c4b5fd;text-shadow:0 0 8px #a78bfa}
[data-theme="aurora"] .brand-sheba{color:#4ade80;text-shadow:0 0 8px #4ade80}
[data-theme="aurora"] .brand-sheba::after{border-bottom-color:#4ade80}
[data-theme="aurora"] .brand-hab{color:#fbbf24;text-shadow:0 0 8px #fbbf24}

/* Mono */
[data-theme="mono"] .brand-line1,
[data-theme="mono"] .brand-sheba,
[data-theme="mono"] .brand-hab{
  color:#00ff00;
  text-shadow:0 0 6px #00ff00;
}
[data-theme="mono"] .brand-sheba::after{border-bottom-color:#00ff00}

/* Brutalist */
[data-theme="brutalist"] .brand-line1,
[data-theme="brutalist"] .brand-sheba,
[data-theme="brutalist"] .brand-hab{
  color:#000;
  text-shadow:none;
  -webkit-text-stroke:.5px #000;
}
[data-theme="brutalist"] .brand-sheba::after{border-bottom-color:#000;border-bottom-width:3px}

/* Light themes — slightly darker for contrast */
[data-theme="light"] .brand-line1,
[data-theme="solarlight"] .brand-line1,
[data-theme="paper"] .brand-line1,
[data-theme="coffee"] .brand-line1,
[data-theme="sepia"] .brand-line1,
[data-theme="warm"] .brand-line1,
[data-theme="cool"] .brand-line1,
[data-theme="forest"] .brand-line1,
[data-theme="mint"] .brand-line1,
[data-theme="ocean"] .brand-line1,
[data-theme="sunset"] .brand-line1,
[data-theme="rose"] .brand-line1,
[data-theme="lavender"] .brand-line1{
  color:#1e5fa8;
}

/* Subtle floating shine on logo */
.brand-logo::before{
  content:'';
  position:absolute;
  top:0;left:-30%;
  width:40%;height:100%;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.25) 50%, transparent 70%);
  transform:skewX(-20deg);
  animation:brandLogoShine 6s ease-in-out infinite;
  pointer-events:none;
  z-index:3;
}
@keyframes brandLogoShine{
  0%,85%,100%{left:-30%;opacity:0}
  40%{left:130%;opacity:1}
}

/* Mobile */
@media(max-width:900px){
  .brand-line1,.brand-sheba,.brand-hab{font-size:16px}
  .brand-tagline{font-size:6.5px;letter-spacing:2.5px}
}
@media(max-width:600px){
  .brand-line1,.brand-sheba,.brand-hab{font-size:14px}
  .brand-tagline{display:none}
}

/* Reduce motion */
@media(prefers-reduced-motion:reduce){
  .brand-logo::before{animation:none;display:none}
}


/* ═══════════════════════════════════════════════════════════════
   BENGALI FONT RENDERING FIX — matra, i-kar, u-kar clipping
   ═══════════════════════════════════════════════════════════════ */

/* Global — সব Bengali text এ proper line-height */
body,
p, div, span, a, li, td, th, label,
.card, .card-title, .muted,
.info-list, .info-list li,
ul, ol{
  font-family:'Hind Siliguri','Noto Sans Bengali','SolaimanLipi','Kalpurush',sans-serif !important;
  line-height:1.75 !important;
  padding-top:1px;
  padding-bottom:1px;
}

/* List items — বেশি স্পেস */
li{
  line-height:1.9 !important;
  padding:4px 0 !important;
  margin:0 !important;
}

/* Paragraph */
p{
  line-height:1.85 !important;
  margin-bottom:10px;
}

/* Card content */
.card{
  line-height:1.75 !important;
}
.card p,
.card div{
  line-height:1.8 !important;
}

/* Muted text */
.muted{
  line-height:1.75 !important;
}

/* Info/support list — special handling */
.card ul,
.card ol,
.card .info-list{
  padding-left:22px !important;
  margin:12px 0 !important;
}
.card ul li,
.card ol li{
  line-height:2 !important;
  padding:5px 0 !important;
}

/* Label in forms */
.form-row label{
  line-height:1.7 !important;
  padding:2px 0;
}

/* Table cell */
td, th{
  line-height:1.7 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* Headings — extra top padding for matra */
h1,h2,h3,h4,h5,h6{
  line-height:1.5 !important;
  padding-top:6px !important;
  padding-bottom:4px !important;
}

.card-title{
  line-height:1.5 !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

/* Strong / bold */
strong, b{
  line-height:inherit !important;
  padding-top:1px;
  padding-bottom:1px;
}

/* Inline code */
code, .td-mono{
  line-height:1.5 !important;
}

/* Stat label & value */
.stat .lbl{
  line-height:1.5 !important;
  padding-top:2px;
}
.stat .num{
  line-height:1.3 !important;
  padding-top:4px !important;
}

/* Flash messages */
.flash{
  line-height:1.75 !important;
  padding:14px 18px !important;
}

/* Empty state */
.empty{
  line-height:1.85 !important;
}

/* Admin specific — the offers info section */
.adminnav ~ .wrap p,
.adminnav ~ .wrap div,
.adminnav ~ .wrap li{
  line-height:1.85 !important;
}

/* Fix any clip container */
[style*="overflow:hidden"]{
  overflow:visible !important;
  padding-bottom:4px;
}

/* Force web font if not loaded */
@supports (font-variation-settings: normal){
  body{
    font-feature-settings:"kern" 1,"liga" 1;
    text-rendering:optimizeLegibility;
  }
}

/* Reduced padding on mobile to avoid overflow */
@media(max-width:600px){
  body, p, div, span, li{
    line-height:1.7 !important;
  }
  li{
    line-height:1.85 !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   BENGALI NUMERALS — ০১২৩৪৫৬৭৮৯ clear visibility
   ═══════════════════════════════════════════════════════════════ */

/* Force better font for Bengali numbers */
@font-face {
  font-family: 'Bengali-Digits';
  src: local('Hind Siliguri'), local('Noto Sans Bengali'), local('Kalpurush');
  unicode-range: U+09E6-09EF, U+09E8-09EF; /* Bengali digits ০-৯ */
}

/* Apply to all text */
body, p, div, span, li, td, th, label, b, strong, a {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  font-variant-numeric: normal;
  text-rendering: optimizeLegibility;
}

/* Make Bengali numerals bolder & more visible */
.card ul li,
.card ol li,
.card p,
.flash {
  font-family: 'Hind Siliguri', 'Noto Sans Bengali', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.15px !important;
}

/* Highlighted numbers in the offers info */
.card strong,
.card b,
.card code {
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .2px !important;
}

/* Specific: colored tier numbers in offers page */
[style*="color:#b45309"] b,
[style*="color:#b45309"] strong,
.offer-tier-num {
  font-weight: 900 !important;
  text-shadow: 0 0 1px rgba(180,83,9,.3);
}


/* ═══════════════════════════════════════════════════════════════
   BENGALI DIGITS — Force bold and clear (০-৯)
   ═══════════════════════════════════════════════════════════════ */

/* Global override for ALL text with Bengali digits */
html body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Info text — the offers page specifically */
.card p,
.card li,
.card ul li,
.card ol li,
.info-text,
.info-text b,
.info-text strong {
  font-family: 'Hind Siliguri', 'Noto Sans Bengali', 'SolaimanLipi', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  line-height: 2 !important;
  word-spacing: 1px;
}

/* Numbers inside info text — bolder */
.card strong,
.card b {
  font-weight: 800 !important;
  color: #fbbf24 !important;
  padding: 0 2px;
  letter-spacing: 0.3px;
}

/* Bengali digits larger */
.card li b,
.card li strong,
.card p b,
.card p strong {
  font-size: 15.5px !important;
  display: inline-block;
  padding: 1px 4px;
  background: rgba(251,191,36,.08);
  border-radius: 3px;
  margin: 0 1px;
}

/* Non-bold text */
.card li {
  font-size: 14.5px;
  padding: 4px 0;
  line-height: 2.05 !important;
  color: var(--text-2);
}

/* Multiline list items */
.card ul,
.card ol {
  padding-left: 4px;
  list-style: none;
}

.card ul li::before {
  content: '•';
  color: var(--accent);
  font-weight: 900;
  margin-right: 8px;
  font-size: 16px;
}

/* Make sure Bengali digits are visible in dark themes */
[data-theme="dark"] .card li,
[data-theme="dark"] .card p,
[data-theme="midnight"] .card li,
[data-theme="midnight"] .card p,
[data-theme="neon"] .card li,
[data-theme="neon"] .card p,
[data-theme="oled"] .card li,
[data-theme="oled"] .card p {
  color: #e0f5ff !important;
}


/* ═══════════════════════════════════════════════════════════════
   FINAL BACKGROUND FIX — catch remaining hardcoded light colors
   ═══════════════════════════════════════════════════════════════ */

/* All dark themes force light backgrounds to theme surface */
[data-theme="dark"] [style*="background:#fafafa"],
[data-theme="dark"] [style*="background: #fafafa"],
[data-theme="dark"] [style*="background:#f1f1f1"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background:#f1f5f9"],
[data-theme="dark"] [style*="background:#eef2f6"],
[data-theme="dark"] [style*="background:#eef2f7"],
[data-theme="dark"] [style*="background:#f4f7fb"],
[data-theme="dark"] [style*="background:#f0f4f8"],
[data-theme="dark"] [style*="background:#f6f6f6"],
[data-theme="dark"] [style*="background:#d1f0ff"],
[data-theme="dark"] [style*="background:#fff8e1"],
[data-theme="midnight"] [style*="background:#fafafa"],
[data-theme="midnight"] [style*="background:#f1f1f1"],
[data-theme="midnight"] [style*="background:#f8fafc"],
[data-theme="midnight"] [style*="background:#eef2f6"],
[data-theme="midnight"] [style*="background:#d1f0ff"],
[data-theme="dracula"] [style*="background:#fafafa"],
[data-theme="dracula"] [style*="background:#f1f1f1"],
[data-theme="dracula"] [style*="background:#f8fafc"],
[data-theme="dracula"] [style*="background:#eef2f6"],
[data-theme="nord"] [style*="background:#fafafa"],
[data-theme="nord"] [style*="background:#f1f1f1"],
[data-theme="nord"] [style*="background:#f8fafc"],
[data-theme="neon"] [style*="background:#fafafa"],
[data-theme="neon"] [style*="background:#f1f1f1"],
[data-theme="neon"] [style*="background:#f8fafc"],
[data-theme="neon"] [style*="background:#eef2f6"],
[data-theme="cyberpunk"] [style*="background:#fafafa"],
[data-theme="cyberpunk"] [style*="background:#f1f1f1"],
[data-theme="cyberpunk"] [style*="background:#f8fafc"],
[data-theme="aurora"] [style*="background:#fafafa"],
[data-theme="aurora"] [style*="background:#f1f1f1"],
[data-theme="aurora"] [style*="background:#f8fafc"],
[data-theme="oled"] [style*="background:#fafafa"],
[data-theme="oled"] [style*="background:#f1f1f1"],
[data-theme="oled"] [style*="background:#f8fafc"],
[data-theme="mono"] [style*="background:#fafafa"],
[data-theme="mono"] [style*="background:#f1f1f1"],
[data-theme="mono"] [style*="background:#f8fafc"],
[data-theme="coffee"] [style*="background:#fafafa"],
[data-theme="coffee"] [style*="background:#f8fafc"]{
  background:var(--surface-2) !important;
  color:var(--text) !important;
}

/* Chat bubbles — force theme-aware */
[data-theme] [style*="background:#d1f0ff"]{
  background:var(--accent-dim) !important;
  color:var(--accent) !important;
}
[data-theme] [style*="background:#e8f4ff"]{
  background:var(--accent-dim) !important;
  color:var(--accent) !important;
}
[data-theme] [style*="background:#fff8e1"]{
  background:var(--gold-dim) !important;
  color:var(--gold2, var(--gold)) !important;
}
[data-theme] [style*="background:#f1f1f1"]{
  background:var(--surface-3) !important;
  color:var(--text) !important;
}

/* Chat page specific */
[data-theme] [style*="height:75vh"] > aside,
[data-theme] [style*="height:75vh"] > section{
  background:var(--surface) !important;
  color:var(--text) !important;
}

/* Message boxes */
[data-theme] [style*="height:55vh"]{
  background:var(--surface-2) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

/* Support/chat message bubbles */
[data-theme] span[style*="border-radius:12px"],
[data-theme] span[style*="border-radius:14px"],
[data-theme] div[style*="border-radius:12px"]{
  color:var(--text) !important;
}


/* ═══════════════════════════════════════════════════════════════
   FOUC PREVENTION — smooth first paint
   ═══════════════════════════════════════════════════════════════ */

/* Prevent animation on load — no flash */
html {
  background: #f0f4f8;
}
html[data-theme="dark"] { background: #0f172a; }
html[data-theme="midnight"] { background: #0a1628; }
html[data-theme="dracula"] { background: #282a36; }
html[data-theme="nord"] { background: #2e3440; }
html[data-theme="solardark"] { background: #002b36; }
html[data-theme="oled"] { background: #000000; }
html[data-theme="cyberpunk"] { background: #0a0014; }
html[data-theme="neon"] { background: #050014; }
html[data-theme="aurora"] { background: #0a0612; }
html[data-theme="mono"] { background: #1a1a1a; }
html[data-theme="coffee"] { background: #f5ede2; }
html[data-theme="paper"] { background: #efe9dc; }
html[data-theme="brutalist"] { background: #ffff00; }
html[data-theme="ocean"] { background: #e0f2fe; }
html[data-theme="sunset"] { background: #fff7ed; }
html[data-theme="forest"] { background: #f2f7ee; }
html[data-theme="lavender"] { background: #faf5ff; }
html[data-theme="mint"] { background: #ecfdf5; }
html[data-theme="rose"] { background: #fdf2f8; }

body {
  background: var(--bg);
  transition: background-color .15s ease, color .15s ease;
}

/* Preload critical CSS with no transition */
html:not([data-theme-loaded]) * {
  transition: none !important;
}

/* After theme applied, enable transitions */
html[data-theme-loaded] body,
html[data-theme-loaded] .card,
html[data-theme-loaded] .stat {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Prevent image flash */
img {
  opacity: 0;
  transition: opacity .2s ease;
}
img[data-loaded],
img[src] {
  opacity: 1;
}

/* Smooth content fade-in (very subtle) */
.wrap {
  animation: contentFadeIn .2s ease-out;
}
@keyframes contentFadeIn {
  from { opacity: .96; }
  to { opacity: 1; }
}

/* Prevent flash of unstyled theme picker */
[data-theme-picker]:empty {
  visibility: hidden;
}

/* Font-display optimization */
@font-face {
  font-display: swap;
}


/* ═══════════════════════════════════════════════════════════════
   AVATAR IMAGE — global constraint (prevent full-page blowup)
   ═══════════════════════════════════════════════════════════════ */

/* Any image loaded from /avatar/ — constrain to reasonable size */
img[src*="/avatar/"]{
  max-width:72px !important;
  max-height:72px !important;
  width:auto !important;
  height:auto !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:inline-block;
  vertical-align:middle;
}

/* Inside avatar containers — fill properly */
.pfp-avatar img,
.nav-user-avatar img,
.dir-avatar img,
.chat-avatar img,
.lb-avatar img,
.com-msg-avatar img,
.com-avatar img,
[class*="avatar"] img[src*="/avatar/"]{
  max-width:none !important;
  max-height:none !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
}

/* Small avatars — nav, list */
.nav-user-avatar img{width:100% !important;height:100% !important}

/* Prevent any standalone avatar image from taking whole page */
body > img[src*="/avatar/"],
.wrap > img[src*="/avatar/"],
.card > img[src*="/avatar/"]:only-child{
  max-width:72px !important;
  max-height:72px !important;
}


/* ═══════════════════════════════════════════════════════════════
   AVATAR — proper circular size
   ═══════════════════════════════════════════════════════════════ */

/* Leaderboard avatar */
.lb-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}

/* Users directory avatar */
.dir-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}

/* Profile avatar */
.pfp-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}

/* Nav avatar */
.nav-user-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}

/* Community chat avatars */
.com-msg-avatar img,
.com-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}

/* Top users (admin) */
.top-user-avatar img,
.user-card-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
}


/* ═══════════════════════════════════════════════════════════════
   FORCE ROUND AVATARS — everything circular, no exceptions
   ═══════════════════════════════════════════════════════════════ */

/* Nav bar avatar — force round */
.topnav a.nav-user-avatar,
.adminnav a.nav-user-avatar,
a.nav-user-avatar{
  display:inline-block !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:2px solid rgba(255,255,255,.35) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.4) !important;
  padding:0 !important;
  margin:0 4px !important;
  background:linear-gradient(135deg,#fbbf24,#d97706) !important;
  flex-shrink:0 !important;
  line-height:0 !important;
}
.nav-user-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
}

/* Leaderboard avatar */
.lb-avatar,
.lb-row .lb-avatar{
  border-radius:50% !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  padding:0 !important;
  line-height:1 !important;
  flex-shrink:0 !important;
}
.lb-row.rank-1 .lb-avatar{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  min-height:56px !important;
  max-height:56px !important;
}
.lb-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
}

/* Users directory avatar */
.dir-avatar{
  border-radius:50% !important;
  overflow:hidden !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  flex-shrink:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
.dir-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
}

/* Profile page avatar */
.pfp-avatar{
  border-radius:50% !important;
  overflow:hidden !important;
  width:96px !important;
  height:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  min-height:96px !important;
  max-height:96px !important;
  flex-shrink:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
.pfp-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
}

/* Community chat avatars */
.com-msg-avatar,
.com-avatar{
  border-radius:50% !important;
  overflow:hidden !important;
  flex-shrink:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
.com-msg-avatar img,
.com-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

/* Chat page avatars */
.chat-avatar,
.chat-peer img{
  border-radius:50% !important;
  overflow:hidden !important;
  padding:0 !important;
}
.chat-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

/* ULTIMATE GLOBAL: Any avatar-class container */
[class*="avatar"]{
  border-radius:50% !important;
  overflow:hidden !important;
  line-height:1 !important;
}
[class*="avatar"] > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
}