/* ===================================================================
   LIVE MONEY — SISTEMA GLOBAL DE TEMAS VISUAIS DE ALTA FIDELIDADE
   Suporta 13 temas:
   - clean (Clássico Branco & Preto / Minimalista Clean Studio)
   - saasdark (Classic SaaS Dark / Vercel & Linear Slate)
   - pitchblack (OLED Pitch Black / Preto Absoluto #000000)
   - emerald (Emerald Arena VIP - Verde Neon Estádio)
   - neon (Cyber Velocity - Azul Cyan Elétrico)
   - crimson (Crimson Apex - Vermelho Carbono)
   - red (Ferrari Racing Red - Vermelho Puro F1)
   - violet (Royal Amethyst - Roxo Cyberpunk)
   - orange (Solar Amber - Laranja Sunset)
   - gold (Cyber Gold - Amarelo Ouro Neon)
   - rose (Hyper Magenta - Rosa & Pink Neon)
   - lime (Acid Lime - Verde Limão Fluorescente)
   - sapphire (Ocean Sapphire - Azul Cobalto Safira)
   =================================================================== */

/* TEMA DEFAULT: CYBER VELOCITY (NEON) */
:root {
  --theme-bg: #060911;
  --theme-surface: #0b111e;
  --theme-surface-hover: #10192b;
  --theme-surface-subtle: #0d1524;
  --theme-border: #1a2538;
  --theme-border-active: #38bdf8;
  --theme-primary: #38bdf8;
  --theme-primary-hover: #0ea5e9;
  --theme-primary-glow: rgba(56, 189, 248, 0.35);
  --theme-secondary: #00f0ff;
  --theme-text-title: #ffffff;
  --theme-text-body: #e2e8f0;
  --theme-text-muted: #94a3b8;
  --theme-badge-bg: rgba(56, 189, 248, 0.15);
  --theme-badge-border: rgba(56, 189, 248, 0.4);
  --theme-badge-text: #38bdf8;
  --theme-btn-text: #040914;
  --theme-card-bg: #0b111e;
}

/* ===================================================================
   1. TEMA: CLÁSSICO CLEAN (BRANCO & PRETO / MINIMALISTA HIGH-END)
   =================================================================== */
html[data-theme="clean"], body[data-theme="clean"] {
  --theme-bg: #f8fafc;
  --theme-surface: #ffffff;
  --theme-surface-hover: #f1f5f9;
  --theme-surface-subtle: #f8fafc;
  --theme-border: #e2e8f0;
  --theme-border-active: #0f172a;
  --theme-primary: #0f172a;
  --theme-primary-hover: #1e293b;
  --theme-primary-glow: rgba(15, 23, 42, 0.2);
  --theme-secondary: #2563eb;
  --theme-text-title: #0f172a;
  --theme-text-body: #1e293b;
  --theme-text-muted: #64748b;
  --theme-badge-bg: #f1f5f9;
  --theme-badge-border: #cbd5e1;
  --theme-badge-text: #0f172a;
  --theme-btn-text: #ffffff;
  --theme-card-bg: #ffffff;

  --bg: #f8fafc !important;
  --card-bg: #ffffff !important;
  --border: #e2e8f0 !important;
  --primary: #0f172a !important;
  --primary-glow: rgba(15, 23, 42, 0.15) !important;
  --card-glow: rgba(0, 0, 0, 0.05) !important;
  --accent: #2563eb !important;
}

/* OVERRIDES ESPECÍFICOS DE MODO CLARO (CLEAN BRANCO & PRETO / SLATE) */
html[data-theme="clean"] .telemetry-card-box,
html[data-theme="clean"] .plan-summary-box,
html[data-theme="clean"] .info-feature-box {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #1e293b !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="clean"] .telemetry-station-pill {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .telemetry-station-pill .station-name {
  color: #64748b !important;
}

html[data-theme="clean"] .plan-summary-box h3,
html[data-theme="clean"] .telemetry-card-box h4 {
  color: #0f172a !important;
}
html[data-theme="clean"] {
  background-color: #eef2f6 !important;
  background-image: none !important;
  color: #0f172a !important;
}

html[data-theme="clean"] body {
  background-color: #eef2f6 !important;
  background-image: none !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .league-bar,
html[data-theme="clean"] .stadiums-panel,
html[data-theme="clean"] .league-card,
html[data-theme="clean"] .game-row {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .game-row:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="clean"] .team-line,
html[data-theme="clean"] .team-line-single,
html[data-theme="clean"] .league-title,
html[data-theme="clean"] .match-title,
html[data-theme="clean"] h1, 
html[data-theme="clean"] h2, 
html[data-theme="clean"] h3, 
html[data-theme="clean"] h4,
html[data-theme="clean"] strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="clean"] .adm-theme-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="clean"] .brand-name,
html[data-theme="clean"] #checkoutBrandName {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="clean"] .brand-tag {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="clean"] .game-clock {
  color: #334155 !important;
  font-weight: 800 !important;
}

