/* ══ Dark Mode ══ */
[data-theme="dark"] {
  --primary:#60a5fa;--primary-dark:#3b82f6;--primary-light:#93c5fd;
  --secondary:#94a3b8;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;
  --bg:#0f172a;--card:#1e293b;--border:#334155;
  --text:#f1f5f9;--text-light:#94a3b8;--text-lighter:#64748b;
  --sidebar-bg:#1e293b;--sidebar-hover:#334155;
  --shadow-sm:0 1px 2px rgba(0,0,0,.2);
  --shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.2);
  color-scheme: dark;
}

[data-theme="dark"] body { background:var(--bg); color:var(--text); }
[data-theme="dark"] .navbar { background:rgba(30,41,59,.9); border-color:var(--border); }
[data-theme="dark"] .navbar .logo { color:var(--text); }
[data-theme="dark"] th { background:#1e293b; color:var(--text-light); }
[data-theme="dark"] tr:hover td { background:rgba(96,165,250,.04); }
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea { background:#1e293b; border-color:var(--border); color:var(--text); }
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder { color:var(--text-lighter); }
[data-theme="dark"] .btn-secondary { background:var(--sidebar-hover); color:var(--text); border-color:var(--border); }
[data-theme="dark"] .mobile-sidebar { background:#1e293b; }
[data-theme="dark"] .sb-close-btn { background:var(--sidebar-hover); color:var(--text-light); }
[data-theme="dark"] .sb-close-btn:hover { background:rgba(248,113,113,.15); color:#f87171; }
[data-theme="dark"] .mobile-balance-btn { background:rgba(96,165,250,.12); color:#93c5fd; }
[data-theme="dark"] .mobile-balance-btn:hover { background:rgba(96,165,250,.2); }
[data-theme="dark"] .sb-wallet-card { background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 60%,#3b82f6 100%); }
[data-theme="dark"] .sb-wallet-btn { background:rgba(255,255,255,.15); color:#93c5fd; }
[data-theme="dark"] .sb-wallet-btn:hover { background:rgba(255,255,255,.25); }
[data-theme="dark"] .logo-upload-area { background:#1e293b; border-color:var(--border); }
[data-theme="dark"] .logo-upload-area:hover { border-color:var(--primary); background:rgba(96,165,250,.06); }

/* Settings card in dark */
[data-theme="dark"] .settings-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background: #f8fafc"] { background:#0f172a !important; }
[data-theme="dark"] [style*="background:#eff6ff"] { background:rgba(96,165,250,.08) !important; }

/* Dashboard welcome in dark */
[data-theme="dark"] .dash-welcome { background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#2563eb 100%); }
[data-theme="dark"] .dash-stat-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .dash-stat-card:hover { box-shadow:var(--shadow-md); }
[data-theme="dark"] .dash-stat-icon[style*="background:#dbeafe"] { background:rgba(96,165,250,.15) !important; }
[data-theme="dark"] .dash-stat-icon[style*="background:#dcfce7"] { background:rgba(74,222,128,.12) !important; }
[data-theme="dark"] .dash-stat-icon[style*="background:#fef3c7"] { background:rgba(251,191,36,.12) !important; }
[data-theme="dark"] .dash-stat-icon[style*="background:#fce7f3"] { background:rgba(248,113,113,.12) !important; }
[data-theme="dark"] .dash-action-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .dash-action-card:hover { border-color:var(--primary); }
[data-theme="dark"] .dash-orders-table { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .dash-orders-table th { background:#0f172a; border-color:var(--border); }
[data-theme="dark"] .dash-orders-table td { border-color:var(--border); }
[data-theme="dark"] .dash-orders-table tr:hover { background:rgba(96,165,250,.04); }
[data-theme="dark"] .dash-order-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .dash-empty { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .vip-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .vip-tier { background:#0f172a; border-color:var(--border); }
[data-theme="dark"] .vip-progress-bar { background:#334155; }

/* Badges in dark */
[data-theme="dark"] .badge-pending { background:rgba(251,191,36,.15); color:#fbbf24; }
[data-theme="dark"] .badge-processing { background:rgba(96,165,250,.15); color:#93c5fd; }
[data-theme="dark"] .badge-completed { background:rgba(74,222,128,.12); color:#4ade80; }
[data-theme="dark"] .badge-cancelled { background:rgba(248,113,113,.12); color:#f87171; }

/* Alerts in dark */
[data-theme="dark"] .alert-success { background:rgba(74,222,128,.1); color:#4ade80; border-color:rgba(74,222,128,.2); }
[data-theme="dark"] .alert-error { background:rgba(248,113,113,.1); color:#f87171; border-color:rgba(248,113,113,.2); }
[data-theme="dark"] .alert-warning { background:rgba(251,191,36,.1); color:#fbbf24; border-color:rgba(251,191,36,.2); }
[data-theme="dark"] .alert-info { background:rgba(96,165,250,.1); color:#93c5fd; border-color:rgba(96,165,250,.2); }

/* SMM in dark */
[data-theme="dark"] .smm-cat-btn { background:var(--card); border-color:var(--border); color:var(--text-light); }
[data-theme="dark"] .smm-cat-btn:hover { border-color:var(--primary); color:var(--primary); }
[data-theme="dark"] .smm-cat-btn.active { background:var(--primary); color:#fff; border-color:var(--primary); }
[data-theme="dark"] .smm-service-item { border-color:var(--border); }
[data-theme="dark"] .smm-service-item:hover { background:rgba(96,165,250,.05); }
[data-theme="dark"] .smm-service-item.active { background:rgba(96,165,250,.08); }

/* Select items (numbers) */
[data-theme="dark"] .select-item { background:var(--card); border-color:var(--border); color:var(--text); }
[data-theme="dark"] .select-item:hover { background:rgba(96,165,250,.06); border-color:rgba(96,165,250,.3); }
[data-theme="dark"] .select-item.active { background:rgba(96,165,250,.1); border-color:var(--primary); }

/* Games in dark */
[data-theme="dark"] .game-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .game-card:hover { border-color:var(--primary); }
[data-theme="dark"] .pkg-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .pkg-card:hover { background:rgba(96,165,250,.06); border-color:var(--primary); }
[data-theme="dark"] .pkg-card.selected { background:rgba(96,165,250,.1); border-color:var(--primary); }
[data-theme="dark"] .pkg-disabled:hover { border-color:var(--border) !important; background:var(--card) !important; }

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-thumb { background:var(--border); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background:var(--text-lighter); }

/* ── Dark Mode Toggle Button ── */
.theme-toggle {
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:10px;
  background:transparent;border:none;cursor:pointer;
  color:var(--text-light);transition:all .3s ease;
  position:relative;overflow:hidden;
}
.theme-toggle:hover { background:var(--sidebar-hover); color:var(--text); }
.theme-toggle .icon-sun,
.theme-toggle .icon-moon { transition:all .4s cubic-bezier(.4,0,.2,1); position:absolute; }
.theme-toggle .icon-sun { opacity:1; transform:rotate(0deg) scale(1); }
.theme-toggle .icon-moon { opacity:0; transform:rotate(-90deg) scale(0.5); }
[data-theme="dark"] .theme-toggle .icon-sun { opacity:0; transform:rotate(90deg) scale(0.5); }
[data-theme="dark"] .theme-toggle .icon-moon { opacity:1; transform:rotate(0deg) scale(1); }

/* Landing page dark fixes */
[data-theme="dark"] .landing-nav.scrolled { background:rgba(30,41,59,.92); border-color:var(--border); }
[data-theme="dark"] .landing-nav.scrolled .logo { color:var(--text); }
[data-theme="dark"] .landing-nav.scrolled .nav-link { color:var(--text-light); }
[data-theme="dark"] .service-card { background:var(--card); border-color:var(--border); }
[data-theme="dark"] .service-card:hover { border-color:var(--primary); }
[data-theme="dark"] .feature-item .f-icon { opacity:.9; }
[data-theme="dark"] .landing-footer { background:#020617; }

/* ══ Global Dark Overrides for Hardcoded Inline Styles ══ */

/* Fix hardcoded #fff backgrounds (white on white issue) */
[data-theme="dark"] select[style*="background:#fff"],
[data-theme="dark"] input[style*="background:#fff"],
[data-theme="dark"] textarea[style*="background:#fff"],
[data-theme="dark"] div[style*="background:#fff"],
[data-theme="dark"] span[style*="background:#fff"],
[data-theme="dark"] td[style*="background:#fff"],
[data-theme="dark"] th[style*="background:#fff"],
[data-theme="dark"] section[style*="background:#fff"],
[data-theme="dark"] form[style*="background:#fff"] {
  background:var(--card) !important;
  color:var(--text) !important;
}
[data-theme="dark"] select[style*="background: #fff"],
[data-theme="dark"] input[style*="background: #fff"],
[data-theme="dark"] textarea[style*="background: #fff"],
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] span[style*="background: #fff"] {
  background:var(--card) !important;
  color:var(--text) !important;
}

/* Fix hardcoded #f1f5f9 backgrounds (very low contrast in dark) */
[data-theme="dark"] [style*="background:#f1f5f9"] { background:var(--bg) !important; }
[data-theme="dark"] [style*="background: #f1f5f9"] { background:var(--bg) !important; }

/* Fix hardcoded #e2e8f0 backgrounds */
[data-theme="dark"] [style*="background:#e2e8f0"] { background:var(--border) !important; }
[data-theme="dark"] [style*="background: #e2e8f0"] { background:var(--border) !important; }

/* Fix hardcoded text colors that conflict in dark mode */
[data-theme="dark"] [style*="color:#0f172a"] { color:var(--text) !important; }
[data-theme="dark"] [style*="color: #0f172a"] { color:var(--text) !important; }
[data-theme="dark"] [style*="color:#1e293b"] { color:var(--text) !important; }
[data-theme="dark"] [style*="color:#334155"] { color:var(--text-light) !important; }
[data-theme="dark"] [style*="color:#3c4043"] { color:var(--text) !important; }

/* Fix hardcoded #f8fafc with gradient (doesn't match attribute selector) */
[data-theme="dark"] [style*="linear-gradient"][style*="#f8fafc"] { background:var(--card) !important; }
[data-theme="dark"] [style*="linear-gradient"][style*="#f1f5f9"] { background:var(--card) !important; }

/* Fix hardcoded border colors */
[data-theme="dark"] [style*="border-color:#e2e8f0"] { border-color:var(--border) !important; }
[data-theme="dark"] [style*="border:1px solid #e2e8f0"] { border-color:var(--border) !important; }
[data-theme="dark"] [style*="border:1px solid #bfdbfe"] { border-color:var(--border) !important; }

/* Protect intentional white elements (PWA buttons, toggles, etc.) */
[data-theme="dark"] #pwa-install-banner button[style*="background:#fff"],
[data-theme="dark"] #pwa-install-banner img[style*="background:#fff"] {
  background:#fff !important;
  color:#2563eb !important;
}

/* Modal overlays in dark */
[data-theme="dark"] [style*="background:rgba(0,0,0"] { background:rgba(0,0,0,.7) !important; }

/* Code blocks */
[data-theme="dark"] code[style*="background:#e2e8f0"],
[data-theme="dark"] code[style*="background:#f1f5f9"] { background:#334155 !important; color:#e2e8f0 !important; }