/* ═══════════════════════════════════════════════════════════════════ * theme-light.css — Modo claro do Listflow * Dark é o default; este arquivo só sobrescreve tokens quando * . Ativação: window.lfSetTheme('light') * (persistida em localStorage 'lf-theme', aplicada pré-paint no header). * Etapa 1: tokens globais (--app-*) + /home (--dash-*). * ═══════════════════════════════════════════════════════════════════ */ /* ── TOKENS GLOBAIS (header.ejs / app-system) ─────────────────────── */ :root[data-theme="light"] { --app-ink-rgb: 15, 23, 32; /* inverte o canal dos alphas brancos */ --app-text-max: #0b1220; --app-text-strong: #111827; --app-green-text: #00843d; --app-green-text-rgb: 0, 132, 61; --app-red-text: #b91c1c; --app-amber-text: #b45309; --app-amber-soft: #b45309; --app-orange-text: #c2410c; --app-inset-rgb: 15, 23, 32; /* insets viram cinza sutil */ --app-inset-a12: 0.035; --app-inset-a14: 0.04; --app-inset-a16: 0.045; --app-inset-a22: 0.06; --app-inset-a15: 0.04; --app-inset-a18: 0.05; --app-inset-a2: 0.055; --app-inset-a25: 0.065; --app-inset-a3: 0.07; --app-inset-a35: 0.075; --app-inset-a4: 0.08; --app-bg-body: #f4f6f8; --app-bg-card: #ffffff; --app-bg-darker: #eceff3; --app-border: #d9dee5; --app-surface-panel: #ffffff; --app-surface-panel-alt: #f8fafc; --app-surface-raised: #eef1f5; --app-surface-hover: #e8edf2; --app-surface-field: #ffffff; --app-surface-gradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); --app-surface-raised-gradient: linear-gradient(180deg, #f2f5f8 0%, #e9edf2 100%); --app-surface-border: rgba(15, 23, 32, 0.08); --app-surface-border-strong: rgba(15, 23, 32, 0.14); --app-surface-shadow: 0 4px 12px rgba(15, 23, 32, 0.07), 0 1px 2px rgba(15, 23, 32, 0.06); --app-text-body: #4b5563; --app-text-title: #111827; --app-text-light: #1f2937; --app-slate-soft: #374151; --app-slate-dim: #5b6572; --app-slate-dim-rgb: 71, 85, 105; /* Verde padrão do claro: "verde bandeira" — acentos verde-vivo de dark escurecem para manter leitura sobre fundo claro */ --app-success: #00843d; --app-success-rgb: 0, 132, 61; --sig-green: 0, 132, 61; color-scheme: light; } /* Campos com utilitário .bg-dark: viram claros junto com o tema */ [data-theme="light"] .form-control.bg-dark, [data-theme="light"] .form-select.bg-dark, [data-theme="light"] textarea.bg-dark { background-color: #ffffff !important; color: var(--app-text-title) !important; border-color: var(--app-border) !important; } /* Componentes marcados com data-bs-theme="dark" (modais etc.): no claro, os widgets nativos (setinha do select, spinner, calendário) seguem light */ [data-theme="light"] [data-bs-theme="dark"] { color-scheme: light; --bs-body-bg: #ffffff; --bs-body-color: var(--app-text-body); --bs-border-color: var(--app-border); --bs-secondary-bg: #eef1f5; --bs-tertiary-bg: #f4f6f8; } /* ── Tutorial (Driver.js): popover, blur e balão do FAB no claro ──── */ :root[data-theme="light"] { --tut-blur-bg: rgba(244, 246, 248, 0.45); --tut-pop-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 248, 251, 0.97)); --tut-pop-shadow: 0 0 0 1px rgba(15, 23, 32, .04) inset, 0 18px 60px -12px rgba(15, 23, 32, .28), 0 0 32px rgba(var(--app-primary-rgb), .10); --tut-code-text: #b3324e; --tut-tip-bg: #ffffff; --tut-tip-text: #1f2937; --tut-tip-border: rgba(15, 23, 32, 0.18); --tut-tip-shadow: 0 2px 6px rgba(15, 23, 32, 0.18); --tut-danger: #c81e3f; --tut-success: #00843d; } /* Tooltip: fundo claro exige sombra mais leve e texto escuro */ [data-theme="light"] .tooltip { --bs-tooltip-color: #111827; } [data-theme="light"] .tooltip-inner { box-shadow: 0 4px 15px rgba(15, 23, 32, 0.14); } /* Dropdowns marcados como "dark" (Bootstrap) viram claros no tema light */ [data-theme="light"] .dropdown-menu-dark { --bs-dropdown-bg: #ffffff; --bs-dropdown-border-color: var(--app-border); --bs-dropdown-color: var(--app-text-body); --bs-dropdown-link-color: #374151; --bs-dropdown-link-hover-color: #111827; --bs-dropdown-link-hover-bg: rgba(15, 23, 32, 0.05); --bs-dropdown-link-active-color: #111827; --bs-dropdown-link-active-bg: rgba(15, 23, 32, 0.08); --bs-dropdown-divider-bg: var(--app-border); box-shadow: 0 10px 30px rgba(15, 23, 32, 0.12); } /* ── DASHBOARD /home (--dash-*) ───────────────────────────────────── */ [data-theme="light"] .dashboard-page { --dash-ink-rgb: 15, 23, 32; --dash-bg: #f4f6f8; --dash-card-bg: linear-gradient(180deg, #ffffff 0%, #f9fafc 100%); --dash-card-border: rgba(15, 23, 32, 0.10); --dash-card-shadow: 0 1px 2px rgba(15, 23, 32, 0.05), 0 10px 28px rgba(15, 23, 32, 0.06); --dash-text-max: #0b1220; --dash-text-strong: #111827; --dash-text: #1f2937; --dash-text-soft: #374151; --dash-text-dim: #5b6570; --dash-text-faint: #6b7280; /* Pastéis de dark viram tons profundos legíveis sobre branco */ --dash-green-text: #00843d; --dash-green-text-rgb: 0, 132, 61; --dash-red-text: #b91c1c; --dash-amber-text: #b45309; --dash-amber-soft: #d97706; --dash-orange-text: #c2410c; --dash-warning-text: #b45309; --dash-ok-text: #00843d; --dash-warn-text: #a16207; --dash-err-text: #b91c1c; --dash-green: #00843d; /* verde bandeira: acento padrão do claro */ --dash-green-deep: #006b32; --dash-green-dim: rgba(0, 132, 61, 0.12); --dash-green-glow: rgba(0, 132, 61, 0.28); --dash-red-dim: rgba(239, 68, 68, 0.10); --dash-amber-dim: rgba(245, 158, 11, 0.14); --dash-surface-strip: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 248, 251, 0.92)); --dash-surface-2: linear-gradient(180deg, #ffffff 0%, #f2f5f8 100%); --dash-surface-3: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%); --dash-metal-grad: linear-gradient(180deg, #111827 0%, #64748b 130%); } /* Verde-alpha usado como TEXTO: no claro precisa de verde profundo sólido (rgba(46,212,122,·) segue ok como borda/fundo/tinta) */ [data-theme="light"] .dash-page-eyebrow, [data-theme="light"] .dash-status-label { color: var(--dash-green-text); } [data-theme="light"] .dash-user-dropdown .dropdown-item i { color: var(--dash-green-text); } /* Textos de baixa alpha (labels/eyebrows): tinta escura precisa de mais opacidade sobre fundo claro — boost aplicado via calc() nos CSS de origem */ [data-theme="light"] .dashboard-page { --dash-faint-boost: 0.22; } :root[data-theme="light"] { --app-faint-boost: 0.22; } /* Utilitário Bootstrap .text-white dentro do conteúdo: vira tinta escura (valores de KPI/PNL neutros que o JS alterna com text-success/danger) */ [data-theme="light"] #page-content-wrapper .text-white { color: var(--app-text-title) !important; } /* Exceção: .text-white sobre fundo SÓLIDO colorido do Bootstrap segue branco (ex.: bandeiras Meta Masaniello/Listflow em /bets = btn-success). Tints (bg-opacity-*) ficam de fora — nesses a tinta escura é o correto. */ [data-theme="light"] #page-content-wrapper .btn-success.text-white, [data-theme="light"] #page-content-wrapper .btn-danger.text-white, [data-theme="light"] #page-content-wrapper .btn-primary.text-white, [data-theme="light"] #page-content-wrapper .bg-success.text-white:not([class*="bg-opacity"]), [data-theme="light"] #page-content-wrapper .bg-danger.text-white:not([class*="bg-opacity"]), [data-theme="light"] #page-content-wrapper .bg-primary.text-white:not([class*="bg-opacity"]) { color: #fff !important; } /* Mesma exceção para os CTAs da landing pública, que também são fundo SÓLIDO vermelho. Sem isto o override acima pintava o rótulo de tinta escura e o botão vermelho ficava com letra preta. O sintoma denunciava a causa: dentro do MESMO botão, o irmão sem .text-white saía branco e o com .text-white saía preto — a classe que pede branco era justamente a que escurecia. */ [data-theme="light"] #page-content-wrapper .btn-primary-landing.text-white, [data-theme="light"] #page-content-wrapper .btn-primary-landing .text-white, [data-theme="light"] #page-content-wrapper .landing-sticky-cta-btn.text-white, [data-theme="light"] #page-content-wrapper .landing-sticky-cta-btn .text-white { color: #fff !important; } /* Verde/vermelho vivos como texto sobre fundo claro → tons profundos */ [data-theme="light"] .dashboard-page .dash-blaze-row-val.text-success { color: var(--dash-green-text) !important; } /* ── SIDEBAR (estilos inline do header.ejs usam literais de dark) ─────── */ [data-theme="light"] #sidebar-wrapper .nav-link:hover, [data-theme="light"] #sidebar-wrapper .nav-link:hover .lf-nav-icon, [data-theme="light"] #sidebar-wrapper .nav-link.active { color: #0b1220; } [data-theme="light"] #sidebar-wrapper .nav-link.active .lf-nav-icon { color: #c81e3f; } [data-theme="light"] #sidebar-wrapper .nav-link .lf-pill-success { color: #00843d; } [data-theme="light"] #sidebar-wrapper .nav-link .lf-pill-warning { color: #8a5a00; } [data-theme="light"] #sidebar-wrapper .nav-link .lf-pill-danger { color: #b91c1c; } [data-theme="light"] #sidebar-wrapper .nav-link .lf-pill-new { color: #00843d; } [data-theme="light"] #sidebar-wrapper .lf-game-active-pill { color: #00843d; } [data-theme="light"] #sidebar-wrapper .lf-section-tag, [data-theme="light"] #sidebar-wrapper .lf-role-badge.role-admin { color: #c81e3f; } [data-theme="light"] #sidebar-wrapper .lf-role-badge.role-reseller { color: #92600a; } /* Logo: no claro entra a variante -ink (o "List" branco vira tinta escura) */ [data-theme="light"] #sidebar-wrapper .lf-brand-logo--dark { display: none; } [data-theme="light"] #sidebar-wrapper .lf-brand-logo--light { display: block; } [data-theme="light"] #sidebar-wrapper .lf-user-name { color: #111827; } /* Anel do status online acompanha o fundo claro do sidebar */ [data-theme="light"] #sidebar-wrapper .lf-user-status { border-color: #f4f6f8; } /* Saldo Blaze: chip escuro vira chip neutro claro */ [data-theme="light"] #sidebar-wrapper .lf-blaze-balance { color: #0b1220; background: rgba(15, 23, 32, 0.06); } [data-theme="light"] #sidebar-wrapper .lf-blaze-balance.text-warning { color: #92600a !important; background: rgba(255, 193, 7, 0.14); } /* Nome do rank recebe cor inline por rank (gold/silver/…) via JS. A 1ª solução era um chip quase-preto atrás do texto — pesado demais no sidebar claro (feedback 2026-08-08). Agora: tinta escura !important (vence o inline), tint suave e sem glow — a identidade do rank continua no ícone SVG colorido. */ [data-theme="light"] #sidebar-wrapper .lf-blaze-rank-name { color: #374151 !important; background: rgba(15, 23, 32, 0.06); padding: 0.12rem 0.45rem; border-radius: 5px; text-shadow: none; filter: none; } [data-theme="light"] #sidebar-wrapper .lf-blaze-level { color: #c81e3f; text-shadow: none; } [data-theme="light"] #sidebar-wrapper .lf-blaze-card--compact .lf-bcc-rank { color: #374151 !important; background: rgba(15, 23, 32, 0.06); padding: 0.12rem 0.45rem; border-radius: 5px; text-shadow: none; } [data-theme="light"] #sidebar-wrapper .lf-blaze-card--compact .lf-bcc-balance { color: #00843d; } [data-theme="light"] #sidebar-wrapper .lf-blaze-card--compact .lf-bcc-balance.text-warning { color: #92600a; } /* Grupos de jogo: estados hover/aberto usavam branco literal */ [data-theme="light"] #sidebar-wrapper .lf-game-toggle:hover, [data-theme="light"] #sidebar-wrapper .lf-game-toggle:focus-visible, [data-theme="light"] #sidebar-wrapper .lf-nav-game.is-open .lf-game-toggle { color: #0b1220; } /* Painéis "inset" (fundo preto translúcido em dark) viram cinza sutil */ [data-theme="light"] .dashboard-page { --dash-inset-rgb: 15, 23, 32; --dash-inset-a18: 0.05; --dash-inset-a2: 0.055; --dash-inset-a25: 0.065; } /* Aba ativa de operações: verde vivo sobre tinta verde precisa escurecer */ [data-theme="light"] .dashboard-page .dash-ops-tab.is-active { color: var(--dash-green-text); } /* ── /bets (Apostas) ──────────────────────────────────────────────── */ /* Pastéis extras usados no bets (indigo/cyan/gold) — defaults dark no header.ejs; aqui os tons profundos p/ fundo claro */ :root[data-theme="light"] { --app-green-soft: #00843d; --app-indigo-soft: #4338ca; --app-indigo-text: #4f46e5; --app-cyan-soft: #0e7490; --app-pink-text: #c81e3f; --app-gold-text: #92600a; --app-gray-soft: #374151; } [data-theme="light"] #betsPageWrapper, [data-theme="light"] .bets-page { --bets-panel-bg: #ffffff; --bets-banner-grad: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); --bets-field-bg: #ffffff; --bets-modal-bg: #ffffff; --bets-offcanvas-grad: linear-gradient(165deg, #ffffff, #f2f5f8); --bets-sticky-surface: #ffffff; --bets-sticky-hover: #e7ecf2; --bets-row-hover: rgba(15, 23, 32, 0.05); } /* Modais/offcanvas do bets ficam fora do wrapper da página */ [data-theme="light"] body { --bets-modal-bg: #ffffff; --bets-offcanvas-grad: linear-gradient(165deg, #ffffff, #f2f5f8); } /* Coluna sticky (mobile): superfícies opacas claras, tintas win/loss suaves */ [data-theme="light"] .bets-table-responsive .bets-table { --bets-sticky-surface: #ffffff; --bets-sticky-surface-alt: #f4f6f9; --bets-sticky-head: #eef1f5; --bets-sticky-hover: #e7ecf2; --bets-sticky-active: #dde4ec; --bets-sticky-virtual: #e8f4f8; --bets-sticky-win: #e4f7ee; --bets-sticky-loss: #fdeaea; } /* Campos de filtro: eram dark-only (color-scheme + invert no ícone) */ [data-theme="light"] .bets-filter-date, [data-theme="light"] .bets-filter-select { color-scheme: light; } [data-theme="light"] .bets-filter-date::-webkit-calendar-picker-indicator { filter: opacity(.65); } /* ── DESIGN SYSTEM GLOBAL (app-system.css, componentes sig-*) ─────── */ :root[data-theme="light"] { --app-amber-pale: #a16207; --app-teal-soft: #0f766e; --sig-surface-card: var(--app-surface-gradient); --sig-surface-raised: var(--app-surface-raised-gradient); --sig-surface-solid: var(--app-surface-raised); --sig-surface-modal: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%); --sig-field-bg: var(--app-surface-field); --sig-metal-grad: linear-gradient(180deg, #111827 0%, #64748b 130%); --sig-shadow-sm: 0 1px 2px rgba(15, 23, 32, 0.06), 0 0 0 1px rgba(15, 23, 32, 0.05); --sig-shadow-md: 0 4px 12px rgba(15, 23, 32, 0.07), 0 1px 2px rgba(15, 23, 32, 0.06), 0 0 0 1px rgba(15, 23, 32, 0.05); --sig-shadow-lg: 0 20px 40px -12px rgba(15, 23, 32, 0.16), 0 8px 20px -6px rgba(15, 23, 32, 0.10); } /* Radar do empty-state: tom "branco" vira tinta escura */ [data-theme="light"] .sig-empty-radar { --sig-empty-tone: 15, 23, 32; } /* Botões sólidos coloridos mantêm texto branco também no claro (a tokenização de #fff os arrastou junto — re-clareia aqui) */ [data-theme="light"] .sig-btn--primary, [data-theme="light"] .sig-btn--primary:hover, [data-theme="light"] .sig-btn--success, [data-theme="light"] .sig-btn--success:hover, [data-theme="light"] .sig-btn--danger, [data-theme="light"] .sig-btn--danger:hover, [data-theme="light"] .csb-apply, [data-theme="light"] .csb-apply:hover, [data-theme="light"] .lf-plan-primary-btn, [data-theme="light"] .lf-plan-primary-btn:hover, [data-theme="light"] .lf-user-modal-btn.lf-btn-primary, [data-theme="light"] .lf-user-modal-btn.lf-btn-primary:hover, [data-theme="light"] .lf-user-modal-btn.lf-btn-danger, [data-theme="light"] .lf-user-modal-btn.lf-btn-danger:hover, [data-theme="light"] .cd-playpause-btn.cd-playpause-btn--on, [data-theme="light"] .cd-playpause-btn.cd-playpause-btn--on:hover, [data-theme="light"] .comm-btn-primary, [data-theme="light"] .comm-btn-primary:hover, [data-theme="light"] .comm-btn-primary:focus-visible, [data-theme="light"] .av-btn--primary, [data-theme="light"] .av-btn--primary:hover, [data-theme="light"] .av-modal-follow-btn:hover, [data-theme="light"] .hm-ag-chip--hit, [data-theme="light"] .page-settings .sp-btn--go, [data-theme="light"] .page-settings .sp-btn--go:hover, [data-theme="light"] .sp-delete-modal #profileDeleteConfirmBtn, [data-theme="light"] .sp-delete-modal #profileDeleteConfirmBtn:hover, [data-theme="light"] .sp-delete-modal #profileDeleteConfirmBtn:focus-visible, [data-theme="light"] .cc-rank-tf-btn.active, [data-theme="light"] .cc-seg button.active, [data-theme="light"] .feed-side-rank.top3, [data-theme="light"] .cd-avatar, [data-theme="light"] .cc-avatar, [data-theme="light"] .m-capital-source-group .btn-check:checked + .m-capital-source-btn, [data-theme="light"] .mas-pill-group .btn-check:checked + .mas-pill--danger, [data-theme="light"] .mas-pill-group .btn-check:checked + .mas-pill--success, [data-theme="light"] .sig-power-btn.system-on .sig-power-icon, [data-theme="light"] .sig-power-btn.is-on .sig-power-icon, [data-theme="light"] .sig-power-icon-wrapper, [data-theme="light"] .sig-power-btn.is-on .sig-power-icon-wrapper { color: #fff; } /* Variantes cuja origem usa !important */ [data-theme="light"] .hourly-grid-btn.active, [data-theme="light"] .page-settings .m-capital-source-group .btn-check:checked + .m-capital-source-btn, [data-theme="light"] .page-settings .mas-pill-group .btn-check:checked + .mas-pill--danger, [data-theme="light"] .page-settings .mas-pill-group .btn-check:checked + .mas-pill--success { color: #fff !important; } /* Ajustes finos do claro (bets + utilitários Bootstrap) */ :root[data-theme="light"] { --sig-surface-power: linear-gradient(145deg, #ffffff 0%, #eef1f5 100%); } [data-theme="light"] .sig-hero-crumb .crumb-bracket, [data-theme="light"] .signals-hero-crumb .crumb-bracket { color: color-mix(in srgb, rgb(var(--sig-hero-tone, var(--sig-red))) 62%, #0b1220); } [data-theme="light"] #page-content-wrapper .text-white-50 { color: rgba(15, 23, 32, 0.55) !important; } [data-theme="light"] #page-content-wrapper .text-warning { color: #92600a !important; } [data-theme="light"] .sig-hero--green .sig-hero-title-icon { color: #00843d !important; } /* Verde bandeira padrão: .text-success do Bootstrap em todo o app */ [data-theme="light"] #page-content-wrapper .text-success, [data-theme="light"] #sidebar-wrapper .text-success { color: #00843d !important; } [data-theme="light"] #sidebar-wrapper .lf-user-status { background: #00843d; } [data-theme="light"] .kpi-accent.kpi-accent-win { background: #00843d; } [data-theme="light"] #page-content-wrapper .text-light { color: var(--app-text-title) !important; } [data-theme="light"] #page-content-wrapper .text-info { color: #0e7490 !important; } [data-theme="light"] #page-content-wrapper .link-info { color: #0e7490 !important; } [data-theme="light"] #page-content-wrapper .badge.text-primary { color: #c81e3f !important; } [data-theme="light"] #page-content-wrapper .badge.text-danger { color: #b02a37 !important; } /* ── /feed (Comunidade) ───────────────────────────────────────────── */ [data-theme="light"] .feed-page, [data-theme="light"] .feed-modal-backdrop, [data-theme="light"] .feed-fab-top { --f-green: #00843d; --f-green-dim: rgba(0, 132, 61, 0.10); --f-green-border: rgba(0, 132, 61, 0.30); --f-card-bg: var(--app-surface-panel); --f-card-shadow: var(--app-surface-shadow); --f-field-bg: var(--app-surface-field); --f-text: rgba(15, 23, 32, 0.92); --f-muted: rgba(15, 23, 32, 0.62); --f-dim: rgba(15, 23, 32, 0.52); } /* Dot da cor "branco": ganha contorno para não sumir no fundo claro */ [data-theme="light"] .feed-color-white .dotc { border: 1px solid rgba(15, 23, 32, 0.3); } [data-theme="light"] .feed-kpi-icon-sm--green { color: #00843d; } [data-theme="light"] .feed-side-toggle.is-on { background: #00843d; } [data-theme="light"] .feed-page { --f-header-grad: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(246,248,251,0.94)); } [data-theme="light"] .feed-header-eyebrow { color: rgba(0, 132, 61, 0.9); } /* ── /videos ──────────────────────────────────────────────────────── */ [data-theme="light"] #videosPageRoot.vid-page, [data-theme="light"] .vid-modal { --vid-text-strong: #111827; --vid-bg-panel: #ffffff; --vid-bg-panel-2: #f4f6f9; --vid-text-dim: rgba(31, 41, 55, 0.78); --vid-text-muted: rgba(17, 24, 39, 0.92); --vid-modal-text: #1f2937; } /* ── Grupo Double: /copy-double, /blaze-dashboard, /historico ─────── */ :root[data-theme="light"] { --bd-field-bg: #ffffff; --bd-surface-2: linear-gradient(180deg, #ffffff 0%, #f2f5f8 100%); --bd-surface-3: #f4f6f9; --bd-surface-card2: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); --bd-surface-slate: linear-gradient(135deg, #eef1f5, #e2e8f0); --bd-surface-slate-solid: #eef1f5; --bd-surface-deep: #eceff3; --bd-surface-deep-grad: linear-gradient(180deg, #f4f6f8 0%, #eceff3 100%); } [data-theme="light"] #copyDoublePageRoot.cd-page, [data-theme="light"] .cd-page { --cd-toolbar-grad: linear-gradient(180deg, rgba(15, 23, 32, 0.05), rgba(15, 23, 32, 0.02)); --cd-card-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%); --cd-card-border: rgba(15, 23, 32, 0.10); --cd-card-shadow: 0 8px 40px rgba(15, 23, 32, 0.08); --cd-glow: rgba(var(--app-primary-rgb, 241, 44, 76), 0.10); --cd-accent-win: #00843d; --cd-accent-loss: #b91c1c; } [data-theme="light"] .cd-step-badge--blaze { color: #c81e3f; } [data-theme="light"] .cd-step-badge--telegram { color: #0369a1; } [data-theme="light"] .cd-meta-chip--hedge { color: #334155; border-color: rgba(100, 116, 139, 0.45); } [data-theme="light"] .cd-ranking-panel a:not(.btn), [data-theme="light"] .cd-ranking-panel-sub a { color: #0a58ca; } /* /blaze-dashboard no claro: gráfico, livro de ordens e strip LATEST claros (o Chart.js re-lê o tema — vela do branco vira cinza 20%) */ :root[data-theme="light"] { --bd-chart-bg: radial-gradient(circle at 100% 0%, rgba(var(--app-primary-rgb, 46, 212, 122), 0.04), transparent 45%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 248, 251, 0.98) 100%); --bd-chart-shadow: 0 1px 2px rgba(15, 23, 32, 0.05), 0 10px 30px -10px rgba(15, 23, 32, 0.12); --bd-hint-bg: rgba(255, 255, 255, 0.85); /* Book/ranking: mesmo padrão do copy-aviator (colunas #eef1f6, card gradiente branco 145deg) */ --bd-ordercol-bg: #eef1f6; --bd-history-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.98)); /* Rótulos das colunas BRANCO/PRETO: claros em dark → tinta no claro */ --bd-white-label: #475569; --bd-black-label: #111827; } html[data-theme="light"] .bd-history-label, html[data-theme="light"] .bd-chart-crumb { color: #00843d !important; } html[data-theme="light"] .bd-connection.connected { color: #00843d !important; } /* Fita da roleta (RODADA ATUAL): faixa preta vira inset claro; TOTAL do donut troca o metal branco por metal escuro (background-clip: text) */ :root[data-theme="light"] { --bd-wheel-bg: linear-gradient(180deg, rgba(15, 23, 32, 0.07), rgba(15, 23, 32, 0.03)); --bd-wheel-shadow: inset 0 1px 2px rgba(15, 23, 32, 0.08); --bd-total-grad: linear-gradient(180deg, #111827, #64748b); } /* Gráfico do CRASH (/copy-crash): claro como o do Double — o canvas JS (copy-crash-chart.js) re-lê o tema; velas mantêm as cores de faixa */ /* Painéis claros do blaze-dashboard: tons lavados ganham profundidade */ html[data-theme="light"] .bd-profit-label, html[data-theme="light"] .bd-profit-label span, html[data-theme="light"] .bd-profit-label small, html[data-theme="light"] .bd-ranking-title-label { color: #00843d !important; } [data-theme="light"] .bd-rank-tf-btn { color: #4b5563; } [data-theme="light"] .bd-rank-idstr { color: #6b7280; } html[data-theme="light"] .bd-rank-show-more { color: #00843d; } [data-theme="light"] .bd-round-status.rolling { color: #1d4ed8; } /* Ranking do blaze-dashboard no padrão do copy-aviator */ [data-theme="light"] .bd-card.bd-ranking { background: linear-gradient(145deg, #ffffff, #f5f7fb) !important; } [data-theme="light"] .bd-rank-row { background: #eef1f6; } /* ── /heatmap + /lista-branco + /strategies + /historico ──────────── */ :root[data-theme="light"] { --hm-panel-grad: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%); } [data-theme="light"] .lb-page { --lb-bg: #f4f6f8; --lb-panel: #ffffff; --lb-panel-2: #f2f5f8; --lb-text: #1f2937; --lb-muted: #5b6572; --lb-accent: #111827; --lb-modal-bg: #ffffff; --lb-tip-grad: linear-gradient(180deg, #ffffff, #f2f5f8); --lb-tip-bg: #f2f5f8; --lb-tip-bg-2: #ffffff; --lb-field-bg: #ffffff; } /* Heatmap: células com cor de calor (inline via JS) permanecem quentes/escuras — texto interno segue branco; banner e tags ganham tons profundos */ [data-theme="light"] .hm-alert-banner { color: #1d4ed8; } [data-theme="light"] .hm-modetab-tag { color: #334155; } [data-theme="light"] .hm-autogen { --hm-autogen-bg: rgba(255, 255, 255, 0.8); } :root[data-theme="light"] { --hm-autogen-bg: rgba(255, 255, 255, 0.8); } [data-theme="light"] .hm-gen-badge--auto { color: #1d4ed8; } [data-theme="light"] .hm-tier-dot, [data-theme="light"] .hm-ag-dot { background: #00843d; } [data-theme="light"] .hm-cell-ev { color: inherit; } [data-theme="light"] .hm-ag-ctrl select { color-scheme: light; color: var(--app-text-title); } [data-theme="light"] .hm-ag-ctrl select option { background-color: #ffffff; color: var(--app-text-title); } /* Lista Branco: drawer/modais (IRMÃOS de .lb-page — não herdam os tokens da página; precisam da réplica clara completa, inclusive --lb-modal-bg) */ [data-theme="light"] .lb-drawer, [data-theme="light"] .lb-set-modal, [data-theme="light"] .lb-confirm { --lb-text: #1f2937; --lb-muted: #5b6572; --lb-modal-bg: #ffffff; --lb-panel: #ffffff; --lb-border: rgba(15, 23, 32, 0.12); --lb-border-strong: rgba(15, 23, 32, 0.22); box-shadow: 0 24px 70px rgba(15, 23, 32, 0.25); } [data-theme="light"] .lb-set-backdrop, [data-theme="light"] .lb-confirm-backdrop { background: rgba(15, 23, 32, 0.35); } [data-theme="light"] .lb-page, [data-theme="light"] .lb-drawer, [data-theme="light"] .lb-set-modal, [data-theme="light"] .lb-confirm { --lb-win: #00843d; } [data-theme="light"] .lb-trade-tf button.is-active { color: #f8fafc; } [data-theme="light"] .lb-next-mode-btn { color: #6d28d9; } [data-theme="light"] .lb-export-btn { color: #0369a1; } [data-theme="light"] .lb-dr-head { color: #00843d; } [data-theme="light"] .lb-doc-trigger { color: #00843d; } /* Bottom nav mobile (header.ejs) */ :root[data-theme="light"] { --lf-bn-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 246, 248, 0.97)); } [data-theme="light"] .lf-bn-item:hover, [data-theme="light"] .lf-bn-item:focus { color: #0b1220; } [data-theme="light"] .lf-bn-copy .lf-bn-icon, [data-theme="light"] .lf-bn-copy.lf-bn-active, [data-theme="light"] .lf-bn-copy .lf-bn-label { color: color-mix(in srgb, var(--lf-game-accent, #f12c4c) 55%, #0b1220); } /* ── Grupo Crash: /copy-crash (acento âmbar local) ────────────────── */ [data-theme="light"] .cc-page, [data-theme="light"] .cc-modal { --cc-accent-strong: #92600a; --cc-win: #00843d; --cc-muted: #5b6572; } [data-theme="light"] .cc-feed-status--on, [data-theme="light"] .cc-pstop-lbl--win { color: #00843d; } [data-theme="light"] .cc-copy-count, [data-theme="light"] .cc-copy-toggle--on { color: #00843d; } [data-theme="light"] .cc-copy-demo-tag { color: #92600a; } [data-theme="light"] .cc-uf-sub a { color: #92600a; } [data-theme="light"] .cc-pos { color: #00843d; } [data-theme="light"] .cc-rank-val.cc-pos { color: #00843d; } [data-theme="light"] .cc-order-ac { color: #475569; } [data-theme="light"] .cc-monitor-status { color: #00843d; } [data-theme="light"] .cc-order-multi { color: #00843d; } [data-theme="light"] .cc-rank-metric-btn { color: #92600a; } /* Avatares slate: texto claro legível sobre o gradiente escuro */ [data-theme="light"] .cc-copy-ava, [data-theme="light"] .cc-rank-ava { color: #f1f5f9; } /* Book/ranking do copy-crash no padrão do copy-aviator */ [data-theme="light"] .cc-order-col { background: #eef1f6; } [data-theme="light"] .cc-side-card { background: linear-gradient(145deg, #ffffff, #f5f7fb); } [data-theme="light"] .cc-rank-item { background: #eef1f6; border-radius: 10px; } /* Gauge/medidores: verde vivo do jogo vira bandeira como TEXTO/barra de UI (chips e dots de faixa mantêm o verde vivo — identidade das rodadas) */ [data-theme="light"] .cc-gauge-mult, [data-theme="light"] .cc-gauge-label { color: #00843d; } [data-theme="light"] .cc-mbar-fill { background: #00843d; } /* ── Aviator/Crash histórico (av- e avh-): canais profundos no claro (mesma técnica que aviator.css já aplica nos modais) ─────────────── */ :root[data-theme="light"], [data-theme="light"] .av-page { --av-chip-low: 2, 132, 199; --av-chip-mid: 124, 58, 237; --av-chip-high: 219, 39, 119; --av-instrument: 8, 145, 178; --av-mid: 180, 83, 9; --av-win: 0, 132, 61; } /* Widgets nativos (date/select/spinner) seguem o tema claro nas páginas av */ [data-theme="light"] .av-page, [data-theme="light"] #avFollowModal, [data-theme="light"] #avConfirmModal, [data-theme="light"] #avPlayerModal { color-scheme: light; } /* Buckets das estratégias Aviator/Crash: pastéis viram tons profundos */ [data-theme="light"] .avst-bucket-low { color: #0369a1; } [data-theme="light"] .avst-bucket-mid { color: #6d28d9; } :root[data-theme="light"] { --avst-win-text: #00843d; --avst-loss-text: #c81e3f; --avst-loss-soft: #c81e3f; } [data-theme="light"] .av-order-tag { color: #c81e3f; } :root[data-theme="light"] { --avst-neutral-text: #5b6572; --avst-badge-text: #00843d; } [data-theme="light"] .avst-match-status.is-danger { color: #c81e3f; } [data-theme="light"] .avst-match-status.is-success { color: #00843d; } [data-theme="light"] .avst-match-status.is-queued { color: #0369a1; } [data-theme="light"] .avst-match-status.is-warning { color: #92600a; } :root[data-theme="light"] { --avst-power-on-bg: #e7f6ee; --avst-power-on-label: rgba(0, 110, 51, 0.9); } /* ── /reseller: canais indigo/esmeralda profundos no claro ────────── */ [data-theme="light"] .rsl-shell { --rsl-accent: #4338ca; --rsl-accent-rgb: 67, 56, 202; --rsl-success-rgb: 4, 120, 87; --rsl-warn-rgb: 180, 83, 9; --rsl-danger-rgb: 185, 28, 28; } [data-theme="light"] .rsl-hero-crumb, [data-theme="light"] .rsl-link-label, [data-theme="light"] .rsl-section-crumb, [data-theme="light"] .rsl-mrr-label { color: #4338ca; } [data-theme="light"] .rsl-balance-main-label, [data-theme="light"] .rsl-balance-main-value { color: #00843d; } [data-theme="light"] .rsl-page .text-success, [data-theme="light"] [class*="rsl-"] .btn-outline-success { color: #047857; } /* ── /reseller/contrato (tokens --ctr-*) ──────────────────────────── */ :root[data-theme="light"] { --ctr-body: #f4f6f8; --ctr-card: #ffffff; --ctr-border: #d9dee5; --ctr-text: #4b5563; --ctr-title: #111827; --ctr-indigo: #4338ca; --ctr-green: #00843d; --ctr-gold-light: #b45309; --ctr-overlay: rgba(244, 246, 248, 0.96); } /* ── /ajuda: badges âmbar profundos no claro ──────────────────────── */ [data-theme="light"] .hc-badge, [data-theme="light"] .hc-aux-title { color: #92600a; } [data-theme="light"] .hc-steps-title .bi { color: #00843d; } /* ── /community (tokens --c-*) ────────────────────────────────────── */ [data-theme="light"] #communityPageRoot.comm-page { --c-card-bg: var(--app-surface-panel); --c-green: #00843d; --c-blue: #0369a1; } /* ── /settings (tokens --s-* do settings-clean.css) ───────────────── */ [data-theme="light"] .page-settings .sp-title .bi { color: #00843d; } [data-theme="light"] .page-settings { --s-text: #1f2937; --s-text-strong: #111827; --s-text-mute: #5b6572; --s-text-faint: rgba(71, 85, 105, 0.85); --s-bg-input: rgba(255, 255, 255, 0.9); --s-bg-disabled: rgba(15, 23, 32, 0.06); --s-text-disabled: rgba(31, 41, 55, 0.55); } /* ── Integrações: /telegram (canais sky/ok/warn profundos no claro) ── */ :root[data-theme="light"] { --tg-info: 3, 105, 161; /* sky-700 */ --tg-info-deep: 7, 89, 133; /* sky-800 */ --tg-ok: 0, 132, 61; --tg-warn: 146, 96, 10; --tg-err: 185, 28, 28; } [data-theme="light"] .tg-groups-count.is-active { color: #0369a1; } [data-theme="light"] .tg-hero-badge--info { color: #0369a1; } [data-theme="light"] .tg-stat-value { color: #00843d; } [data-theme="light"] .tg-group-avatar { color: #0369a1; } [data-theme="light"] .tg-group-badge-active { color: #00843d; } [data-theme="light"] .tg-group-badge-paused { color: #92600a; } html[data-theme="light"] .sig-hero-crumb .crumb-sep, html[data-theme="light"] .crumb-sep { color: rgba(15, 23, 32, 0.55); } [data-theme="light"] .tg-bot-ok-label { color: #00843d; } /* Power button (ROBÔ · TELEGRAM, compartilhado c/ signals e lista-branco): mesma base clara do sig-power-btn do /bets sob o tint do estado */ [data-theme="light"] .power-btn-container { background: var(--sig-surface-power, linear-gradient(145deg, #ffffff 0%, #eef1f5 100%)); } [data-theme="light"] .power-btn-container.system-on { background: linear-gradient(145deg, rgba(46, 212, 122, 0.14) 0%, rgba(22, 163, 74, 0.05) 100%), var(--sig-surface-power, linear-gradient(145deg, #ffffff 0%, #eef1f5 100%)); } /* Barrinhas de atividade eram brancas — invisíveis na base clara */ [data-theme="light"] .system-on .status-bars i { background: #00843d; } /* sig-power-btn (/bets, /strategies) com o mesmo skin do /telegram no claro */ [data-theme="light"] .sig-power-btn.system-on, [data-theme="light"] .sig-power-btn.is-on { background: linear-gradient(145deg, rgba(46, 212, 122, 0.14) 0%, rgba(22, 163, 74, 0.05) 100%), var(--sig-surface-power, linear-gradient(145deg, #ffffff 0%, #eef1f5 100%)); } [data-theme="light"] .sig-power-btn.system-on .sig-power-bars i, [data-theme="light"] .sig-power-btn.is-on .sig-power-bars i { background: #00843d; } /* ── Modal Robô Analista (/blaze-dashboard): gráfico de candles ─────── */ [data-theme="light"] .bd-rm-candles-title { color: #374151; } [data-theme="light"] .bd-rm-tfbtn { color: #5b6572; } [data-theme="light"] .bd-rm-tfbtn.active { color: #00843d; background: rgba(0, 132, 61, 0.10); box-shadow: inset 0 0 0 1px rgba(0, 132, 61, 0.35); } [data-theme="light"] .bd-rm-cm-pip { color: #5b6572; } [data-theme="light"] .bd-rm-cm-pip[data-kind="bb"], [data-theme="light"] .bd-rm-cm-pip.active[data-kind="squeeze"] { color: #2563eb; } [data-theme="light"] .bd-rm-cm-pip.active[data-kind="squeeze"] { background: rgba(37, 99, 235, 0.10); border-color: rgba(37, 99, 235, 0.35); } [data-theme="light"] .bd-rm-cm-pip.active[data-kind="streak"] { color: #b91c1c; background: rgba(185, 28, 28, 0.08); border-color: rgba(185, 28, 28, 0.30); } [data-theme="light"] .bd-rm-candles-legend { color: #5b6572; } [data-theme="light"] .bd-rm-cl-mark.cl-win { background: #00843d; } [data-theme="light"] .bd-rm-cl-mark.cl-loss { background: #dc2626; } [data-theme="light"] .bd-rm-cl-mark.cl-pending { background: #2563eb; } [data-theme="light"] .bd-rm-cl-hint, [data-theme="light"] .bd-rm-candles-empty { color: #5b6572; } [data-theme="light"] .bd-rm-candles-tooltip { background: rgba(255, 255, 255, 0.98); border-color: rgba(15, 23, 32, 0.12); color: #374151; box-shadow: 0 12px 32px rgba(15, 23, 32, 0.18); } [data-theme="light"] .bd-rm-tt-head.up, [data-theme="light"] .bd-rm-tt-ohlc .up { color: #00843d; } [data-theme="light"] .bd-rm-tt-head.down, [data-theme="light"] .bd-rm-tt-ohlc .down { color: #b91c1c; } [data-theme="light"] .bd-rm-tt-rounds, [data-theme="light"] .bd-rm-tt-ohlc b { color: #5b6572; } [data-theme="light"] .bd-rm-tt-meta { color: #2563eb; } [data-theme="light"] .bd-rm-white-explain { color: #374151; } [data-theme="light"] .bd-rm-white-explain strong { color: #2563eb; } /* ── Modal Trocar de Conta + confirmação (admin, no sidebar) ────────── */ [data-theme="light"] .lf-impersonate-modal .modal-content, [data-theme="light"] .lf-impersonate-confirm .modal-content { background: linear-gradient(165deg, #ffffff 0%, #f6f8fb 55%, #eef1f6 100%); box-shadow: 0 0 0 1px rgba(241, 44, 76, 0.10), 0 25px 50px -12px rgba(15, 23, 32, 0.25), 0 0 80px -20px rgba(241, 44, 76, 0.08); } /* Modais vivem no sidebar — fora do #page-content-wrapper do override global */ [data-theme="light"] .lf-impersonate-modal .text-white, [data-theme="light"] .lf-impersonate-confirm .text-white { color: #111827 !important; } [data-theme="light"] .lf-impersonate-modal .btn-close-white, [data-theme="light"] .lf-impersonate-confirm .btn-close-white { filter: none; } [data-theme="light"] .lf-impersonate-modal .lf-impersonate-title, [data-theme="light"] .lf-impersonate-confirm #impersonateConfirmName { color: #111827; } [data-theme="light"] .lf-impersonate-modal .lf-impersonate-info i, [data-theme="light"] .lf-impersonate-confirm .lf-impersonate-confirm-note i { color: #2563eb; } [data-theme="light"] .lf-impersonate-result-btn:hover { box-shadow: 0 4px 24px rgba(15, 23, 32, 0.12); } [data-theme="light"] .lf-impersonate-result-btn .lf-impersonate-avatar { color: #1d4ed8; } [data-theme="light"] .lf-impersonate-badge { background: rgba(37, 99, 235, 0.10); color: #1d4ed8; border-color: rgba(37, 99, 235, 0.28); } /* Texto branco sobre o gradiente vermelho continua branco no claro */ [data-theme="light"] .lf-impersonate-confirm .btn-lf-primary, [data-theme="light"] .lf-impersonate-confirm .btn-lf-primary:hover { color: #fff; } /* ── /conta (Minha Conta) ───────────────────────────────────────────── */ [data-theme="light"] .conta-panel-heading strong, [data-theme="light"] .conta-profile-copy h2 { color: #111827; } [data-theme="light"] .conta-id-row code { color: #374151; } [data-theme="light"] .conta-privacy-row__copy strong { color: #374151; } [data-theme="light"] .conta-field-label { color: #5b6572; } [data-theme="light"] .conta-user-id__value, [data-theme="light"] .conta-user-id__hint code, [data-theme="light"] .conta-demo-balance__cur-value, [data-theme="light"] .conta-history__toggle:not(.collapsed) .conta-history__chevron, [data-theme="light"] .conta-plan-features li i, [data-theme="light"] .pm-option--pix .pm-option__icon, [data-theme="light"] .pm-option--pix .pm-option__spinner .spinner-border { color: #00843d; } /* Campo do saldo demo era um poço escuro (#0d1218) */ [data-theme="light"] .conta-operation-panel .conta-demo-balance__input-group .form-control, [data-theme="light"] .conta-operation-panel .conta-demo-balance__input-group .input-group-text { color: #111827; background: #ffffff; } [data-theme="light"] .conta-balance-apply-btn { color: #fff; background: #00843d; border-color: #00843d; } [data-theme="light"] .conta-balance-apply-btn:hover { color: #fff; background: #006b31; border-color: #006b31; } [data-theme="light"] .conta-pix-modal .modal-content.conta-pix-modal__content { background-color: #ffffff; background-image: linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%); } [data-theme="light"] .conta-card-modal .form-select option { background: #ffffff; color: #111827; } [data-theme="light"] .conta-pix-countdown--expired { color: #b91c1c; } [data-theme="light"] .conta-plan-amount, [data-theme="light"] .conta-plan-permonth { color: #00843d; } /* Pills inline do histórico de contratos/copy (cores vêm em style="") */ [data-theme="light"] .conta-pill--ok { color: #00843d !important; } [data-theme="light"] .conta-pill--err { color: #c81e3f !important; } [data-theme="light"] .conta-pill--wait { color: #92600a !important; } /* Avatar VR: branco sobre tint vermelho fraco não lê no claro */ [data-theme="light"] .lf-avatar-preview { color: #c81e3f; } /* ── /bets: card Registros ──────────────────────────────────────────── */ /* Chip do alvo Crash (renderer injeta pastéis inline) */ [data-theme="light"] .bets-crash-target { background: rgba(99, 102, 241, 0.10) !important; color: #4338ca !important; border-color: rgba(99, 102, 241, 0.35) !important; } /* Badges .bg-dark do conteúdo viram chip claro (agendados etc.) */ [data-theme="light"] #page-content-wrapper .badge.bg-dark { background: rgba(15, 23, 32, 0.06) !important; color: #374151 !important; border-color: rgba(15, 23, 32, 0.16) !important; } /* LISTA BRANCO mantém a identidade roxa no claro */ [data-theme="light"] #page-content-wrapper .badge.bets-pattern-wlist { background: rgba(124, 92, 255, 0.12) !important; color: #5b21b6 !important; border: 1px solid rgba(124, 92, 255, 0.35) !important; } [data-theme="light"] .martingale-timer-body { color: #00843d; } /* Chips WIN/LOSS e virtuais do Registros: pastéis → tons profundos */ [data-theme="light"] .bets-wl--win { color: #00843d; background: rgba(0, 132, 61, 0.10); border-color: rgba(0, 132, 61, 0.35); } [data-theme="light"] .bets-wl--loss { color: #b91c1c; background: rgba(185, 28, 28, 0.08); border-color: rgba(185, 28, 28, 0.32); } [data-theme="light"] .bets-virtual-result--win { color: #00843d; background: linear-gradient(135deg, rgba(0, 132, 61, 0.10), rgba(0, 132, 61, 0.04)); border-color: rgba(0, 132, 61, 0.35); box-shadow: none; } [data-theme="light"] .bets-virtual-result--loss { color: #b91c1c; background: linear-gradient(135deg, rgba(185, 28, 28, 0.10), rgba(185, 28, 28, 0.04)); border-color: rgba(185, 28, 28, 0.35); box-shadow: none; } /* Badge AO VIVO (bg-success com bg-opacity-40): tint forte demais sob texto verde bandeira — abaixa o tint no claro */ [data-theme="light"] #page-content-wrapper .badge.bg-success.bg-opacity-40 { --bs-bg-opacity: 0.1; } /* ── /settings: Gestão de Capital, Stop W/L, Ciclos, Stop Diário ────── */ /* Cards de modo (Ciclos + Stop Inteligente) não-marcados: gradiente dark fixo */ [data-theme="light"] .page-settings .cycles-mode-card { background: linear-gradient(180deg, #ffffff, #f2f5f8); color: #374151; border-color: rgba(15, 23, 32, 0.14); } [data-theme="light"] .page-settings .cycles-mode-card:hover { background: linear-gradient(180deg, #f8fafc, #eef1f6); box-shadow: 0 10px 28px -14px rgba(15, 23, 32, 0.28); } [data-theme="light"] .page-settings .cycles-mode-card__icon, [data-theme="light"] .page-settings .cycles-mode-card--rotating .cycles-mode-card__icon { color: #5b6572 !important; } [data-theme="light"] .page-settings .btn-check:checked + .cycles-mode-card .cycles-mode-card__icon { color: #111827 !important; } /* Barra do seletor de Gestão de Capital (Padrão/Masaniello/Listflow) */ [data-theme="light"] .page-settings .capital-strategy-picker { background: rgba(15, 23, 32, 0.05) !important; border-color: rgba(15, 23, 32, 0.12) !important; } [data-theme="light"] .page-settings .capital-strategy-pill { color: #374151 !important; } /* Seletor de Gestão de Capital + pills Masaniello: não-marcados eram escuros */ [data-theme="light"] .page-settings .m-capital-source-group .btn-check:not(:checked) + .m-capital-source-btn, [data-theme="light"] .m-capital-source-group .btn-check:not(:checked) + .m-capital-source-btn { background-color: rgba(15, 23, 32, 0.04) !important; color: #374151 !important; border-color: rgba(15, 23, 32, 0.14) !important; } [data-theme="light"] .page-settings .m-capital-source-group .btn-check:not(:checked) + .m-capital-source-btn:hover { background-color: rgba(15, 23, 32, 0.08) !important; color: #111827 !important; } [data-theme="light"] .page-settings .mas-pill-group .btn-check:not(:checked) + .mas-pill, [data-theme="light"] .mas-pill-group .btn-check:not(:checked) + .mas-pill { background-color: rgba(15, 23, 32, 0.04) !important; color: #374151 !important; border-color: rgba(15, 23, 32, 0.14) !important; } [data-theme="light"] .page-settings .mas-input-group, [data-theme="light"] .mas-input-group, [data-theme="light"] .page-settings .mas-pill-group, [data-theme="light"] .mas-pill-group { background: #f2f5f8 !important; border-color: rgba(15, 23, 32, 0.12) !important; } /* Barras de sub-abas internas escuras. Os CSS de settings carregam DEPOIS do theme-light nesta página — empate de especificidade perde; usa !important */ [data-theme="light"] .page-settings .risk-tabs, [data-theme="light"] .page-settings .filters-tabs { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(15, 23, 32, 0.10) !important; } /* Ciclos: números do resumo e pill do submodo lavados */ [data-theme="light"] .page-settings .cycles-summary strong { color: #4338ca; } [data-theme="light"] .page-settings .cycles-submode-active-pill { color: #374151 !important; } /* Horário: relógio de Brasília lavado (regra original tem ID duplo) */ [data-theme="light"] .page-settings #section-schedule #schedule_current_time { color: #111827; } [data-theme="light"] .page-settings .schedule-nowbar strong { color: #111827; } /* Banner "Configurações bloqueadas": textos em tokens de tinta ficavam escuros sobre o gradiente vermelho — branco literal no claro */ [data-theme="light"] #settingsLockBanner.slb .slb__title, [data-theme="light"] #settingsLockBanner.slb .slb__link, [data-theme="light"] #settingsLockBanner.slb .slb__link:focus { color: #fff; } [data-theme="light"] #settingsLockBanner.slb .slb__text { color: rgba(255, 255, 255, 0.88); } [data-theme="light"] #settingsLockBanner.slb .slb__icon { background: rgba(255, 255, 255, 0.14); } [data-theme="light"] #settingsLockBanner.slb .slb__link { border-bottom-color: rgba(255, 255, 255, 0.5); } /* ── Dropdown do usuário no footer do sidebar (gradiente dark fixo) ── */ [data-theme="light"] .lf-user-menu { background: linear-gradient(165deg, #ffffff 0%, #f6f8fb 55%, #eef1f6 100%); box-shadow: 0 16px 48px rgba(15, 23, 32, 0.22); } [data-theme="light"] .lf-user-menu-item--danger { color: #c81e3f; } [data-theme="light"] .lf-user-menu-pill { background: rgba(146, 96, 10, 0.12); color: #92600a; border-color: rgba(146, 96, 10, 0.32); } [data-theme="light"] .lf-user-menu-pill.lf-pill-danger { background: rgba(200, 30, 63, 0.10); color: #c81e3f; border-color: rgba(200, 30, 63, 0.35); } /* Modais do menu do usuário (Trocar nome/senha, Excluir conta) — card tinha gradiente dark fixo; textos em tokens se corrigem sozinhos */ [data-theme="light"] .lf-user-modal-card { background: linear-gradient(165deg, #ffffff 0%, #f6f8fb 55%, #eef1f6 100%); box-shadow: 0 18px 64px rgba(15, 23, 32, 0.25); } [data-theme="light"] .lf-user-modal-backdrop { background: rgba(15, 23, 32, 0.35); } [data-theme="light"] .lf-user-modal-error { color: #c81e3f; } [data-theme="light"] .lf-user-modal-ok { color: #00843d; } /* ── /planos (catálogo) ─────────────────────────────────────────────── */ [data-theme="light"] .plans-page { --plans-panel: #ffffff; --plans-panel-2: #f4f6f8; --plans-line: rgba(15, 23, 32, 0.12); --plans-muted: #5b6572; --plans-text: #111827; } [data-theme="light"] .plans-hero { border-color: rgba(15, 23, 32, 0.08); background: linear-gradient(120deg, #ffffff, #f2f5f8), #f4f6f8; box-shadow: 0 26px 80px rgba(15, 23, 32, 0.10); } [data-theme="light"] .plans-hero::after { background-image: linear-gradient(rgba(15, 23, 32, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 32, 0.05) 1px, transparent 1px); } [data-theme="light"] .plans-hero h1 span { background: linear-gradient(90deg, #111827 0%, #374151 58%, #5b6572 100%); -webkit-background-clip: text; background-clip: text; } [data-theme="light"] .plans-hero__copy > p { color: #374151; } [data-theme="light"] .plans-eyebrow, [data-theme="light"] .plans-section-kicker { color: #00843d; } [data-theme="light"] .plans-primary-link { color: #fff; background: #00843d; box-shadow: 0 10px 28px rgba(0, 132, 61, 0.22); } [data-theme="light"] .plans-primary-link:hover { color: #fff; background: #006b31; } [data-theme="light"] .plans-secondary-link { color: #374151; border-color: rgba(15, 23, 32, 0.16); background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-secondary-link:hover { color: #111827; border-color: rgba(15, 23, 32, 0.3); } /* Console do hero */ [data-theme="light"] .plans-hero__console { border-color: rgba(15, 23, 32, 0.12); background: rgba(255, 255, 255, 0.82); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 18px 50px rgba(15, 23, 32, 0.12); } [data-theme="light"] .plans-console__top { color: #5b6572; } [data-theme="light"] .plans-console__top i, [data-theme="light"] .plans-console__top strong { color: #00843d; } [data-theme="light"] .plans-console__games > span { color: #374151; border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-console__games strong { color: #111827; } [data-theme="light"] .plans-console__games .is-double i { color: #c81e3f; } [data-theme="light"] .plans-console__games .is-crash i { color: #92600a; } [data-theme="light"] .plans-console__games .is-aviator i { color: #0369a1; } [data-theme="light"] .plans-console__bundle > span { color: #00843d; } [data-theme="light"] .plans-console__bundle > strong { color: #111827; } [data-theme="light"] .plans-console__bundle > strong small { color: #5b6572; } [data-theme="light"] .plans-hero__console > small { color: #5b6572; } /* Seções */ [data-theme="light"] .plans-section, [data-theme="light"] .plans-checkout-section { background: linear-gradient(145deg, #ffffff, #f6f8fb); } [data-theme="light"] .plans-live-pill, [data-theme="light"] .plans-secure-chip { color: #00843d; border-color: rgba(0, 132, 61, 0.3); background: rgba(0, 132, 61, 0.07); } [data-theme="light"] .plans-live-pill i { background: #00843d; box-shadow: 0 0 10px rgba(0, 132, 61, 0.5); } /* Cards por game (a arte/visual segue escura de propósito) */ [data-theme="light"] .plans-game-card { color: #111827; border-color: rgba(15, 23, 32, 0.1); background: radial-gradient(circle at 100% 0, rgba(var(--game-rgb), 0.08), transparent 48%), #ffffff; box-shadow: 0 12px 32px rgba(15, 23, 32, 0.08); } [data-theme="light"] .plans-game-card { --game-accent: #c81e3f; --game-rgb: 200, 30, 63; } [data-theme="light"] .plans-game-card--crash { --game-accent: #b45309; --game-rgb: 180, 83, 9; } [data-theme="light"] .plans-game-card--aviator { --game-accent: #0369a1; --game-rgb: 3, 105, 161; } [data-theme="light"] .plans-game-card:hover { box-shadow: 0 22px 48px rgba(15, 23, 32, 0.14), 0 0 30px rgba(var(--game-rgb), 0.08); } [data-theme="light"] .plans-game-card__description { color: #5b6572; } [data-theme="light"] .plans-game-card__price { color: #111827; } [data-theme="light"] .plans-game-card__price em { color: #5b6572; } [data-theme="light"] .plans-game-card__cycles > span { border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-game-card__cycles small { color: #5b6572; } [data-theme="light"] .plans-game-card__cycles strong { color: #111827; } [data-theme="light"] .plans-game-card__modules span { color: #475569; border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-game-card__cta { border-top-color: rgba(15, 23, 32, 0.1); } /* Painel de recursos */ [data-theme="light"] .plans-feature-panel { --feature-accent: #c81e3f; --feature-rgb: 200, 30, 63; background: linear-gradient(120deg, rgba(var(--feature-rgb), 0.06), transparent 42%), #ffffff; } [data-theme="light"] .plans-feature-panel.is-crash { --feature-accent: #b45309; --feature-rgb: 180, 83, 9; } [data-theme="light"] .plans-feature-panel.is-aviator { --feature-accent: #0369a1; --feature-rgb: 3, 105, 161; } [data-theme="light"] .plans-feature-panel__intro { border-bottom-color: rgba(15, 23, 32, 0.1); } [data-theme="light"] .plans-feature-panel__intro p { color: #5b6572; } [data-theme="light"] .plans-feature-panel__link:hover { color: #111827; } [data-theme="light"] .plans-feature-item { border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.025); } [data-theme="light"] .plans-feature-item strong { color: #111827; } [data-theme="light"] .plans-feature-item small { color: #5b6572; } [data-theme="light"] .plans-shared-strip { border-top-color: rgba(15, 23, 32, 0.08); color: #5b6572; } [data-theme="light"] .plans-shared-strip span:first-child { color: #00843d; } [data-theme="light"] .plans-catalog-note { color: #475569; border-color: rgba(3, 105, 161, 0.25); background: rgba(3, 105, 161, 0.05); } [data-theme="light"] .plans-catalog-note i { color: #0369a1; } [data-theme="light"] .plans-catalog-note strong { color: #111827; } /* Pacote completo */ [data-theme="light"] .plans-bundle { border-color: rgba(0, 132, 61, 0.28); background: linear-gradient(120deg, rgba(0, 132, 61, 0.06), transparent 38%), linear-gradient(145deg, #ffffff, #f4f7fa); box-shadow: 0 24px 65px rgba(15, 23, 32, 0.1); } [data-theme="light"] .plans-bundle__badge { color: #00843d; border-color: rgba(0, 132, 61, 0.3); background: rgba(0, 132, 61, 0.07); } [data-theme="light"] .plans-bundle__intro > p { color: #5b6572; } [data-theme="light"] .plans-bundle__games span { color: #374151; border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-bundle__games .is-double i { color: #c81e3f; } [data-theme="light"] .plans-bundle__games .is-crash i { color: #92600a; } [data-theme="light"] .plans-bundle__games .is-aviator i { color: #0369a1; } [data-theme="light"] .plans-bundle__saving { border-left-color: #00843d; background: rgba(0, 132, 61, 0.06); } [data-theme="light"] .plans-bundle__saving i { color: #00843d; } [data-theme="light"] .plans-bundle__saving span { color: #5b6572; } [data-theme="light"] .plans-bundle__saving strong { color: #00843d; } [data-theme="light"] .plans-bundle-cycle { border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.025); } [data-theme="light"] .plans-bundle-cycle:hover { border-color: rgba(0, 132, 61, 0.35); background: rgba(0, 132, 61, 0.05); } [data-theme="light"] .plans-bundle-cycle > span { color: #5b6572; } [data-theme="light"] .plans-bundle-cycle > span b { color: #fff; background: #00843d; } [data-theme="light"] .plans-bundle-cycle strong { color: #111827; } [data-theme="light"] .plans-bundle-cycle strong small { color: #00843d; } [data-theme="light"] .plans-bundle-cycle em { color: #5b6572; } [data-theme="light"] .plans-bundle-cycle--best { border-color: rgba(0, 132, 61, 0.32); background: linear-gradient(135deg, rgba(0, 132, 61, 0.07), rgba(3, 105, 161, 0.04)); } [data-theme="light"] .plans-bundle__cta { color: #fff; background: #00843d; box-shadow: 0 10px 28px rgba(0, 132, 61, 0.2); } [data-theme="light"] .plans-bundle__cta:hover { color: #fff; background: #006b31; } /* Tabela comparativa */ [data-theme="light"] .plans-compare-table-wrap { border-color: rgba(15, 23, 32, 0.1); } [data-theme="light"] .plans-compare-table th, [data-theme="light"] .plans-compare-table td { border-bottom-color: rgba(15, 23, 32, 0.08); } [data-theme="light"] .plans-compare-table thead th { color: #5b6572; background: rgba(15, 23, 32, 0.03); } [data-theme="light"] .plans-compare-table thead th:nth-child(2) i { color: #c81e3f; } [data-theme="light"] .plans-compare-table thead th:nth-child(3) i { color: #92600a; } [data-theme="light"] .plans-compare-table thead th:nth-child(4) i { color: #0369a1; } [data-theme="light"] .plans-compare-table tbody th { color: #374151; } [data-theme="light"] .plans-compare-table td { color: #00843d; } [data-theme="light"] .plans-compare-table td span { color: #8b95a3; } /* Checkout individual */ [data-theme="light"] .plans-individual-checkout { border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.025); } [data-theme="light"] .plans-individual-checkout__heading > div > span { color: #5b6572; } [data-theme="light"] .plans-individual-checkout__heading h4 { color: #111827; } [data-theme="light"] .plans-individual-checkout__heading p { color: #5b6572; } [data-theme="light"] .plans-individual-checkout__secure { color: #00843d; border-color: rgba(0, 132, 61, 0.25); background: rgba(0, 132, 61, 0.07); } [data-theme="light"] .plans-individual-card { border-color: rgba(15, 23, 32, 0.1); background: linear-gradient(145deg, #ffffff, #f4f6f9); } [data-theme="light"] .plans-individual-card:hover { background: #f2f5f8; } [data-theme="light"] .plans-individual-card.is-best { border-color: rgba(0, 132, 61, 0.32); } [data-theme="light"] .plans-individual-card__badge { color: #00843d; background: rgba(0, 132, 61, 0.1); } [data-theme="light"] .plans-individual-card__cycle { color: #5b6572; } [data-theme="light"] .plans-individual-card__price { color: #111827; } [data-theme="light"] .plans-individual-card__discount, [data-theme="light"] .plans-individual-card__saving, [data-theme="light"] .plans-individual-card li i { color: #00843d; } [data-theme="light"] .plans-individual-card ul { color: #5b6572; } /* Resumo de acesso (checkout) */ [data-theme="light"] .plans-access-summary { border-color: rgba(15, 23, 32, 0.1); background: rgba(15, 23, 32, 0.02); } [data-theme="light"] .plans-access-summary__heading { border-bottom-color: rgba(15, 23, 32, 0.08); color: #374151; } [data-theme="light"] .plans-access-summary__heading i { color: #00843d; } [data-theme="light"] .plans-access-summary__heading a { color: #5b6572; } [data-theme="light"] .plans-access-summary__heading a:hover { color: #111827; } [data-theme="light"] .plans-checkout-title-row { color: #5b6572; } /* Aba Grupos/Canais: cards da lista usam utilitários bg-dark/text-light */ :root[data-theme="light"] { --tg-addbot-bg: #eef1f6; } [data-theme="light"] .group-card.bg-dark { background: #eef1f6 !important; border: 1px solid rgba(15, 23, 32, 0.08); } /* ── Ferramentas: /calculadora ────────────────────────────────────── */ [data-theme="light"] .calc-page { --calc-muted: #5b6572; --readout: #111827; } [data-theme="light"] .calc-mode-tab.active { color: #c81e3f; } /* ── Ferramentas: /projecao-banca ─────────────────────────────────── */ [data-theme="light"] .bp-page { --bp-bg: #f4f6f8; --bp-card-top: #ffffff; --bp-card-bottom: #f8fafc; --bp-deep: #eef1f5; --bp-muted: rgba(15, 23, 32, 0.62); --bp-text: #1f2937; --bp-text-max: #0b1220; --bp-text-soft: #374151; --bp-text-dim: #5b6572; --bp-green: #00843d; --bp-green-rgb: 0, 132, 61; --bp-red-rgb: 185, 28, 28; --bp-blue: #0e7490; --bp-amber: #b45309; --bp-skip-overlay: rgba(244, 246, 248, 0.72); } /* ── Campos de formulário e modais do sidebar (globais) ───────────── */ :root[data-theme="light"] { --lf-modal-inset: rgba(15, 23, 32, 0.05); --lf-modal-inset-hover: rgba(15, 23, 32, 0.09); --lf-modal-field: #ffffff; --lf-modal-surface: #ffffff; --lf-plan-modal-grad: linear-gradient(155deg, #ffffff, #f2f5f8 62%); /* fallbacks de campos por página valem em qualquer escopo */ --bets-field-bg: #ffffff; --lb-field-bg: #ffffff; --f-field-bg: var(--app-surface-field); --bd-field-bg: #ffffff; }