html[data-theme="clean"] .mode-nav,
html[data-theme="clean"] .status-tabs {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="clean"] .mode-btn,
html[data-theme="clean"] .tab-btn,
html[data-theme="clean"] .sport-pill {
  color: #475569 !important;
}

html[data-theme="clean"] .mode-btn.active,
html[data-theme="clean"] .mode-btn.active span,
html[data-theme="clean"] .tab-btn.active,
html[data-theme="clean"] .sport-pill.active {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

html[data-theme="clean"] .tab-btn.active-live {
  background: #ff1a53 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(255, 26, 83, 0.3) !important;
}

html[data-theme="clean"] .tab-btn.active-pre {
  background: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3) !important;
}

html[data-theme="clean"] .tab-btn.active-fav {
  background: #f59e0b !important;
  color: #000000 !important;
}

html[data-theme="clean"] .tab-btn.active-all {
  background: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="clean"] .btn-header-link {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="clean"] .latency-pill {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #16a34a !important;
}

html[data-theme="clean"] #sideContentGames,
html[data-theme="clean"] #sideContentChat,
html[data-theme="clean"] #watchChatSidebar,
html[data-theme="clean"] .watch-chat-drawer {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .watch-chat-header {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="clean"] .watch-chat-title {
  color: #0f172a !important;
}

html[data-theme="clean"] .watch-chat-feed {
  background: #ffffff !important;
}

html[data-theme="clean"] .watch-chat-form {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="clean"] .watch-chat-input {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .chat-msg-row {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="clean"] .chat-msg-text,
html[data-theme="clean"] .chat-msg-body {
  color: #1e293b !important;
}

html[data-theme="clean"] .chat-msg-sender,
html[data-theme="clean"] .chat-msg-user {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="clean"] .chat-msg-time {
  color: #64748b !important;
}

/* OVERRIDES CONTROLES DO PLAYER CLEAN */
html[data-theme="clean"] .player-header {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="clean"] .player-header .match-title {
  color: #0f172a !important;
}

html[data-theme="clean"] .btn-tool {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .btn-tool:hover {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
}

/* OVERRIDES AFILIADOS CLEAN */
html[data-theme="clean"] .btn-outline {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .btn-outline:hover {
  background: #f1f5f9 !important;
  border-color: #0f172a !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .referral-banner {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="clean"] .referral-title {
  color: #0f172a !important;
}

html[data-theme="clean"] .referral-input {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .modal-content {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="clean"] .form-group label {
  color: #475569 !important;
}

html[data-theme="clean"] .form-group input,
html[data-theme="clean"] .form-group select {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .form-group input:focus,
html[data-theme="clean"] .form-group select:focus {
  border-color: #0f172a !important;
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="clean"] .saas-modal-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12) !important;
}

/* OVERRIDES DROPDOWN CONTEXTO DE ASSINATURA CLEAN */
html[data-theme="clean"] .plan-context-dropdown {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16) !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .plan-context-dropdown .plan-context-title,
html[data-theme="clean"] .plan-context-dropdown strong.plan-context-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="clean"] .plan-context-dropdown .plan-label,
html[data-theme="clean"] .plan-context-dropdown span {
  color: #64748b !important;
}

html[data-theme="clean"] .plan-context-dropdown .plan-val-name,
html[data-theme="clean"] .plan-context-dropdown strong.plan-val-name {
  color: #0284c7 !important;
  -webkit-text-fill-color: #0284c7 !important;
}

html[data-theme="clean"] .plan-context-dropdown .plan-val-date,
html[data-theme="clean"] .plan-context-dropdown strong.plan-val-date {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="clean"] .plan-context-dropdown .plan-expiry-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

/* Regra global para dropdown de contexto de assinatura em temas escuros */
.plan-context-dropdown .plan-context-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.plan-context-dropdown .plan-val-name {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}
.plan-context-dropdown .plan-val-date {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* OVERRIDES NAV & TOPBAR CLEAN */
html[data-theme="clean"] header,
html[data-theme="clean"] .topbar,
html[data-theme="clean"] .header-nav {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid #dbe2ea !important;
}

html[data-theme="clean"] .nav-links a {
  color: #475569 !important;
}

html[data-theme="clean"] .nav-links a:hover {
  color: #0f172a !important;
}

html[data-theme="clean"] .kpi-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="clean"] .kpi-label {
  color: #64748b !important;
}

html[data-theme="clean"] .section-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="clean"] .admin-tabs {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="clean"] .admin-tabs .tab-btn {
  color: #475569 !important;
}

html[data-theme="clean"] .admin-tabs .tab-btn.active {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* OVERRIDES MULTI-TELAS NO TEMA CLARO */
html[data-theme="clean"] .mini-sidebar {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="clean"] .sidebar-tab-header {
  background: #f1f5f9 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

html[data-theme="clean"] .side-tab-btn {
  color: #64748b !important;
}

html[data-theme="clean"] .side-tab-btn.active {
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom: 2px solid #0f172a !important;
}

html[data-theme="clean"] .mini-sidebar-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .mini-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="clean"] .mini-card:hover {
  background: #f8fafc !important;
  border-color: #0f172a !important;
}

html[data-theme="clean"] .mini-card-league {
  color: #475569 !important;
  font-weight: 700 !important;
}

html[data-theme="clean"] .mini-card-teams {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="clean"] .mini-card-time {
  color: #334155 !important;
  font-weight: 700 !important;
}

html[data-theme="clean"] .slot-badge {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="clean"] .slot-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="clean"] .slot-btn:hover {
  background: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="clean"] .chat-room-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .chat-messages-container {
  background: #ffffff !important;
}

html[data-theme="clean"] .chat-empty-state {
  color: #64748b !important;
}

html[data-theme="clean"] .chat-msg-row {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="clean"] .chat-input-bar {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="clean"] .chat-input {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .chat-btn-send {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* OVERRIDES CHECKOUT / PLANOS CLEAN */
html[data-theme="clean"] .header-nav {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="clean"] .title-section h1 {
  color: #0f172a !important;
}

html[data-theme="clean"] .title-section p {
  color: #64748b !important;
}

html[data-theme="clean"] .plan-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="clean"] .plan-card.featured {
  background: #ffffff !important;
  border: 2px solid #2563eb !important;
}

html[data-theme="clean"] .plan-name {
  color: #0f172a !important;
}

html[data-theme="clean"] .plan-price {
  color: #0f172a !important;
}

html[data-theme="clean"] .plan-price span {
  color: #64748b !important;
}

html[data-theme="clean"] .plan-desc {
  color: #475569 !important;
}

html[data-theme="clean"] .plan-features li {
  color: #334155 !important;
}

html[data-theme="clean"] .checkout-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .method-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

/* OVERRIDES VITRINE / LANDING PAGE CLEAN */
html[data-theme="clean"] .hero-title .highlight {
  color: #0f172a !important;
  background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="clean"] .btn-hero-primary {
  background: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2) !important;
  border: none !important;
}

html[data-theme="clean"] .btn-hero-secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="clean"] .btn-hero-secondary:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}

