/* Tema Cobridge (marca única de cobrança + jurídico; Meu Drive\marca\cobridge\kit).
 *
 * Grafite quente #26232B na faixa; laranja queimado #A65318 como destaque (botão
 * primário, link, foco, item ativo do menu); laranja claro #F2B77D só sobre o grafite.
 * Contraste (WCAG AA): branco/#A65318 = 5,4:1; #A65318/branco = 5,4:1; #A65318 sobre a
 * tinta #FBEFE5 = 4,8:1; branco/#26232B = 15,5:1; #F2B77D/#26232B = 8,7:1.
 *
 * O laranja é cor de MARCA, não de situação: aviso, pendência e atraso seguem com as
 * cores próprias (âmbar, vermelho, verde), sempre com rótulo ou ícone. Por isso a
 * mensagem "info" volta ao azul do núcleo em vez de usar o destaque.
 *
 * Os tokens --acento-* são usados pelas telas também como realce de SITUAÇÃO (card
 * "espera por você", selo "prévia", cadeado de bloqueio, caixa da esteira). Com o laranja
 * neles, a marca virava aviso. Então os --acento-* são neutros (grafite e tons quentes
 * de cinza) e o laranja entra só pelo --destaque: botão primário, link, foco, item
 * ativo do menu e o logo.
 *
 * Só tokens: nenhuma tela escreve cor da marca à mão. */
:root{
  --destaque:#A65318; --destaque-claro:#F2B77D; --destaque-tinta:#FBEFE5;
  --marca:#26232B; --marca-2:#36323C;
  --acento-forte:#26232B; --acento-claro:#D9D2CC; --acento-tinta:#F1EEEC;
  --acento:var(--acento-claro);

  --fundo:#FAF8F7; --fundo-2:#F0ECE9; --texto:#211E25; --cinza:#5E5862; --borda:#E4DFDB;

  --cor-info:#1f5fbf; --cor-info-fundo:#e9f1fc;
  --cor-atencao:#8a6300; --cor-atencao-fundo:#fdf6dc;

  --cor-link:var(--destaque); --cor-foco:var(--destaque);
  --sombra-cor:38,35,43;
  --sombra:0 1px 2px rgba(38,35,43,.05),0 6px 18px rgba(38,35,43,.06);
  --menu-ativo-fundo:var(--destaque-tinta); --menu-ativo-cor:var(--destaque);
  --topo-sub:var(--destaque-claro); --topo-quem:#D9D4DC;
  --btn-primario:var(--destaque);

  --fundo-entrada:linear-gradient(170deg,#F3EEEA 0%,#FAF8F7 60%); --rotulo:#36323C;
}
/* Fonte da interface: Source Sans 3 (escolha do Lucas, 07/10/2026), carregada pelo
   PRODUTO["fonte_css"]. Negrito no máximo 600: o 700–800 pesava demais. */
body,button,input,select,textarea{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
b,strong,h1,h2,h3,h4,th{font-weight:600}
/* Ícones: Material Symbols Sharp, contorno (escolha do Lucas, 07/10/2026). São
   PREENCHIDOS, não traço: o núcleo pinta svg de botão e de indicador com traço e
   fill:none, o que apagaria o desenho. */
svg.ic,.btn svg.ic,.kpi .ki svg.ic{fill:currentColor;stroke:none}
/* Ícones de TRAÇO (kit do editor de regras, 08/10/2026): o arquivo declara
   stroke="currentColor" e o desenho é o traço; a regra acima o apagaria. */
svg.ic[stroke="currentColor"],.btn svg.ic[stroke="currentColor"],.kpi .ki svg.ic[stroke="currentColor"]{fill:none;stroke:currentColor}
/* Hover do botão escurece (clarear o laranja derrubaria o contraste do texto branco). */
.btn:hover{filter:brightness(.88)}
/* Assinatura completa: mínimo de 180 px de largura pelo kit (6:1 → 30 px de altura). */
.topo .marca img{height:30px}
.ditem.on{border-left-color:var(--destaque)}
.msg.info{border-color:#c9daf3}
.msg.warning{border-color:#ecd98f}