/* ============================================================
   PADRÃO VISUAL COFERMETA — PORTAL INTERNO · camada global — OFICIAL (decisão 17/07: Modelo A)
   Barlow Condensed 700/800 (títulos) · Barlow 400/500 (corpo)
   IBM Plex Mono (códigos/valores) · navy #143656→#1E4A6D
   ciano #00AAE5 · acento por seção via --accent
   Carregar DEPOIS do CSS de cada tela (é a camada que vence).
   ============================================================ */
:root{
  --navy-1:#143656; --navy-2:#1E4A6D;
  --cyan:#00AAE5; --cyan-l:#8FD3F2; --cyan-bg:#E5F6FD;
  --ink:#3D3D3C; --slate:#64748B; --slate-l:#94A3B8;
  --line:#E2E8F0; --zebra:#F8FAFC;
  --accent:var(--cyan);
  /* ponte — variáveis legadas do cof-higiene / modelo antigo */
  --azul:#00AAE5; --azul-800:var(--navy-2); --azul-700:var(--navy-2);
  --blue-800:var(--navy-2); --blue-700:var(--navy-2); --blue-050:var(--cyan-bg);
  --amarelo:var(--accent); --grafite:var(--slate); --n-500:var(--slate);
  --ink-900:var(--ink); --bg:#fff; --n-50:var(--zebra);
}
html,body{font-family:'Barlow',Arial,sans-serif;color:var(--ink);}
h1,h2,h3,h4,.hd,.tit,.card .hd,.sec-t,legend,th,.tab,.btn,.badge,.pill,
.kicker,.label,.menu a,.nav a{
  font-family:'Barlow Condensed','Barlow',Arial,sans-serif !important;
  font-weight:700;text-transform:uppercase;letter-spacing:1.4px;
}
h1,.tit{font-weight:800;letter-spacing:2px;}
.mono,code,.cod,.sku,.cnpj,.val,.num,.preco,.cof-price,td.mono,.tag-data{
  font-family:'IBM Plex Mono',Consolas,monospace !important;font-weight:500;
}
/* ---------- banda de topo (header .brand e afins) ---------- */
.brand,header.brand,.topo,.cab,.header-cof{
  background:linear-gradient(90deg,var(--navy-1),var(--navy-2)) !important;
  color:#fff !important;border-bottom:7px solid var(--accent) !important;
  border-radius:0 !important;box-shadow:none !important;
}
.brand *{color:#fff;}
.brand 

.breadcrumb,.crumb{
  font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;
  letter-spacing:1.8px;font-size:11px;color:var(--cyan-l);
}
.breadcrumb b,.crumb b{color:#fff;}
.kicker{color:var(--accent);letter-spacing:2.5px;font-size:11px;}
/* ---------- cards / KPI ---------- */
.card,.kpi,.bloco{
  border:1px solid var(--line);border-radius:9px;background:#fff;
  box-shadow:0 1px 2px rgba(20,54,86,.06);
}
.kpi,.card.kpi,.stat{border-left:4px solid var(--accent) !important;}
.card>.hd,.card .hd{
  background:var(--navy-2) !important;color:#fff !important;
  border-radius:9px 9px 0 0;
}
.card .hd .dot{background:var(--accent) !important;}
/* ---------- tabelas ---------- */
table.data thead th,table thead th,.thead,tr.sem td{
  background:var(--navy-2) !important;color:#fff !important;
  font-family:'Barlow Condensed' !important;letter-spacing:1.4px;
  text-transform:uppercase;font-weight:700;
}
table.data tbody tr:nth-child(even) td,tr:nth-child(even) td.z{background:var(--zebra);}
table.data tbody tr:hover td{background:var(--cyan-bg) !important;}
tr.total td,.tr-total td,tfoot td{background:var(--cyan-bg) !important;font-weight:700;}
table.data td,table.data th{border-color:var(--line);}
/* ---------- notas / avisos ---------- */
.notice,.nota,.note{
  border-left:4px solid var(--accent);background:var(--zebra);
  border-radius:0 9px 9px 0;
}
.notice.ok,.nota.ok{border-left-color:#15803D;background:#F0FDF4;}
.notice.warn,.nota.warn{border-left-color:#EA580C;background:#FFF7ED;}
.notice.err,.nota.err{border-left-color:#DC2626;background:#FEF2F2;}
/* ---------- badges / botões ---------- */
.badge,.pill,.tag-v,.tag-conf{
  border-radius:5px;letter-spacing:1.4px;font-size:10px;font-weight:700;
}
.btn,button.btn,.bt{
  font-family:'Barlow Condensed';letter-spacing:1.6px;border-radius:7px;
}
.btn-primary,.btn.azul{background:var(--navy-2);color:#fff;}
.btn-accent,.btn-edital{background:var(--accent) !important;color:#fff !important;}
a{color:var(--cyan);}
/* ---------- links de portal (cards de hub) ---------- */
.hub .card:hover,.grid .card:hover{border-color:var(--accent);}
/* ---------- assinaturas ---------- */
.assin,.sign{border-top:2px solid var(--navy-2);}
/* ---------- rodapé ---------- */
footer,.cof-foot,.rodape{
  background:var(--navy-1) !important;color:#fff !important;
  border-top:5px solid var(--accent) !important;border-radius:0 !important;
}
footer *,.cof-foot *,.rodape *{color:#E5F6FD;}
footer .mono,.cof-foot .mono{color:var(--cyan-l);}
/* ---------- dashboards de decisão (overrides pontuais) ---------- */
.modal-drive .mh{background:var(--navy-2) !important;}
.modal-drive .mh a{color:var(--cyan-l) !important;}
.fx-b{background:var(--navy-2);} .fx-b.on{background:var(--accent) !important;color:#fff !important;}
/* ---------- impressão A4 (timbrado) ---------- */
@media print{
  @page{size:A4;margin:0;}
  body{background:#fff;}
  .no-print{display:none !important;}
  .print-band{position:fixed;top:0;left:0;right:0;}
  .print-foot{position:fixed;bottom:0;left:0;right:0;height:38mm;}
}

/* ===== LOGO OFICIAL — caixa exata, zero folga (padrão permanente) =====
   Arte: logo_cofermeta_oficial.png 1181×283 (proporção 4,1731) COM a linha cinza na base.
   Chip = exatamente o retângulo do logo: 166.92 × 40 px. Nada de padding/radius/branco. */
.logo-chip{display:block;width:166.92px;height:40px;padding:0;margin:0;border:0;line-height:0;font-size:0;
 background:#fff;border-radius:0;overflow:hidden;flex:none;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.logo-chip img{display:block;width:100%;height:100%;object-fit:fill}
.logo-chip svg{display:block;width:100%;height:100%}