html[data-theme="clean"] .metric-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="clean"] .metric-num {
  color: #0f172a !important;
}

html[data-theme="clean"] .metric-label {
  color: #64748b !important;
}

html[data-theme="clean"] .player-showcase {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="clean"] .showcase-topbar {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}

html[data-theme="clean"] .showcase-screen {
  background: #ffffff !important;
}

html[data-theme="clean"] .match-info h3 {
  color: #0f172a !important;
}

html[data-theme="clean"] .match-info p {
  color: #64748b !important;
}

html[data-theme="clean"] .latency-tag {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #16a34a !important;
}

html[data-theme="clean"] .feature-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="clean"] .feature-name {
  color: #0f172a !important;
}

html[data-theme="clean"] .feature-text {
  color: #475569 !important;
}

/* PLANOS VITRINE CLEAN */
html[data-theme="clean"] .pricing-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="clean"] .pricing-card.featured {
  background: #ffffff !important;
  border: 2px solid #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.14) !important;
}

html[data-theme="clean"] .featured-badge {
  background: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
}

html[data-theme="clean"] .plan-title {
  color: #0f172a !important;
}

html[data-theme="clean"] .plan-desc {
  color: #64748b !important;
}

html[data-theme="clean"] .price-val {
  color: #0f172a !important;
}

html[data-theme="clean"] .price-curr,
html[data-theme="clean"] .price-period {
  color: #64748b !important;
}

html[data-theme="clean"] .plan-features li {
  color: #334155 !important;
}

html[data-theme="clean"] .pricing-card .btn-plan {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="clean"] .pricing-card .btn-plan:hover {
  background: #e2e8f0 !important;
}

html[data-theme="clean"] .pricing-card.featured .btn-plan {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
}

html[data-theme="clean"] .pricing-card.featured .btn-plan:hover {
  background: #1d4ed8 !important;
}

/* FAQ / DÚVIDAS FREQUENTES CLEAN */
html[data-theme="clean"] .faq-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
}

html[data-theme="clean"] .faq-item.active {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="clean"] .faq-question {
  color: #0f172a !important;
}

html[data-theme="clean"] .faq-icon {
  color: #2563eb !important;
}

html[data-theme="clean"] .faq-answer {
  color: #475569 !important;
}

/* BRAND BADGE OVERRIDE */
html[data-theme="clean"] .brand-badge {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  padding: 3px 8px !important;
  font-weight: 800 !important;
  border-radius: 6px !important;
}

