/**
 * Poupex Play — marca oficial: azul royal + ouro + preto
 * Tokens --logo-green* mantêm o nome (compat) mas apontam para azul.
 *
 * Amostra:
 *   fundo #0B1B3A · mid #1A3A8F · bright #2F6BFF · painel #0C1A2E · btn #123A6B
 */

:root {
  --logo-green: #0B1B3A;
  --logo-green-mid: #1A3A8F;
  --logo-green-bright: #2F6BFF;
  --logo-green-deep: #060E1A;
  --logo-green-panel: #0C1A2E;
  --logo-green-btn: #123A6B;
  --logo-green-soft: rgba(26, 58, 143, 0.18);
  --logo-green-glow: rgba(47, 107, 255, 0.28);
  --logo-lime: #5B8CFF;
  --logo-gold: #123bf9;
  --logo-gold-bright: #5b8cff;
  --logo-gold-deep: #0f2ea8;

  --logo-banner: linear-gradient(145deg, #1A3A8F 0%, #0B1B3A 42%, #081428 78%, #060E1A 100%);
  --logo-banner-gold: linear-gradient(135deg, #1A3A8F 0%, #0B1B3A 55%, #0f2ea8 100%);
  --logo-banner-shadow: rgba(6, 14, 26, 0.5);
  --logo-cta: linear-gradient(135deg, #123bf9 0%, #0f2ea8 55%, #8a7340 100%);
  --logo-cta-shadow: rgba(18, 59, 249, 0.32);
  --logo-tab-active: linear-gradient(135deg, #1A3A8F 0%, #0B1B3A 100%);
  --logo-tab-shadow: rgba(6, 14, 26, 0.4);
  --logo-finance-card: linear-gradient(160deg, #123A6B 0%, #0B1B3A 48%, #081428 100%);
  --logo-finance-shadow: 0 12px 28px rgba(6, 14, 26, 0.5);

  --brand-accent: var(--logo-green-mid);
  --brand-accent-light: var(--logo-green-bright);
  --brand-accent-soft: var(--logo-green-soft);
  --brand-accent-glow: var(--logo-green-glow);
  --brand-border-accent: rgba(47, 107, 255, 0.28);
  --primary: var(--logo-green-mid);
  --primary-strong: var(--logo-green);
  --green: var(--logo-green-bright);
  --orange: var(--logo-gold);
  --grad-hero: linear-gradient(135deg, #123bf9 0%, #1A3A8F 38%, #0B1B3A 68%, #060E1A 100%);
  --grad-hero-shadow: var(--logo-banner-shadow);
  --grad-tab-active: var(--logo-tab-active);
  --grad-accent-duo: linear-gradient(135deg, #123bf9, #1A3A8F);
  --grad-progress: linear-gradient(90deg, var(--logo-green-bright), var(--logo-gold));
  --input-focus-ring: rgba(47, 107, 255, 0.28);
}

html:not([data-theme="dark"]) {
  --primary: var(--logo-green-mid);
  --primary-strong: var(--logo-green);
  --nav-active: var(--logo-green-mid);
  --brand-accent: var(--logo-green-mid);
  --brand-accent-light: var(--logo-green-bright);
}

html[data-theme="dark"] {
  --brand-accent: var(--logo-green-bright);
  --primary: var(--logo-green-mid);
  --primary-strong: var(--logo-green);
  --green: var(--logo-green-bright);
  --input-focus-ring: rgba(47, 107, 255, 0.35);
}

/* —— Banners e heróis (azul royal) —— */
.team-summary,
.team-summary--v2,
.profile-header,
.profile-level-strip,
.task-summary,
.dash-levels__task-cta {
  background: var(--logo-banner) !important;
  box-shadow: 0 12px 28px var(--logo-banner-shadow) !important;
}

.dash-hero,
.dash-action--accent,
.card.orange,
.bots-empty__cta,
.bo-reinvest-banner__btn {
  background: var(--logo-banner) !important;
}

/* Painel principal (tela inicial) */
.pp-painel-hero,
html[data-theme="dark"] .pp-painel-hero {
  background: var(--logo-finance-card) !important;
  box-shadow: var(--logo-finance-shadow) !important;
  border: 1px solid rgba(47, 107, 255, 0.28) !important;
}

.pp-painel-hero__copy {
  background: var(--logo-green-btn) !important;
  border-color: rgba(255, 255, 255, 0.88) !important;
}

.pp-painel-btn--light,
html[data-theme="dark"] .pp-painel-btn--light {
  color: var(--logo-green) !important;
}

.carreira-hero {
  background: linear-gradient(135deg, rgba(26, 58, 143, 0.28), rgba(6, 14, 26, 0.72)) !important;
  border-color: rgba(47, 107, 255, 0.4) !important;
}

.task-modal__cta.is-ready,
.task-reset-banner__btn {
  background: var(--logo-cta) !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 20px var(--logo-cta-shadow) !important;
}

/* —— Card financeiro Indicação / Tarefas —— */
.dash-finance__main,
.dash-finance--page .dash-finance__main,
html[data-theme="dark"] .dash-finance__main {
  background: var(--logo-finance-card) !important;
  box-shadow: var(--logo-finance-shadow) !important;
  border: 1px solid rgba(47, 107, 255, 0.28) !important;
}

.dash-finance__split-item {
  background: var(--logo-green-panel) !important;
  border-color: rgba(47, 107, 255, 0.35) !important;
}

.dash-finance__pill {
  background: #07101C !important;
}

.dash-finance__cta,
.dash-finance__cta:hover {
  background: var(--logo-green-btn) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.dash-finance__cta--secondary {
  background: color-mix(in srgb, var(--logo-green-btn) 75%, #000) !important;
  opacity: 0.92;
}

.dash-finance__cta--reinvest {
  background: var(--logo-green-btn) !important;
}

.fin-wallet__alert,
.fin-wallet__alert--info {
  background: rgba(11, 30, 16, 0.55) !important;
  border-color: rgba(47, 107, 255, 0.4) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

/* —— Abas ativas —— */
.task-tab--active,
.task-tab--active:hover,
.team-tabs .task-tab--active {
  background: var(--logo-tab-active) !important;
  box-shadow: 0 4px 12px var(--logo-tab-shadow) !important;
  color: #fff !important;
}

/* —— Botões CTA dourados (logo) —— */
.bo-btn--gold,
.dash-action--accent,
.bots-empty__cta,
.app-topbar__deposit,
.shell--app .btn-primary,
.dep-custom__submit,
.invite-copy {
  background: var(--logo-cta) !important;
  color: #0a0a0a !important;
  box-shadow: 0 4px 14px var(--logo-cta-shadow) !important;
}

/* —— Equipe: níveis (verde azul royal + ouro) —— */
.team-tier--n1,
.team-tier--a,
.team-tier-member__avatar--n1 {
  background: linear-gradient(135deg, var(--logo-gold-bright), var(--logo-gold)) !important;
  box-shadow: 0 4px 12px rgba(18, 59, 249, 0.35) !important;
}

.team-tier--n2,
.team-tier--b,
.team-tier-member__avatar--n2 {
  background: linear-gradient(135deg, var(--logo-gold), var(--logo-green-mid)) !important;
  box-shadow: 0 4px 12px var(--logo-green-glow) !important;
}

.team-tier--n3,
.team-tier-member__avatar--n3 {
  background: linear-gradient(135deg, var(--logo-green-bright), var(--logo-green)) !important;
  box-shadow: 0 4px 12px var(--logo-green-glow) !important;
}

.team-tier--n4,
.team-tier-member__avatar--n4 {
  background: linear-gradient(135deg, var(--logo-green-mid), var(--logo-green-deep)) !important;
  box-shadow: 0 4px 12px rgba(6, 14, 26, 0.4) !important;
}

.team-tier--n5,
.team-tier--c,
.team-tier-member__avatar--n5 {
  background: linear-gradient(135deg, var(--logo-lime), var(--logo-green)) !important;
  box-shadow: 0 4px 12px var(--logo-green-glow) !important;
}

.team-levels-strip__item--1 { border-bottom-color: var(--logo-gold-bright) !important; }
.team-levels-strip__item--2 { border-bottom-color: var(--logo-gold) !important; }
.team-levels-strip__item--3 { border-bottom-color: var(--logo-green-bright) !important; }
.team-levels-strip__item--4 { border-bottom-color: var(--logo-green-mid) !important; }
.team-levels-strip__item--5 { border-bottom-color: var(--logo-lime) !important; }

.team-tier-metric__value--gold,
.team-tier-card--v2.team-tier-card--open .team-tier-card__chevron,
.fin-team-row__amount strong,
.fin-member-stat strong {
  color: var(--logo-green-bright) !important;
}

.team-tier-card--v2:not(.team-tier-card--empty):hover,
.team-tier-card--v2.team-tier-card--open {
  border-color: rgba(47, 107, 255, 0.4) !important;
}

.team-tier-member__link:hover {
  border-color: rgba(47, 107, 255, 0.4) !important;
  box-shadow: 0 4px 12px var(--logo-green-soft) !important;
}

.fin-member-hero__avatar,
.fin-team-row__avatar {
  background: linear-gradient(135deg, var(--logo-green-mid), var(--logo-gold)) !important;
}

/* —— Stats e destaques —— */
.stat--orange,
.stat--orange-2,
.stat--green {
  --stat-color: var(--logo-green-bright) !important;
}

.task-stat__value--orange,
.task-summary .task-stat__value--orange {
  color: var(--logo-gold-bright) !important;
}

.task-stat__value--green,
.history-row__value--credit,
.history-row__amount--in,
.finance-row__value--deposito {
  color: var(--logo-green-bright) !important;
}

/* —— Textos e links de destaque —— */
.history-tab--active,
.perfil-nav a.active,
.fin-tabs__btn--active,
.carreira-step--active .carreira-step__badge {
  background: var(--logo-tab-active) !important;
  border-color: rgba(47, 107, 255, 0.4) !important;
  color: #fff !important;
}

/* Tarefas / bots */
.bot-card__badge,
.bots-hero,
.task-progress__fill {
  background: linear-gradient(90deg, var(--logo-green-mid), var(--logo-gold)) !important;
}

/* Financeiro */
.fin-bonus-card,
.fin-card--highlight {
  border-color: rgba(47, 107, 255, 0.3) !important;
}

.fin-bonus-card__title,
.fin-card__value--up,
.fin-extrato-link__value {
  color: var(--logo-green-bright) !important;
}

/* Carreira / ganhos */
.ganhos-card--highlight {
  border-color: rgba(47, 107, 255, 0.3) !important;
}

/* Cores de texto de destaque */
.profile-stat__value--accent {
  color: var(--logo-green-bright) !important;
}

.dep-preset--active {
  color: var(--logo-green-bright) !important;
  border-color: var(--logo-green-mid) !important;
  background: var(--logo-green-soft) !important;
}

/* Depósito / formulários foco */
input:focus,
select:focus,
textarea:focus,
.dep-custom__amount-btn--active {
  border-color: var(--logo-green-mid) !important;
  outline-color: rgba(47, 107, 255, 0.4) !important;
}

/* Progress bars */
.progress__fill,
.bo-earnings-cap__bar-fill,
.bo-stat__ring-fill {
  stroke: var(--logo-green-bright);
  background: linear-gradient(90deg, var(--logo-green-mid), var(--logo-gold)) !important;
}

/* Sidebar ativo */
.app-sidebar__link--active .app-sidebar__icon--gold {
  color: var(--logo-gold-bright) !important;
}

.app-sidebar__link--active {
  border-color: rgba(47, 107, 255, 0.28) !important;
  background: rgba(26, 58, 143, 0.22) !important;
}

/* Marquee / avisos */
.dash-header__marquee > svg,
.dash-header__marquee-track span b {
  color: var(--logo-gold) !important;
}

/* Topbar e navegação */
.app-topbar__tab,
.app-topbar__link {
  color: #f2ebe0 !important;
}

.app-topbar__tab--active,
.app-topbar__link--active {
  color: #5b8cff !important;
  border-color: rgba(18, 59, 249, 0.55) !important;
}

/* Saldo topbar: fundo azul royal + texto dourado/branco (alto contraste) */
.app-topbar__balance,
.app-topbar__balance-value,
.app-topbar__balance-amount,
.app-topbar__balance-icon {
  color: #5b8cff !important;
}

.app-topbar__balance-value {
  background: #0B1B3A !important;
  border-color: rgba(91, 140, 255, 0.45) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 140, 255, 0.12) !important;
}

.app-topbar__balance:hover .app-topbar__balance-value {
  background: #1A3A8F !important;
  border-color: #5b8cff !important;
}

/* Voltar do page-header: círculo dourado + ícone escuro */
.shell--app .page-header__back,
html[data-theme="dark"] .page-header__back,
.page-header--dark .page-header__back {
  background: #123bf9 !important;
  color: #0a0a0a !important;
  border: none !important;
}

.shell--app .page-header__back:hover,
html[data-theme="dark"] .page-header__back:hover,
.page-header--dark .page-header__back:hover {
  background: #5b8cff !important;
  color: #0a0a0a !important;
}

.shell--app .page-header__back svg,
html[data-theme="dark"] .page-header__back svg {
  color: #0a0a0a !important;
  stroke: #0a0a0a !important;
}

/* Cards e chips de destaque */
.card.orange,
.chip--accent,
.badge--accent {
  background: var(--logo-banner) !important;
  color: #fff !important;
}

/* Ícones / badges verdes hardcoded → azul royal */
.config-row__icon--green,
.dash-tile__icon--green,
html[data-theme="dark"] .config-row__icon--green,
html[data-theme="dark"] .dash-tile__icon--green {
  background: rgba(26, 58, 143, 0.22) !important;
  color: var(--logo-green-bright) !important;
}

.status-pill--success {
  background: rgba(26, 58, 143, 0.2) !important;
  color: #b8e6c8 !important;
}

html:not([data-theme="dark"]) .status-pill--success {
  background: #e8f5ee !important;
  color: #14532d !important;
}

/* Gradientes verdes genéricos (tarefas, progresso, tiers) */
.team-tier--n5,
.landing-pro__badge-icon--green {
  background: linear-gradient(135deg, var(--logo-lime), var(--logo-green)) !important;
}

/* Histórico / extrato */
.history-tab,
.fin-history__tab {
  color: var(--text-muted);
}

/* Convite */
.invite-tier__lv {
  color: var(--logo-gold) !important;
}

/* Modo claro — avisos e mensagens */
html:not([data-theme="dark"]) {
  --msg-bg: rgba(26, 58, 143, 0.08);
  --msg-border: rgba(18, 59, 249, 0.35);
  --msg-text: var(--logo-green-deep);
}

/* Login / cards com borda verde */
html[data-theme="dark"] .login-card {
  border-color: rgba(47, 107, 255, 0.28) !important;
}

/* ============================================================
   Contraste global — letras legíveis (paleta logo)
   Fundo escuro + branco / creme / dourado
   ============================================================ */
html[data-theme="dark"],
.shell--app {
  --text-strong: #ffffff;
  --text-soft: #f2ebe0;
  --text-muted: #d8c9a8;
  --brand-text: #ffffff;
  --brand-text-muted: #d8c9a8;
  --brand-text-subtle: #123bf9;
}

/* App shell: força contraste mesmo se o tema local estiver “claro” */
.shell--app,
.shell--app .app-content,
.shell--app .content {
  color: #ffffff;
}

.shell--app .card,
.shell--app .page-header,
.shell--app .topbar,
.shell--app .history-row,
.shell--app .finance-table,
.shell--app .empty-state,
.shell--app .task-card,
.shell--app .bo-section,
.shell--app .fin-wallet,
.shell--app .dep-card {
  color: #ffffff;
}

.shell--app h1,
.shell--app h2,
.shell--app h3,
.shell--app h4,
.shell--app .page-header__title,
.shell--app .dep-card__title,
.shell--app .card > h3 {
  color: #ffffff !important;
}

.shell--app p,
.shell--app .card p,
.shell--app .sq-hint,
.shell--app .sq-pix-card__hint,
.shell--app .sq-sel__sub,
.shell--app .sq-sel__hint,
.shell--app .empty-state p,
.shell--app .history-row__meta,
.shell--app .fin-wallet__hint,
.shell--app .bo-section p {
  color: #f2ebe0 !important;
}

.shell--app .text-muted,
.shell--app small,
.shell--app .label,
.shell--app label,
.shell--app .history-tab:not(.history-tab--active),
.shell--app .fin-extrato-link__label,
.shell--app .app-topbar__tab:not(.app-topbar__tab--active) {
  color: #f2ebe0 !important;
}

.shell--app .app-topbar__tab--active {
  color: #5b8cff !important;
}

/* Não aplicar dourado genérico no botão voltar / saldo */
.shell--app a.page-header__back {
  color: #0a0a0a !important;
}

.shell--app .app-topbar__balance,
.shell--app .app-topbar__balance * {
  color: #5b8cff !important;
}

.shell--app input,
.shell--app select,
.shell--app textarea,
.shell--app .sq-pix-field__input,
.shell--app .dep-custom__input {
  color: #ffffff !important;
  caret-color: var(--logo-gold-bright);
}

.shell--app input::placeholder,
.shell--app textarea::placeholder,
.shell--app .dep-custom__input::placeholder,
.shell--app .sq-pix-field__input::placeholder {
  color: #123bf9 !important;
  opacity: 0.85;
}

/* Depósito — presets e CTA */
.shell--app .dep-preset,
html[data-theme="dark"] .dep-preset {
  background: #0C1A2E !important;
  border-color: rgba(18, 59, 249, 0.35) !important;
  color: #ffffff !important;
}

.shell--app .dep-preset span,
html[data-theme="dark"] .dep-preset span {
  color: #5b8cff !important;
}

.shell--app .dep-preset strong,
html[data-theme="dark"] .dep-preset strong {
  color: #ffffff !important;
}

.shell--app .dep-preset--active,
html[data-theme="dark"] .dep-preset--active {
  background: linear-gradient(135deg, #1A3A8F, #0B1B3A) !important;
  border-color: #123bf9 !important;
  box-shadow: 0 4px 14px rgba(18, 59, 249, 0.25) !important;
}

.shell--app .dep-preset--active span,
.shell--app .dep-preset--active strong,
html[data-theme="dark"] .dep-preset--active span,
html[data-theme="dark"] .dep-preset--active strong {
  color: #5b8cff !important;
}

.shell--app .dep-custom,
html[data-theme="dark"] .dep-custom {
  background: #07101C !important;
  border-color: rgba(18, 59, 249, 0.28) !important;
}

.shell--app .dep-custom__cur,
html[data-theme="dark"] .dep-custom__cur {
  color: #5b8cff !important;
}

.shell--app .dep-submit,
html[data-theme="dark"] .dep-submit {
  background: var(--logo-cta) !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 20px var(--logo-cta-shadow) !important;
  text-shadow: none !important;
}

.shell--app .dep-submit:disabled,
html[data-theme="dark"] .dep-submit:disabled {
  opacity: 0.55;
  color: #1a1200 !important;
}

.shell--app .dep-submit__amt {
  color: #1a1200 !important;
  opacity: 0.9;
}

/* Banner de dica (depósito tarefas / bolão) */
.shell--app .bolao-dep-hint,
html[data-theme="dark"] .bolao-dep-hint {
  background: #0C1A2E !important;
  border-left-color: #123bf9 !important;
}

.shell--app .bolao-dep-hint h3,
html[data-theme="dark"] .bolao-dep-hint h3 {
  color: #5b8cff !important;
}

.shell--app .bolao-dep-hint p,
.shell--app .bolao-dep-hint__text,
.shell--app .bolao-dep-hint strong,
.shell--app .dep-card__hint,
html[data-theme="dark"] .bolao-dep-hint p,
html[data-theme="dark"] .bolao-dep-hint__text,
html[data-theme="dark"] .bolao-dep-hint strong,
html[data-theme="dark"] .dep-card__hint {
  color: #f2ebe0 !important;
}

.shell--app .bolao-dep-hint__text,
.shell--app .dep-card__hint,
html[data-theme="dark"] .bolao-dep-hint__text,
html[data-theme="dark"] .dep-card__hint {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.45;
}

.shell--app .dep-card__hint {
  font-size: 12px;
  color: #5b8cff !important;
}

/* Links e valores de destaque (não sobrescrever voltar / depositar / abas) */
.shell--app a:not(.app-sidebar__link):not(.app-topbar__deposit):not(.dep-submit):not(.pp-painel-btn):not(.page-header__back):not(.app-topbar__tab),
.shell--app .fin-extrato-link__value,
.shell--app .history-row__value--credit,
.shell--app .finance-row__value--deposito {
  color: #5b8cff !important;
}

.shell--app a.page-header__back,
.shell--app a.page-header__back svg,
.shell--app a.page-header__back svg path {
  color: #0a0a0a !important;
  fill: #0a0a0a !important;
  stroke: #0a0a0a !important;
}

/* Abas ativas / pills */
.shell--app .history-tab--active,
.shell--app .fin-tabs__btn--active,
.shell--app .task-tab--active {
  color: #ffffff !important;
}

/* Empty states */
.shell--app .empty-state__icon {
  color: #123bf9 !important;
}

/* Saque / financeiro / cards genéricos */
.shell--app .sq-sel__label,
.shell--app .sq-sel__value,
.shell--app .fin-team-row__name,
.shell--app .fin-member-stat span {
  color: #f2ebe0 !important;
}

.shell--app .sq-sel__card,
html[data-theme="dark"] .sq-sel__card {
  background: #0C1A2E !important;
  border-color: rgba(18, 59, 249, 0.28) !important;
  color: #ffffff !important;
}

/* Painel principal — textos auxiliares */
.shell--painel .pp-painel-head__sub,
.shell--painel .pp-painel-stat span,
.shell--painel .pp-painel-tile__label {
  color: #d8c9a8 !important;
}

.shell--painel .pp-painel-head__title,
.shell--painel .pp-painel-stat strong {
  color: #ffffff !important;
}

/* ============================================================
   Trava tema escuro no app (todas as páginas logadas)
   Impede fundo claro + texto branco (letras “apagadas”)
   ============================================================ */
html:has(.shell--app),
html:has(.login-shell),
html:has(.landing-shell),
html:has(.shell--app)[data-theme],
html:not([data-theme="dark"]):has(.shell--app),
html:not([data-theme="dark"]):has(.login-shell),
html:not([data-theme="dark"]):has(.landing-shell) {
  --bg-shell: transparent;
  --bg-card: rgba(12, 10, 8, 0.72);
  --bg-soft: rgba(10, 8, 6, 0.65);
  --bg-well: rgba(10, 8, 6, 0.65);
  --bg-table-head: rgba(10, 8, 6, 0.75);
  --text-strong: #ffffff;
  --text-soft: #f2ebe0;
  --text-muted: #d8c9a8;
  --border: rgba(255, 255, 255, 0.1);
  --shadow-card: 0 12px 36px rgba(0, 0, 0, 0.6);
  --body-bg: #000000;
  --topbar-bg: rgba(0, 0, 0, 0.55);
  --bottom-nav-bg: rgba(0, 0, 0, 0.85);
  --bottom-nav-shadow: 0 -10px 40px rgba(0, 0, 0, 0.65);
  --msg-bg: rgba(18, 59, 249, 0.12);
  --msg-border: rgba(18, 59, 249, 0.28);
  --msg-text: #ffffff;
  --nav-inactive: #f2ebe0;
  --nav-active: #123bf9;
  --input-bg: #0a0a0a;
  --input-border: rgba(255, 255, 255, 0.12);
  --line-border: rgba(255, 255, 255, 0.06);
  --header-bg: rgba(0, 0, 0, 0.72);
  --header-border: rgba(18, 59, 249, 0.12);
  --progress-track: #1a1a1a;
  --chip-bg: #1a1a1a;
  --brand-text: #ffffff;
  --brand-text-muted: #d8c9a8;
  --brand-text-subtle: #123bf9;
  --brand-bg-card: rgba(12, 10, 8, 0.72);
  --brand-bg-elevated: rgba(10, 8, 6, 0.88);
}

html:not([data-theme="dark"]):has(.shell--app) body,
html:not([data-theme="dark"]):has(.login-shell) body,
html:not([data-theme="dark"]):has(.landing-shell) body,
body:has(.shell--app),
body:has(.login-shell),
body:has(.landing-shell) {
  background-color: #000000 !important;
  background-image: var(--site-bg-gradient) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
}

html:not([data-theme="dark"]):has(.shell--app) .shell,
html:not([data-theme="dark"]):has(.login-shell) .shell,
html:not([data-theme="dark"]):has(.landing-shell) .shell,
.shell.shell--app,
.shell.login-shell,
.shell.landing-shell {
  background: transparent !important;
  color: #ffffff !important;
}

/* Cards / seções genéricas: nunca fundo branco no app (exceto Comunidade clara) */
.shell--app .card:not(.orange):not(.team-summary):not(.profile-header):not(.task-summary),
.shell--app .bo-section,
.shell--app .task-card,
.shell--app .fin-wallet,
.shell--app .dep-card,
.shell--app .page-header,
.shell--app .topbar,
.shell--app .history-row,
.shell--app .empty-state,
.shell--app .sq-pix-card,
.shell--app .sq-sel__card,
.shell--app .config-row,
.shell--app .bo-video-card,
.shell--app .fmodal {
  background-color: rgba(12, 10, 8, 0.88) !important;
  border-color: rgba(18, 59, 249, 0.16) !important;
  color: #ffffff !important;
}

.shell--app .bo-section__head h2,
.shell--app .bo-video-card__title,
.shell--app .content h1,
.shell--app .content h2,
.shell--app .content h3,
.shell--app .card > h2,
.shell--app .card > h3 {
  color: #ffffff !important;
}

.shell--app .bo-section__head p,
.shell--app .bo-video-card__desc,
.shell--app .card p,
.shell--app .content > p,
.shell--app .content .text-muted,
.shell--app .text-muted,
.shell--app small {
  color: #f2ebe0 !important;
}

/* Links de navegação auxiliar (ex.: ← Vídeos diários) */
.shell--app .content a:not(.btn):not(.btn-primary):not(.app-topbar__deposit):not(.dep-submit):not(.page-header__back):not(.app-topbar__tab) {
  color: #5b8cff !important;
}

/* Comunidade (skin clara): restaura contraste escuro-sobre-claro */
.shell--app .comunidade-app--member,
.shell--app .comunidade-app--member .card,
.shell--app .comunidade-app--member .fmodal {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #1f2937 !important;
}

.shell--app .comunidade-app--member p,
.shell--app .comunidade-app--member small,
.shell--app .comunidade-app--member .text-muted {
  color: #6b7280 !important;
}

.shell--app .comunidade-app--member h1,
.shell--app .comunidade-app--member h2,
.shell--app .comunidade-app--member h3,
.shell--app .comunidade-app--member strong,
.shell--app .comunidade-app--member span {
  color: #1f2937 !important;
}

.shell--app .comunidade-app--member a:not(.btn):not(.btn-primary):not(.app-topbar__deposit) {
  color: #4f86e8 !important;
}

/* —— Trade / Exchange: paleta operativa (lime), sem glow azul de marca —— */
.trade-page {
  --logo-green: #12161e;
  --logo-green-mid: #1a2030;
  --logo-green-bright: #b8f000;
  --logo-green-deep: #0a0c10;
  --logo-green-panel: #12161e;
  --logo-green-btn: #1a2030;
  --logo-green-soft: rgba(184, 240, 0, 0.12);
  --logo-green-glow: rgba(184, 240, 0, 0.2);
  --logo-lime: #b8f000;
  --logo-banner: linear-gradient(145deg, #1a2030 0%, #12161e 50%, #0a0c10 100%);
  --logo-banner-gold: linear-gradient(135deg, #1a2030 0%, #12161e 55%, #0f2ea8 100%);
  --logo-banner-shadow: rgba(2, 6, 23, 0.45);
  --logo-tab-active: linear-gradient(135deg, #1a2030 0%, #12161e 100%);
  --logo-finance-card: linear-gradient(160deg, #1a2030 0%, #12161e 55%, #0a0c10 100%);
  --logo-finance-shadow: 0 12px 28px rgba(2, 6, 23, 0.5);
  --brand-accent: #b8f000;
  --brand-accent-light: #d4ff4d;
  --brand-accent-soft: rgba(184, 240, 0, 0.12);
  --brand-accent-glow: rgba(184, 240, 0, 0.2);
  --brand-border-accent: rgba(184, 240, 0, 0.28);
  --primary: #b8f000;
  --primary-strong: #9acc00;
  --green: #b8f000;
  --nav-active: #b8f000;
  --input-focus-ring: rgba(184, 240, 0, 0.28);
  --grad-hero: linear-gradient(135deg, #123bf9 0%, #1a2030 45%, #12161e 100%);
  --grad-tab-active: var(--logo-tab-active);
  --grad-accent-duo: linear-gradient(135deg, #123bf9, #b8f000);
  --grad-progress: linear-gradient(90deg, #b8f000, var(--logo-gold));
}