/* ============================================================
   Tema TEMPORÁRIO "Vamos, Brasil!" — ferramentas INTERNAS Synco
   Ativado pela classe html.brasil / html.brasil-top (ver brasil.js).
   Cliente/site/propostas NÃO carregam este ficheiro.

   >>> REVERTER TUDO ao normal: pôr BRASIL_LIVE=false em /assets/brasil.js
       e fazer redeploy (railway up). Nada mais a mexer. <<<
   ============================================================ */

/* Por defeito escondidos; só aparecem quando o tema está ativo */
#brasilBanner,.brasil-banner{display:none}
.brasil-login{display:none}

/* Recolor do acento da marca (afeta páginas que usam o design system synco-ui.css).
   Dashboards escuros (BI/finance) não usam estas variáveis → ficam só com a faixa. */
html.brasil{
  --blue-strong:#009C3B;      /* verde-bandeira (acento principal) */
  --blue-soft:#FFD400;        /* amarelo */
  --grad-blue:linear-gradient(135deg,#FFD400 0%,#009C3B 100%);
  --grad-soft:linear-gradient(135deg,#FFF7D6 0%,#EAF7EE 100%);
  --shadow-blue:0 8px 24px rgba(0,156,59,.22);
  --lavender:#EAF7EE;         /* hovers/estados ativos esverdeados */
}

/* Faixa tricolor — só no topo da janela (NÃO dentro de iframes embebidos) */
html.brasil-top body::before{
  content:"";position:fixed;top:0;left:0;right:0;height:5px;z-index:99999;pointer-events:none;
  background:linear-gradient(90deg,#009C3B 0 40%,#FFD400 40% 60%,#002776 60% 100%);
}

/* Banner festivo — só nas páginas que tenham o elemento (ex.: portal) */
html.brasil #brasilBanner,html.brasil .brasil-banner{
  display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;padding:.7rem 1rem;border-radius:12px;
  border:1px solid #BBE6C8;background:linear-gradient(90deg,rgba(0,156,59,.10),rgba(255,212,0,.14));
  color:var(--navy,#0E0B3D);font-size:.85rem;font-weight:600;line-height:1.35;
}
html.brasil #brasilBanner b,html.brasil .brasil-banner b{font-weight:800}

/* Badge no ecrã de login (faixa navy) */
html.brasil .brasil-login{
  display:inline-flex;align-items:center;gap:.55rem;margin-top:1.25rem;padding:.5rem .85rem;
  border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:.8rem;font-weight:600;
}