/* FOOTER CLEAN */
html[data-theme="clean"] footer {
  background: #ffffff !important;
  border-top: 1px solid #dbe2ea !important;
  color: #64748b !important;
}

html[data-theme="clean"] .footer-links a {
  color: #64748b !important;
}

html[data-theme="clean"] .footer-links a:hover {
  color: #0f172a !important;
}

html[data-theme="clean"] th {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

html[data-theme="clean"] td {
  border-bottom: 1px solid #f1f5f9 !important;
  color: #1e293b !important;
}

/* ===================================================================
   2. TEMA: SAAS DARK CLÁSSICO (SLATE ESCURO & AZUL ELETRIC VERCEL/LINEAR)
   =================================================================== */
html[data-theme="saasdark"], body[data-theme="saasdark"] {
  --theme-bg: #0b0f19;
  --theme-surface: #111827;
  --theme-surface-hover: #1e293b;
  --theme-surface-subtle: #0f172a;
  --theme-border: #1f293d;
  --theme-border-active: #3b82f6;
  --theme-primary: #3b82f6;
  --theme-primary-hover: #2563eb;
  --theme-primary-glow: rgba(59, 130, 246, 0.35);
  --theme-secondary: #60a5fa;
  --theme-text-title: #ffffff;
  --theme-text-body: #f3f4f6;
  --theme-text-muted: #94a3b8;
  --theme-badge-bg: rgba(59, 130, 246, 0.15);
  --theme-badge-border: rgba(59, 130, 246, 0.35);
  --theme-badge-text: #60a5fa;
  --theme-btn-text: #ffffff;

  --bg: #0b0f19 !important;
  --card-bg: #111827 !important;
  --border: #1f293d !important;
  --primary: #3b82f6 !important;
  --primary-glow: rgba(59, 130, 246, 0.35) !important;
  --card-glow: rgba(59, 130, 246, 0.15) !important;
  --accent: #60a5fa !important;
}

html[data-theme="pitchblack"], body[data-theme="pitchblack"],
html[data-theme="black"], body[data-theme="black"] {
  --theme-bg: #000000;
  --theme-surface: #08080a;
  --theme-surface-hover: #121216;
  --theme-surface-subtle: #0d0d10;
  --theme-border: #1f1f23;
  --theme-border-active: #ffffff;
  --theme-primary: #f8fafc;
  --theme-primary-hover: #e2e8f0;
  --theme-primary-glow: rgba(255, 255, 255, 0.25);
  --theme-secondary: #94a3b8;
  --theme-text-title: #ffffff;
  --theme-text-body: #f1f5f9;
  --theme-text-muted: #71717a;
  --theme-badge-bg: rgba(255, 255, 255, 0.1);
  --theme-badge-border: rgba(255, 255, 255, 0.3);
  --theme-badge-text: #ffffff;
  --theme-btn-text: #000000;

  --bg: #000000 !important;
  --card-bg: #08080a !important;
  --border: #1f1f23 !important;
  --primary: #f8fafc !important;
  --primary-glow: rgba(255, 255, 255, 0.25) !important;
  --card-glow: rgba(255, 255, 255, 0.1) !important;
  --accent: #cbd5e1 !important;
}

/* ===================================================================
   4. TEMA: EMERALD ARENA VIP (VERDE NEON ESTÁDIO & OBSIDIAN)
   =================================================================== */
html[data-theme="emerald"], body[data-theme="emerald"] {
  --theme-bg: #050806;
  --theme-surface: #0a130e;
  --theme-surface-hover: #0f1c15;
  --theme-surface-subtle: #0d1711;
  --theme-border: #182c1f;
  --theme-border-active: #10b981;
  --theme-primary: #10b981;
  --theme-primary-hover: #059669;
  --theme-primary-glow: rgba(16, 185, 129, 0.4);
  --theme-secondary: #f59e0b;
  --theme-text-title: #ffffff;
  --theme-text-body: #ecfdf5;
  --theme-text-muted: #9ca3af;
  --theme-badge-bg: rgba(16, 185, 129, 0.15);
  --theme-badge-border: rgba(16, 185, 129, 0.4);
  --theme-badge-text: #10b981;
  --theme-btn-text: #021a0f;

  --bg: #050806 !important;
  --card-bg: #0a130e !important;
  --border: #182c1f !important;
  --primary: #10b981 !important;
  --primary-glow: rgba(16, 185, 129, 0.35) !important;
  --card-glow: rgba(16, 185, 129, 0.15) !important;
  --accent: #34d399 !important;
}

/* ===================================================================
   5. TEMA: CYBER VELOCITY (AZUL CYAN ELÉTRICO & TELEMETRIA NAVY)
   =================================================================== */
html[data-theme="neon"], body[data-theme="neon"] {
  --theme-bg: #040711;
  --theme-surface: #080f1e;
  --theme-surface-hover: #0d172c;
  --theme-surface-subtle: #0a1224;
  --theme-border: #16243d;
  --theme-border-active: #38bdf8;
  --theme-primary: #38bdf8;
  --theme-primary-hover: #0ea5e9;
  --theme-primary-glow: rgba(56, 189, 248, 0.4);
  --theme-secondary: #00f0ff;
  --theme-text-title: #ffffff;
  --theme-text-body: #f8fafc;
  --theme-text-muted: #94a3b8;
  --theme-badge-bg: rgba(56, 189, 248, 0.15);
  --theme-badge-border: rgba(56, 189, 248, 0.4);
  --theme-badge-text: #38bdf8;
  --theme-btn-text: #040914;

  --bg: #040711 !important;
  --card-bg: #080f1e !important;
  --border: #16243d !important;
  --primary: #38bdf8 !important;
  --primary-glow: rgba(56, 189, 248, 0.35) !important;
  --card-glow: rgba(56, 189, 248, 0.15) !important;
  --accent: #00f0ff !important;
}

/* ===================================================================
   6. TEMA: CRIMSON APEX CARBON (VERMELHO RACING & CARBONO FOSCO)
   =================================================================== */
html[data-theme="crimson"], body[data-theme="crimson"] {
  --theme-bg: #09090c;
  --theme-surface: #130f12;
  --theme-surface-hover: #1c1418;
  --theme-surface-subtle: #171115;
  --theme-border: #2e181c;
  --theme-border-active: #ef4444;
  --theme-primary: #ef4444;
  --theme-primary-hover: #dc2626;
  --theme-primary-glow: rgba(239, 68, 68, 0.4);
  --theme-secondary: #f87171;
  --theme-text-title: #ffffff;
  --theme-text-body: #f1f5f9;
  --theme-text-muted: #a1a1aa;
  --theme-badge-bg: rgba(239, 68, 68, 0.15);
  --theme-badge-border: rgba(239, 68, 68, 0.4);
  --theme-badge-text: #ef4444;
  --theme-btn-text: #ffffff;

  --bg: #09090c !important;
  --card-bg: #130f12 !important;
  --border: #2e181c !important;
  --primary: #ef4444 !important;
  --primary-glow: rgba(239, 68, 68, 0.35) !important;
  --card-glow: rgba(239, 68, 68, 0.15) !important;
  --accent: #f87171 !important;
}

/* ===================================================================
   7. TEMA: FERRARI RACING RED (VERMELHO PURO ORIGINAL F1)
   =================================================================== */
html[data-theme="red"], body[data-theme="red"] {
  --theme-bg: #0a0405;
  --theme-surface: #16070a;
  --theme-surface-hover: #220b0f;
  --theme-surface-subtle: #1a080c;
  --theme-border: #3b0f15;
  --theme-border-active: #dc2626;
  --theme-primary: #dc2626;
  --theme-primary-hover: #b91c1c;
  --theme-primary-glow: rgba(220, 38, 38, 0.45);
  --theme-secondary: #f87171;
  --theme-text-title: #ffffff;
  --theme-text-body: #fef2f2;
  --theme-text-muted: #a1a1aa;
  --theme-badge-bg: rgba(220, 38, 38, 0.15);
  --theme-badge-border: rgba(220, 38, 38, 0.4);
  --theme-badge-text: #ef4444;
  --theme-btn-text: #ffffff;

  --bg: #0a0405 !important;
  --card-bg: #16070a !important;
  --border: #3b0f15 !important;
  --primary: #dc2626 !important;
  --primary-glow: rgba(220, 38, 38, 0.45) !important;
  --card-glow: rgba(220, 38, 38, 0.15) !important;
  --accent: #f87171 !important;
}

/* ===================================================================
   8. TEMA: ROYAL AMETHYST (ROXO NEON & ÍNDIGO NOTURNO)
   =================================================================== */
html[data-theme="violet"], body[data-theme="violet"] {
  --theme-bg: #070512;
  --theme-surface: #100b21;
  --theme-surface-hover: #181130;
  --theme-surface-subtle: #130d26;
  --theme-border: #2b1747;
  --theme-border-active: #a855f7;
  --theme-primary: #a855f7;
  --theme-primary-hover: #9333ea;
  --theme-primary-glow: rgba(168, 85, 247, 0.4);
  --theme-secondary: #c084fc;
  --theme-text-title: #ffffff;
  --theme-text-body: #f5f3ff;
  --theme-text-muted: #a78bfa;
  --theme-badge-bg: rgba(168, 85, 247, 0.15);
  --theme-badge-border: rgba(168, 85, 247, 0.4);
  --theme-badge-text: #c084fc;
  --theme-btn-text: #ffffff;

  --bg: #070512 !important;
  --card-bg: #100b21 !important;
  --border: #2b1747 !important;
  --primary: #a855f7 !important;
  --primary-glow: rgba(168, 85, 247, 0.4) !important;
  --card-glow: rgba(168, 85, 247, 0.15) !important;
  --accent: #c084fc !important;
}

/* ===================================================================
   9. TEMA: SOLAR AMBER (LARANJA SUNSET & ÂMBAR VULCÂNICO)
   =================================================================== */
html[data-theme="orange"], body[data-theme="orange"] {
  --theme-bg: #0a0603;
  --theme-surface: #140c06;
  --theme-surface-hover: #1f1309;
  --theme-surface-subtle: #170e07;
  --theme-border: #381c0d;
  --theme-border-active: #f97316;
  --theme-primary: #f97316;
  --theme-primary-hover: #ea580c;
  --theme-primary-glow: rgba(249, 115, 22, 0.4);
  --theme-secondary: #fb923c;
  --theme-text-title: #ffffff;
  --theme-text-body: #fff7ed;
  --theme-text-muted: #a8a29e;
  --theme-badge-bg: rgba(249, 115, 22, 0.15);
  --theme-badge-border: rgba(249, 115, 22, 0.4);
  --theme-badge-text: #f97316;
  --theme-btn-text: #ffffff;

  --bg: #0a0603 !important;
  --card-bg: #140c06 !important;
  --border: #381c0d !important;
  --primary: #f97316 !important;
  --primary-glow: rgba(249, 115, 22, 0.4) !important;
  --card-glow: rgba(249, 115, 22, 0.15) !important;
  --accent: #fb923c !important;
}

/* ===================================================================
   10. TEMA: CYBER GOLD (AMARELO NEON & OURO CYBERPUNK)
   =================================================================== */
html[data-theme="gold"], body[data-theme="gold"] {
  --theme-bg: #080802;
  --theme-surface: #141305;
  --theme-surface-hover: #1f1d08;
  --theme-surface-subtle: #171606;
  --theme-border: #38330d;
  --theme-border-active: #eab308;
  --theme-primary: #eab308;
  --theme-primary-hover: #ca8a04;
  --theme-primary-glow: rgba(234, 179, 8, 0.4);
  --theme-secondary: #facc15;
  --theme-text-title: #ffffff;
  --theme-text-body: #fefce8;
  --theme-text-muted: #a1a1aa;
  --theme-badge-bg: rgba(234, 179, 8, 0.15);
  --theme-badge-border: rgba(234, 179, 8, 0.4);
  --theme-badge-text: #facc15;
  --theme-btn-text: #080802;

  --bg: #080802 !important;
  --card-bg: #141305 !important;
  --border: #38330d !important;
  --primary: #eab308 !important;
  --primary-glow: rgba(234, 179, 8, 0.4) !important;
  --card-glow: rgba(234, 179, 8, 0.15) !important;
  --accent: #facc15 !important;
}

/* ===================================================================
   11. TEMA: HYPER MAGENTA (ROSA SHOCKING & PINK NEON CYBER)
   =================================================================== */
html[data-theme="rose"], body[data-theme="rose"] {
  --theme-bg: #0d040a;
  --theme-surface: #180814;
  --theme-surface-hover: #240d1e;
  --theme-surface-subtle: #1a0a16;
  --theme-border: #3d1233;
  --theme-border-active: #ec4899;
  --theme-primary: #ec4899;
  --theme-primary-hover: #db2777;
  --theme-primary-glow: rgba(236, 72, 153, 0.45);
  --theme-secondary: #f472b6;
  --theme-text-title: #ffffff;
  --theme-text-body: #fdf2f8;
  --theme-text-muted: #f472b6;
  --theme-badge-bg: rgba(236, 72, 153, 0.15);
  --theme-badge-border: rgba(236, 72, 153, 0.4);
  --theme-badge-text: #f472b6;
  --theme-btn-text: #ffffff;

  --bg: #0d040a !important;
  --card-bg: #180814 !important;
  --border: #3d1233 !important;
  --primary: #ec4899 !important;
  --primary-glow: rgba(236, 72, 153, 0.45) !important;
  --card-glow: rgba(236, 72, 153, 0.15) !important;
  --accent: #f472b6 !important;
}

/* ===================================================================
   12. TEMA: ACID LIME (VERDE LIMÃO FLUORESCENTE & TOXIC PRO)
   =================================================================== */
html[data-theme="lime"], body[data-theme="lime"] {
  --theme-bg: #060902;
  --theme-surface: #0e1505;
  --theme-surface-hover: #162009;
  --theme-surface-subtle: #111a07;
  --theme-border: #26380f;
  --theme-border-active: #84cc16;
  --theme-primary: #84cc16;
  --theme-primary-hover: #65a30d;
  --theme-primary-glow: rgba(132, 204, 22, 0.45);
  --theme-secondary: #a3e635;
  --theme-text-title: #ffffff;
  --theme-text-body: #f7fee7;
  --theme-text-muted: #a3e635;
  --theme-badge-bg: rgba(132, 204, 22, 0.15);
  --theme-badge-border: rgba(132, 204, 22, 0.4);
  --theme-badge-text: #a3e635;
  --theme-btn-text: #050a02;

  --bg: #060902 !important;
  --card-bg: #0e1505 !important;
  --border: #26380f !important;
  --primary: #84cc16 !important;
  --primary-glow: rgba(132, 204, 22, 0.45) !important;
  --card-glow: rgba(132, 204, 22, 0.15) !important;
  --accent: #a3e635 !important;
}

/* ===================================================================
   13. TEMA: OCEAN SAPPHIRE (AZUL COBALTO PROFUNDO & SAFIRA REAL)
   =================================================================== */
html[data-theme="sapphire"], body[data-theme="sapphire"] {
  --theme-bg: #020714;
  --theme-surface: #061127;
  --theme-surface-hover: #0a1b3d;
  --theme-surface-subtle: #081531;
  --theme-border: #10295e;
  --theme-border-active: #2563eb;
  --theme-primary: #2563eb;
  --theme-primary-hover: #1d4ed8;
  --theme-primary-glow: rgba(37, 99, 235, 0.45);
  --theme-secondary: #60a5fa;
  --theme-text-title: #ffffff;
  --theme-text-body: #eff6ff;
  --theme-text-muted: #93c5fd;
  --theme-badge-bg: rgba(37, 99, 235, 0.15);
  --theme-badge-border: rgba(37, 99, 235, 0.4);
  --theme-badge-text: #60a5fa;
  --theme-btn-text: #ffffff;

  --bg: #020714 !important;
  --card-bg: #061127 !important;
  --border: #10295e !important;
  --primary: #2563eb !important;
  --primary-glow: rgba(37, 99, 235, 0.45) !important;
  --card-glow: rgba(37, 99, 235, 0.15) !important;
  --accent: #60a5fa !important;
}

/* ===================================================================
   14. TEMA: MIDNIGHT MONOLITH (GRAFITE ESCURO & VIDRO FOSCO)
   =================================================================== */
html[data-theme="monolith"], body[data-theme="monolith"] {
  --theme-bg: #090d16;
  --theme-surface: rgba(17, 24, 39, 0.85);
  --theme-surface-hover: rgba(30, 41, 59, 0.9);
  --theme-surface-subtle: rgba(15, 23, 42, 0.8);
  --theme-border: rgba(255, 255, 255, 0.08);
  --theme-border-active: #60a5fa;
  --theme-primary: #60a5fa;
  --theme-primary-hover: #3b82f6;
  --theme-primary-glow: rgba(96, 165, 250, 0.35);
  --theme-secondary: #38bdf8;
  --theme-text-title: #ffffff;
  --theme-text-body: #f1f5f9;
  --theme-text-muted: #94a3b8;
  --theme-badge-bg: rgba(96, 165, 250, 0.15);
  --theme-badge-border: rgba(96, 165, 250, 0.35);
  --theme-badge-text: #60a5fa;
  --theme-btn-text: #040914;

  --bg: #090d16 !important;
  --card-bg: rgba(17, 24, 39, 0.85) !important;
  --border: rgba(255, 255, 255, 0.08) !important;
  --primary: #60a5fa !important;
  --primary-glow: rgba(96, 165, 250, 0.35) !important;
  --card-glow: rgba(96, 165, 250, 0.15) !important;
  --accent: #93c5fd !important;
}

/* ===================================================================
   REGRAS DE TRANSFORMAÇÃO PROFUNDA (APLICAM-SE EM TODAS AS PÁGINAS)
   =================================================================== */

/* 1. FUNDO GERAL DA PÁGINA */
html[data-theme], body[data-theme] {
  background: var(--theme-bg) !important;
  color: var(--theme-text-body) !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

/* 2. TOPBAR & HEADERS */
html[data-theme] header,
html[data-theme] .header-nav,
html[data-theme] .topbar,
html[data-theme] .admin-topbar,
html[data-theme] .player-header,
html[data-theme] .main-nav {
  background: var(--theme-surface) !important;
  border-bottom: 1px solid var(--theme-border) !important;
}

/* 3. CARDS, CONTAINERS & PAINÉIS */
html[data-theme] .section-card,
html[data-theme] .kpi-card,
html[data-theme] .card,
html[data-theme] .feature-card,
html[data-theme] .plan-card,
html[data-theme] .comp-card,
html[data-theme] .adm-theme-box,
html[data-theme] .faq-item,
html[data-theme] .league-group,
html[data-theme] .login-card,
html[data-theme] .checkout-card,
html[data-theme] .summary-card,
html[data-theme] .modal-content,
html[data-theme] .saas-modal-card {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

/* Hover em cards interativos */
html[data-theme] .feature-card:hover,
html[data-theme] .plan-card:hover,
html[data-theme] .kpi-card:hover,
html[data-theme] .game-row:hover {
  border-color: var(--theme-border-active) !important;
  box-shadow: 0 12px 35px var(--theme-primary-glow) !important;
}

/* 4. BOTÕES PRIMÁRIOS E CTAS */
html[data-theme] .btn-cta,
html[data-theme] .btn-action.primary,
html[data-theme] .btn-submit,
html[data-theme] .btn-login.primary,
html[data-theme] .btn-open-room,
html[data-theme] .btn-hero-primary,
html[data-theme] .pricing-card.featured .btn-plan,
html[data-theme] .plan-card.featured .btn-select-plan {
  background: var(--theme-primary) !important;
  color: var(--theme-btn-text, #ffffff) !important;
  border: none !important;
  box-shadow: 0 4px 20px var(--theme-primary-glow) !important;
}

html[data-theme] .featured-badge {
  background: var(--theme-primary) !important;
  color: var(--theme-btn-text, #ffffff) !important;
  box-shadow: 0 2px 10px var(--theme-primary-glow) !important;
}

html[data-theme] .pricing-card.featured {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 35px var(--theme-primary-glow) !important;
}

html[data-theme] .faq-question {
  color: var(--theme-text-title, #ffffff) !important;
}

html[data-theme] .plan-title,
html[data-theme] .price-val {
  color: var(--theme-text-title, #ffffff) !important;
}

html[data-theme] .btn-cta:hover,
html[data-theme] .btn-action.primary:hover,
html[data-theme] .btn-submit:hover,
html[data-theme] .btn-open-room:hover,
html[data-theme] .btn-hero-primary:hover,
html[data-theme] .pricing-card.featured .btn-plan:hover {
  background: var(--theme-primary-hover) !important;
  transform: translateY(-2px);
}

/* 5. TABS E BOTÕES DE NAVEGAÇÃO ATIVOS */
html[data-theme] .mode-btn.active,
html[data-theme] .mode-btn.active span,
html[data-theme] .sport-pill.active,
html[data-theme] .sport-pill.active span,
html[data-theme] .admin-tabs .tab-btn.active,
html[data-theme] .tab-btn.active,
html[data-theme] .range-btn.active {
  background: var(--theme-primary) !important;
  color: var(--theme-btn-text, #ffffff) !important;
  border-color: var(--theme-primary) !important;
  box-shadow: 0 2px 14px var(--theme-primary-glow) !important;
  font-weight: 800 !important;
}

/* 6. BADGES E DESTAQUES */
html[data-theme] .badge,
html[data-theme] .brand-badge,
html[data-theme] .badge-sat,
html[data-theme] .brand-tag,
html[data-theme] .comp-delay,
html[data-theme] .comp-card.highlight .comp-title span {
  color: var(--theme-primary) !important;
}

html[data-theme] .badge,
html[data-theme] .brand-badge,
html[data-theme] .badge-sat,
html[data-theme] .brand-tag {
  background: var(--theme-badge-bg) !important;
  border: 1px solid var(--theme-badge-border) !important;
}

/* DESTAQUE DO SINAL VIA SATÉLITE & COMPARATIVO */
html[data-theme] .comp-card.highlight {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 25px var(--theme-primary-glow) !important;
}
html[data-theme] .comp-card.highlight .comp-title,
html[data-theme] .comp-card.highlight .comp-title span,
html[data-theme] .comp-card.highlight .comp-delay {
  color: var(--theme-primary) !important;
}
html[data-theme] .showcase-live-tag,
html[data-theme] .latency-tag {
  color: var(--theme-primary) !important;
}
html[data-theme] .showcase-live-tag .pill-dot,
html[data-theme] .latency-tag .pill-dot {
  background: var(--theme-primary) !important;
}

/* 7. TABELAS (ADMIN & AFILIADOS) */
html[data-theme] th {
  background: var(--theme-surface-subtle) !important;
  border-bottom: 2px solid var(--theme-border) !important;
  color: var(--theme-text-muted) !important;
}

html[data-theme] td {
  border-bottom: 1px solid var(--theme-border) !important;
}

/* 8. INPUTS, SELECTS E TEXTAREAS */
html[data-theme] input[type="text"],
html[data-theme] input[type="password"],
html[data-theme] input[type="number"],
html[data-theme] input[type="email"],
html[data-theme] select,
html[data-theme] textarea {
  background: var(--theme-surface-subtle) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text-title) !important;
}

html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus {
  border-color: var(--theme-primary) !important;
  outline: none !important;
  box-shadow: 0 0 12px var(--theme-primary-glow) !important;
}

/* 9. SCROLLBARS PERSONALIZADAS POR TEMA */
html[data-theme]::-webkit-scrollbar-thumb,
body[data-theme]::-webkit-scrollbar-thumb {
  background: var(--theme-border-active);
  border-radius: 8px;
}