/* Modo noturno: excecoes escritas a mao. O grosso das cores e automatico
   (flua-cores.css, gerado por scripts/modo-noturno/gerar-cores.js); aqui fica
   so o que a inversao automatica erra. Toda regra comeca com
   :root[data-theme="dark"] -- tema.js sempre poe o atributo -- e a
   especificidade extra vence o CSS da pagina. O gerador nunca toca aqui. */

/* Logo navy da marca (login): some no fundo escuro.
   O logo branco do topo do shell (flua-logo-branco.svg) nao entra. */
:root[data-theme="dark"] img[src*="flua-logo.svg"] {
  filter: brightness(0) invert(0.93);
}

/* Faixa em gradiente do topo: o gradiente da marca nao muda, entao o que fica
   sobre ele tambem nao muda (pilula branca com texto navy; "Pricing" em branco). */
:root[data-theme="dark"] .shell-produto { color: #fff; }
:root[data-theme="dark"] .shell-launcher-btn,
:root[data-theme="dark"] .shell-userbox .tema-btn,
:root[data-theme="dark"] .shell-userbox .button-logout,
:root[data-theme="dark"] .online-badge,
:root[data-theme="dark"] .shell-userbox .header-user {
  background: #fff; color: #0B2C45;
}
:root[data-theme="dark"] .shell-userbox .header-user-avatar { background: #CCEEF0; color: #0B2C45; }
:root[data-theme="dark"] .shell-launcher-btn:hover,
:root[data-theme="dark"] .shell-launcher-btn.ativo,
:root[data-theme="dark"] .shell-userbox .tema-btn:hover { background: #CCEEF0; color: #0B2C45; }
:root[data-theme="dark"] .shell-userbox .button-logout:hover { background: #F6E5E7; color: #B4233A; }
:root[data-theme="dark"] .shell-userbox .header-user span { color: #0B2C45; }