/* assets/css/theme.css */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap');

:root {
  /* LIGHT THEME TOKENS (Default) */
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-header: #003d73; /* Tronpick Navy */
  --bg-hero-grad: linear-gradient(135deg, #dfb5cd 0%, #9b6a9c 100%);
  --bg-card: #ffffff;
  --bg-sidebar: #ffffff;
  
  --text-primary: #344767;
  --text-secondary: #67748e;
  --text-inverse: #ffffff;
  --text-header: #ffffff;
  
  --border-color: #e1e1e1;
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-header: 0 2px 4px rgba(0, 0, 0, 0.08);

  /* Brand Colors */
  --color-brand-red: #e63946;
  --color-success: #5cb85c;
  --color-success-hover: #4cae4c;
  --color-warning: #f0ad4e;
  --color-warning-hover: #eea236;
  --color-info: #00a1ff;
  --color-info-hover: #008be5;
  
  --font-primary: 'Heebo', sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  
  --transition-speed: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  /* DARK THEME TOKENS */
  --bg-primary: #0f172a; /* Deep Slate */
  --bg-secondary: #1e293b; 
  --bg-header: #1e293b; /* Dark Navy/Slate */
  --bg-hero-grad: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
  --bg-card: #1e293b;
  --bg-sidebar: #1e293b;
  
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-inverse: #1e293b;
  --text-header: #f8fafc;
  
  --border-color: #334155;
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 10px 15px rgba(0, 0, 0, 0.3);
  --shadow-header: 0 2px 4px rgba(0, 0, 0, 0.3);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
  width: 100%;
}

body {
  font-family: var(--font-primary);
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color var(--transition-speed), color var(--transition-speed);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  padding-top: 70px; /* offset for fixed header */
}

a {
  text-decoration: none;
  color: inherit;
  transition: color var(--transition-speed);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

ul {
  list-style: none;
}

/* ══════════════════════════════════════════════════════════════════
   GLOBAL DARK MODE STYLES FOR CASINO GAMES & DASHBOARD
   ══════════════════════════════════════════════════════════════════ */

/* Main layout background override */
[data-theme="dark"] .main-content,
[data-theme="dark"] main.main-content,
[data-theme="dark"] .dashboard-wrapper {
  background-color: #0f172a !important;
}

/* Game Cards & Containers */
[data-theme="dark"] .dice-game-box,
[data-theme="dark"] .mn-card,
[data-theme="dark"] .sl-card,
[data-theme="dark"] .es-card,
[data-theme="dark"] .lm-card,
[data-theme="dark"] .kn-card,
[data-theme="dark"] .pk-card,
[data-theme="dark"] .rl-card,
[data-theme="dark"] .wh-card,
[data-theme="dark"] .wf-card,
[data-theme="dark"] .td-card,
[data-theme="dark"] .gm-card,
[data-theme="dark"] .eg-card,
[data-theme="dark"] .ck-card,
[data-theme="dark"] .ud-card,
[data-theme="dark"] .game-card,
[data-theme="dark"] .game-box,
[data-theme="dark"] .game-container,
[data-theme="dark"] .game-main-card,
[data-theme="dark"] .td-game-box,
[data-theme="dark"] .td-grid-card,
[data-theme="dark"] .td-ctrl-card,
[data-theme="dark"] .td-history-card,
[data-theme="dark"] .main-content div[style*="border-radius:10px"][style*="box-shadow"],
[data-theme="dark"] .main-content div[style*="border-radius:12px"][style*="box-shadow"],
[data-theme="dark"] .main-content div[style*="border-radius:14px"][style*="box-shadow"] {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

/* Game Titles, Headings, and Back Links */
[data-theme="dark"] .dice-game-box h1,
[data-theme="dark"] .mn-title,
[data-theme="dark"] .sl-title,
[data-theme="dark"] .es-title,
[data-theme="dark"] .lm-title,
[data-theme="dark"] .kn-title,
[data-theme="dark"] .pk-title,
[data-theme="dark"] .rl-title,
[data-theme="dark"] .wh-title,
[data-theme="dark"] .wf-title,
[data-theme="dark"] .td-title,
[data-theme="dark"] .gm-title,
[data-theme="dark"] .eg-title,
[data-theme="dark"] .ck-title,
[data-theme="dark"] .ud-title,
[data-theme="dark"] .mn-header h1,
[data-theme="dark"] .sl-header h1,
[data-theme="dark"] .lm-header h1,
[data-theme="dark"] .main-content h1 {
  color: #f8fafc !important;
}

[data-theme="dark"] .mn-back,
[data-theme="dark"] .sl-back,
[data-theme="dark"] .es-back,
[data-theme="dark"] .lm-back,
[data-theme="dark"] .kn-back,
[data-theme="dark"] .pk-back,
[data-theme="dark"] .rl-back,
[data-theme="dark"] .wh-back,
[data-theme="dark"] .wf-back,
[data-theme="dark"] .gm-back,
[data-theme="dark"] .eg-back,
[data-theme="dark"] .ck-back,
[data-theme="dark"] a[href="/multiply"] {
  color: #94a3b8 !important;
}

/* Rules / Fairness buttons */
[data-theme="dark"] .mn-hbtn,
[data-theme="dark"] .sl-hbtn,
[data-theme="dark"] .es-hbtn,
[data-theme="dark"] .lm-hbtn,
[data-theme="dark"] .kn-hbtn,
[data-theme="dark"] .pk-hbtn,
[data-theme="dark"] .rl-hbtn,
[data-theme="dark"] .wh-hbtn,
[data-theme="dark"] .wf-hbtn,
[data-theme="dark"] .td-hbtn,
[data-theme="dark"] .gm-hbtn,
[data-theme="dark"] .eg-hbtn,
[data-theme="dark"] .ck-hbtn,
[data-theme="dark"] .ud-hbtn,
[data-theme="dark"] a[onclick*="rules-modal"],
[data-theme="dark"] a[onclick*="fairness-modal"] {
  background: #253349 !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}
[data-theme="dark"] .mn-hbtn:hover,
[data-theme="dark"] .sl-hbtn:hover,
[data-theme="dark"] .lm-hbtn:hover,
[data-theme="dark"] a[onclick*="rules-modal"]:hover,
[data-theme="dark"] a[onclick*="fairness-modal"]:hover {
  background: #334155 !important;
  color: #fff !important;
}

/* All Generic & Game Input Wrappers & Icon Addons */
[data-theme="dark"] .td-input-wrap,
[data-theme="dark"] .wf-input-wrap,
[data-theme="dark"] .wf-bet-field,
[data-theme="dark"] .rl-input-wrap,
[data-theme="dark"] .rl-total-bet-val,
[data-theme="dark"] .sl-input-wrap,
[data-theme="dark"] .es-input-wrap,
[data-theme="dark"] .kn-input-wrap,
[data-theme="dark"] .kn-bet-field,
[data-theme="dark"] .mn-input-wrap,
[data-theme="dark"] .mn-stop-row,
[data-theme="dark"] .mn-pct-wrap,
[data-theme="dark"] .lm-input-wrap,
[data-theme="dark"] .lm-ap-val,
[data-theme="dark"] .pk-input-wrap,
[data-theme="dark"] .gm-input-wrap,
[data-theme="dark"] .gm-bet-input-wrap,
[data-theme="dark"] .eg-input-wrap,
[data-theme="dark"] .ck-input-wrap,
[data-theme="dark"] div[style*="height:44px"][style*="border:1px solid"],
[data-theme="dark"] div[style*="height: 44px"][style*="border: 1px solid"],
[data-theme="dark"] div[style*="height:40px"][style*="border:1px solid"],
[data-theme="dark"] div[style*="height:48px"][style*="border:1px solid"],
[data-theme="dark"] div[style*="height:46px"][style*="border"] {
  background: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .td-input-icon,
[data-theme="dark"] .wf-input-icon,
[data-theme="dark"] .wf-bet-prefix,
[data-theme="dark"] .rl-input-icon,
[data-theme="dark"] .sl-input-icon,
[data-theme="dark"] .kn-input-icon,
[data-theme="dark"] .kn-bet-icon,
[data-theme="dark"] .mn-input-icon,
[data-theme="dark"] .lm-input-icon,
[data-theme="dark"] .lm-pfx,
[data-theme="dark"] .lm-sfx,
[data-theme="dark"] .pk-input-icon,
[data-theme="dark"] .gm-input-icon,
[data-theme="dark"] .eg-input-icon,
[data-theme="dark"] .ck-input-icon,
[data-theme="dark"] div[style*="background:#f9f9f9"][style*="border-right"],
[data-theme="dark"] div[style*="background: #f9f9f9"][style*="border-right"] {
  background-color: #253349 !important;
  border-right-color: #334155 !important;
  border-left-color: #334155 !important;
}

/* Secondary Panels, Parameters Rows & Stat Boxes */
[data-theme="dark"] .dice-params-row,
[data-theme="dark"] #auto-bet-panel,
[data-theme="dark"] .mn-control-box,
[data-theme="dark"] .mn-controls-wrapper,
[data-theme="dark"] .mn-auto-panel,
[data-theme="dark"] .sl-controls,
[data-theme="dark"] .es-controls,
[data-theme="dark"] .lm-controls,
[data-theme="dark"] .lm-ap,
[data-theme="dark"] .kn-controls,
[data-theme="dark"] .pk-controls,
[data-theme="dark"] .rl-controls,
[data-theme="dark"] .wh-controls,
[data-theme="dark"] .wf-controls,
[data-theme="dark"] .wf-stat-box,
[data-theme="dark"] .wf-auto-panel,
[data-theme="dark"] .kn-mult-box,
[data-theme="dark"] .kn-mult-wrap,
[data-theme="dark"] .kn-multiplier-box,
[data-theme="dark"] .kn-multi-box,
[data-theme="dark"] .rl-history-bar,
[data-theme="dark"] .rl-stat-box,
[data-theme="dark"] .sl-machine,
[data-theme="dark"] .sl-display,
[data-theme="dark"] .sl-reel-box,
[data-theme="dark"] .es-machine,
[data-theme="dark"] .es-display,
[data-theme="dark"] div[style*="background:#f8f9fa"],
[data-theme="dark"] div[style*="background: #f8f9fa"],
[data-theme="dark"] div[style*="background:#fafafa"],
[data-theme="dark"] div[style*="background: #fafafa"] {
  background-color: #253349 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

/* Labels and Subtext */
[data-theme="dark"] .sl-label,
[data-theme="dark"] .sl-auto-label,
[data-theme="dark"] .lm-lbl,
[data-theme="dark"] .lm-ap-lbl,
[data-theme="dark"] .lm-ap-strat,
[data-theme="dark"] .kn-radio-label,
[data-theme="dark"] .kn-mult-cell,
[data-theme="dark"] .mn-ap-label,
[data-theme="dark"] .gm-risk-label,
[data-theme="dark"] .rl-total-bet-label {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .kn-mult-cell {
  border-color: #334155 !important;
}
[data-theme="dark"] .kn-radio-circle {
  background: #1e293b !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .gm-radio-custom {
  background: #1e293b !important;
  border-color: #475569 !important;
}

/* Slots Grid & Cells in Dark Mode */
[data-theme="dark"] .sl-grid {
  background: #151f30 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .sl-cell {
  background: #1e293b !important;
  color: #f8fafc !important;
}

/* All Form Inputs & Textareas */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  color: #f8fafc !important;
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

/* Inputs placed inside framed input wrappers become transparent with crisp text */
[data-theme="dark"] div[class*="-input-wrap"] input,
[data-theme="dark"] div[class*="-field"] input,
[data-theme="dark"] div[style*="border:1px solid"] input,
[data-theme="dark"] div[style*="border: 1px solid"] input {
  background-color: transparent !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Profit Inputs retain crisp Green text */
[data-theme="dark"] input[id*="profit"],
[data-theme="dark"] .td-profit-input,
[data-theme="dark"] input#dice-profit {
  color: #5cb85c !important;
  -webkit-text-fill-color: #5cb85c !important;
}

/* Ultimate Dice slider & parameter elements */
[data-theme="dark"] input#dice-multiplier,
[data-theme="dark"] input#dice-chance,
[data-theme="dark"] input#dice-target,
[data-theme="dark"] input#dice-low,
[data-theme="dark"] input#dice-high,
[data-theme="dark"] input#dice-target-low,
[data-theme="dark"] input#dice-target-high,
[data-theme="dark"] input#target-low,
[data-theme="dark"] input#target-high,
[data-theme="dark"] input#slider-low-input,
[data-theme="dark"] input#slider-high-input {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Slider Track Pill Container */
[data-theme="dark"] div[style*="border-radius:50px"],
[data-theme="dark"] div[style*="border-radius:30px"],
[data-theme="dark"] div[style*="border-radius: 30px"],
[data-theme="dark"] .dice-game-box div[style*="border-radius:50px"],
[data-theme="dark"] div[style*="border-radius: 50px"] {
  background-color: #253349 !important;
  border-color: #334155 !important;
}

/* Keno Grid & Multipliers */
[data-theme="dark"] .kn-tile {
  background: #253349 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] .kn-tile:hover {
  background: #2d3e58 !important;
}
[data-theme="dark"] .kn-mult-box,
[data-theme="dark"] div[style*="Select 1-10 numbers"],
[data-theme="dark"] .kn-multipliers {
  background: #253349 !important;
  border: 1px solid #334155 !important;
  color: #cbd5e1 !important;
}
[data-theme="dark"] .kn-mult-item {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

/* Mines Grid */
[data-theme="dark"] .mn-cell {
  background: #253349 !important;
  border-color: #334155 !important;
  box-shadow: 0 3px 0 #151f30 !important;
}
[data-theme="dark"] .mn-cell:hover:not(.revealed-gem):not(.revealed-bomb):not(.mn-cell-disabled) {
  background: #2d3e58 !important;
  box-shadow: 0 5px 0 #151f30 !important;
}

/* Plinko Canvas and Controls */
[data-theme="dark"] .pk-canvas-wrap,
[data-theme="dark"] .pk-board {
  background: #1e293b !important;
  border-color: #334155 !important;
}

/* Limbo Display */
[data-theme="dark"] .lm-display {
  background: #151f30 !important;
  border-color: #334155 !important;
}

/* Slots Reels & Frames */
[data-theme="dark"] .sl-reel,
[data-theme="dark"] .sl-reel-box,
[data-theme="dark"] .es-reel {
  background: #151f30 !important;
  border-color: #334155 !important;
}

/* Bets History Table (MY BETS / ALL BETS) */
[data-theme="dark"] .td-history-card,
[data-theme="dark"] .wf-history-card,
[data-theme="dark"] .rl-history-card,
[data-theme="dark"] .sl-history-card,
[data-theme="dark"] .es-history-card,
[data-theme="dark"] .kn-history-card,
[data-theme="dark"] .mn-history-card,
[data-theme="dark"] .lm-history-card,
[data-theme="dark"] .pk-history-card,
[data-theme="dark"] .gm-history-card,
[data-theme="dark"] .eg-history-card,
[data-theme="dark"] .ck-history-card,
[data-theme="dark"] div[style*="box-shadow:0 2px 15px rgba(0,0,0,0.08)"],
[data-theme="dark"] div[style*="box-shadow: 0 2px 15px rgba(0,0,0,0.08)"] {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] .d-tab,
[data-theme="dark"] .wf-tab,
[data-theme="dark"] .rl-tab,
[data-theme="dark"] .sl-tab,
[data-theme="dark"] .es-tab,
[data-theme="dark"] .kn-tab,
[data-theme="dark"] .mn-tab,
[data-theme="dark"] .lm-tab,
[data-theme="dark"] .pk-tab,
[data-theme="dark"] .gm-tab,
[data-theme="dark"] .eg-tab,
[data-theme="dark"] .ck-tab {
  color: #94a3b8 !important;
}
[data-theme="dark"] .d-tab.active,
[data-theme="dark"] .wf-tab.active,
[data-theme="dark"] .rl-tab.active,
[data-theme="dark"] .sl-tab.active,
[data-theme="dark"] .es-tab.active,
[data-theme="dark"] .kn-tab.active,
[data-theme="dark"] .mn-tab.active,
[data-theme="dark"] .lm-tab.active,
[data-theme="dark"] .pk-tab.active,
[data-theme="dark"] .gm-tab.active,
[data-theme="dark"] .eg-tab.active,
[data-theme="dark"] .ck-tab.active {
  color: #5bc8f5 !important;
  border-bottom-color: #5bc8f5 !important;
}

[data-theme="dark"] table thead tr {
  background: #253349 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] table th {
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] table td {
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] table tbody tr:hover {
  background: #253349 !important;
}
[data-theme="dark"] tbody[id*="bets-tbody"] tr,
[data-theme="dark"] table tr[style*="border-bottom"] {
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] tbody[id*="bets-tbody"] td,
[data-theme="dark"] table td {
  color: #cbd5e1 !important;
}
[data-theme="dark"] tbody[id*="bets-tbody"] td span[onclick*="openBetInfo"] {
  color: #f8fafc !important;
}

/* Popups & Modals (Rules, Fairness, Bet Info, Stats) */
[data-theme="dark"] div[id*="modal"] > div,
[data-theme="dark"] div[id*="modal"] .modal-content,
[data-theme="dark"] .rules-modal-box,
[data-theme="dark"] .fairness-modal-box,
[data-theme="dark"] .mn-modal-box,
[data-theme="dark"] .sl-modal,
[data-theme="dark"] .rl-modal,
[data-theme="dark"] .wf-modal,
[data-theme="dark"] .lm-modal {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] div[id*="modal"] div[style*="border-bottom"],
[data-theme="dark"] div[id*="modal"] div[style*="border-top"],
[data-theme="dark"] .mn-modal-head,
[data-theme="dark"] .sl-modal-header,
[data-theme="dark"] .rl-modal-hd,
[data-theme="dark"] .wf-modal-hd {
  background: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] div[id*="modal"] h1,
[data-theme="dark"] div[id*="modal"] h2,
[data-theme="dark"] div[id*="modal"] h3,
[data-theme="dark"] div[id*="modal"] h4,
[data-theme="dark"] .mn-modal-head h4,
[data-theme="dark"] .sl-modal-title,
[data-theme="dark"] .rl-modal-hd h3,
[data-theme="dark"] .wf-modal-hd h3 {
  color: #f8fafc !important;
}

[data-theme="dark"] div[id*="modal"] p,
[data-theme="dark"] div[id*="modal"] li,
[data-theme="dark"] div[id*="modal"] label,
[data-theme="dark"] .mn-modal-body,
[data-theme="dark"] .rl-modal-body,
[data-theme="dark"] .wf-modal-body {
  color: #cbd5e1 !important;
}

/* Modal Input Wrappers & Seed Boxes */
[data-theme="dark"] div[id*="modal"] div[style*="border:1px solid"],
[data-theme="dark"] div[id*="modal"] div[style*="border: 1px solid"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#fafafa"],
[data-theme="dark"] div[id*="modal"] div[style*="background: #fafafa"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#fff"],
[data-theme="dark"] div[id*="modal"] div[style*="background: #fff"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#ffffff"],
[data-theme="dark"] div[id*="modal"] div[style*="background: #ffffff"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#f8f9fb"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#f9f9f9"],
[data-theme="dark"] div[id*="modal"] div[style*="background: #f9f9f9"],
[data-theme="dark"] div[id*="modal"] div[style*="background:#f6f8fa"],
[data-theme="dark"] div[id*="modal"] div[style*="background: #f6f8fa"],
[data-theme="dark"] .rl-seed-field,
[data-theme="dark"] .wf-seed-field {
  background-color: #253349 !important;
  border-color: #334155 !important;
}

/* Modal Icon Addon boxes on left of inputs */
[data-theme="dark"] div[id*="modal"] div[style*="border-right"],
[data-theme="dark"] .rl-seed-icon,
[data-theme="dark"] .wf-seed-icon {
  background-color: #1e293b !important;
  border-right-color: #334155 !important;
  color: #94a3b8 !important;
}

/* Inputs and text inside Modals */
[data-theme="dark"] div[id*="modal"] input,
[data-theme="dark"] div[id*="modal"] input[type="text"],
[data-theme="dark"] div[id*="modal"] input[type="number"],
[data-theme="dark"] div[id*="modal"] input[readonly],
[data-theme="dark"] .rl-seed-field input,
[data-theme="dark"] .wf-seed-field input {
  background-color: transparent !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Bet Info Modal specific boxes */
[data-theme="dark"] #bi-placed-by {
  color: #5bc8f5 !important;
}
[data-theme="dark"] #bi-bet,
[data-theme="dark"] #bi-multi,
[data-theme="dark"] #bi-profit,
[data-theme="dark"] #bi-nonce,
[data-theme="dark"] #bi-server-seed,
[data-theme="dark"] #bi-server-hash,
[data-theme="dark"] #bi-client-seed {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

[data-theme="dark"] #bi-track {
  background-color: #151f30 !important;
}

/* Faucet Tabs in Dark Mode */
[data-theme="dark"] #faucet-tabs {
  background: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] #faucet-tabs .faucet-tab.active {
  background: #253349 !important;
  color: #f8fafc !important;
}

/* Header & Dropdown Dark Mode Overrides */
[data-theme="dark"] .lp-hd {
  background: #002d5c !important;
  border-bottom: 1px solid #002244 !important;
}
[data-theme="dark"] .bal-trigger {
  background: #091b34 !important;
  color: #f8fafc !important;
  border: 1px solid #1e3a5f !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
[data-theme="dark"] .bal-trigger .bal-arrow {
  color: #94a3b8 !important;
}
[data-theme="dark"] .hdr-dropdown {
  background: #091b34 !important;
  border: 1px solid #1e3a5f !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
  color: #f8fafc !important;
}
[data-theme="dark"] .prof-user-row {
  border-bottom: 1px solid #1e3a5f !important;
}
[data-theme="dark"] .prof-user-name {
  color: #f8fafc !important;
}
[data-theme="dark"] .prof-user-email {
  color: #94a3b8 !important;
}
[data-theme="dark"] .prof-menu-item {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .prof-menu-item:hover {
  background: #13273e !important;
  color: #fff !important;
}
[data-theme="dark"] .prof-menu-item .pmi-icon {
  color: #94a3b8 !important;
}
[data-theme="dark"] .prof-menu-divider {
  background: #1e3a5f !important;
}
[data-theme="dark"] .dm-toggle-label {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .dm-toggle-label .pmi-icon {
  color: #94a3b8 !important;
}
[data-theme="dark"] .bal-row {
  border-top: 1px solid #1e3a5f !important;
}
[data-theme="dark"] .bal-row-info .bal-row-label {
  color: #94a3b8 !important;
}
[data-theme="dark"] .bal-row-info .bal-row-value {
  color: #f8fafc !important;
}
[data-theme="dark"] .bal-claim-btn {
  background: #1e3a5f !important;
  color: #f8fafc !important;
}
[data-theme="dark"] #bell-dropdown {
  background: #091b34 !important;
  border: 1px solid #1e3a5f !important;
}
[data-theme="dark"] #bell-dropdown > div:first-child {
  background: #0d2240 !important;
  border-bottom: 1px solid #1e3a5f !important;
  color: #f8fafc !important;
}
[data-theme="dark"] [class^="notification-card-"] {
  background: #13273e !important;
  border: 1px solid #1e3a5f !important;
}