/* 🎨 COR DA EMPRESA nos elementos que mais aparecem (v2.37.1087)
   ─────────────────────────────────────────────────────────────────────────────
   O main.css escreve o azul da JP à mão nestes três (botão principal, módulo e aba
   selecionados). Aqui eles passam a ler a cor da marca (css/00-tokens.css), que o
   js/137-cores.js troca quando a empresa escolheu outra cor.
   ⚠ Com a cor PADRÃO o resultado é IDÊNTICO ao main.css: --brand = #009FE3,
   --brand-dark = #00668E, --brand-rgb = 0,159,227 e --marca-texto = #0f172a
   (os mesmos valores que estavam escritos). A JP não muda um pixel.
   Carrega DEPOIS do main.css (mesma especificidade, o último vale).
   "Por etapas" (decisão 3 do dono): os outros lugares com o azul à mão vão
   entrando aqui (ou virando var(--brand) no próprio arquivo) aos poucos. */
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--marca-texto);box-shadow:0 4px 14px rgba(var(--brand-rgb),.3)}
.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--brand-rgb),.45)}
.module.active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--marca-texto);box-shadow:0 4px 14px rgba(var(--brand-rgb),.45)}
.tab.active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--marca-texto);box-shadow:0 2px 8px rgba(var(--brand-rgb),.3)}
/* a aba selecionada do MENU LATERAL tem regra própria no main.css (texto azul-escuríssimo, sem sombra) */
.side-sub .tab.active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--marca-texto-aba)}
/* o selo da versão e o "conectado" do topo estão com a cor no style="" do sistema.html */
#versao-badge{color:var(--brand-light)!important;background:rgba(var(--brand-light-rgb),.12)!important;border-color:rgba(var(--brand-light-rgb),.3)!important}
#sinc-status-bar{color:var(--brand-light)}