/* Cores da Apice sobre o painel (painel.css traz medidas, fontes e animacoes da referencia).
   Paleta do site: #0f0e0e / #171717 (base), #E53516 (vermelho), #9F1E16 (vermelho profundo), #F6F5F5 (claro). */
:root {
  --bg: #0f0e0e;
  --bg-elevated: #171717;
  --bg-elevated-2: #1e1c1c;
  --border: #ffffff17;
  --text: #f6f5f5;
  --text-muted: #8d8888;
  --text-body: #b9b3b2;
  --accent: #e53516;
  --accent-strong: #f0441f;
  --accent-text: #ffffff;
  --header-bg: #0f0e0e6b;
  --header-bg-scrolled: #0f0e0e94;
  --nav-hover: #e5351614;
  --grid-line: #e5351640;
  --card-bg: #0f0e0e;
  --menu-mobile-bg: #171717;
  --painel-vidro: #0f0e0ea6;
  --painel-borda: #ffffff12;
  --painel-realce: #e5351617;
  --fundo: #0f0e0e;
  --tinta: #f6f5f5;
  --scrollbar-thumb: #e5351640;
  --scrollbar-thumb-hover: #e5351673;
}
:root[data-theme=light] {
  --bg: #f6f5f5;
  --bg-elevated: #ffffff;
  --bg-elevated-2: #eeeceb;
  --text: #171717;
  --text-muted: #7f7d7d;
  --text-body: #4a4646;
  --accent: #e53516;
  --accent-strong: #c92d10;
  --accent-text: #ffffff;
  --grid-line: #e5351633;
  --card-bg: #ffffff;
  --painel-vidro: #ffffffb3;
  --painel-borda: #00000014;
  --painel-realce: #e535160f;
  --fundo: #ffffff;
  --tinta: #171717;
  --scrollbar-thumb: #e5351640;
}
html body { font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); }
/* item ativo do menu: realce vermelho como no menu antigo da Apice */
.lcv6ng9[aria-current=page], .lcv6ngi[aria-current=page] { box-shadow: inset 2px 0 0 var(--accent); }
/* brilho vermelho atras da grade de pontos, no lugar da imagem de fundo da referencia */
._1kwtgi21 { display: block !important; filter: blur(40px); opacity: .5;
  background: radial-gradient(40% 40% at 70% 0%, #e5351640, transparent 70%), radial-gradient(30% 30% at 20% 10%, #f9ae1c1f, transparent 70%) !important; }
/* botao central da barra do celular no vermelho da marca */
._1a3v17k5 { background: var(--accent) !important; color: #fff !important; }
/* botoes principais e opcoes marcadas no vermelho da Apice (na referencia sao brancos) */
.tu5n9c1n:not([data-secundario=true]) { background: var(--accent); border-color: var(--accent); color: #fff; }
.tu5n9co[data-ativa=true], .tu5n9cs[data-ativa=true], .tu5n9c12[data-ligada=true] { border-color: var(--accent); }
.tu5n9cs[data-ativa=true] svg, .tu5n9co[data-ativa=true] .tu5n9cp { color: var(--text); }
[data-ligada=true] .tu5n9c15 { background: var(--accent); border-color: var(--accent); }
[data-ligada=true] .tu5n9c16 { background: #fff; }
/* saques automaticos: botao principal e aba ativa no vermelho da Apice */
.SaquesAutomaticos-module__TKQAva__primario { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }
.SaquesAutomaticos-module__TKQAva__fundoAba { background: var(--accent) !important; }
.SaquesAutomaticos-module__TKQAva__abas button[aria-selected=true] { color: #fff !important; }
/* indicacoes: botao de copiar o link no vermelho da Apice */
._16u1nbqb { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }
._16u1nbq1o[data-atual=true] { background: var(--accent) !important; }
/* botao travado tem que parecer travado (o vermelho acima vale so para o ativo) */
.tu5n9c1n:disabled, .tu5n9c1n[data-travado=true] { opacity: .45 !important; cursor: not-allowed !important; }
/* botao principal da janela "Pagamento recebido" no vermelho da Apice */
.bqr3mpe, .ngxgc1i { background: var(--accent) !important; color: #fff !important; }
