/* ===================================================================
   PADRÃO VISUAL COFERMETA — PORTAL INTERNO (referência: PAD-2026-001)
   Cabeçalho oficial de TELA: uma banda navy única (logo à esquerda,
   título do documento à direita), faixa fina de acento e breadcrumb.
   NÃO usar topbar ciano com o logo repetido — é o cabeçalho antigo.
   =================================================================== */
:root{
  --navy:#1E4A6D; --navy-dark:#143656; --cyan:#00AAE5; --cyan-soft:#8FD3F2; --cyan-050:#E5F6FD;
  --ink:#3D3D3C; --slate:#64748B; --slate-lt:#94A3B8;
  --bg:#F4F7FA; --bg-subtle:#F8FAFC; --border:#E2E8F0; --border-input:#DDE3EC;
  --green:#15803D; --red:#DC2626; --orange:#EA580C; --purple:#7C3AED; --teal:#0D9488; --amber:#B45309; --sky:#0EA5E9;
  --font-cond:'Barlow Condensed',Arial,sans-serif;
  --font-sans:'Barlow',Arial,sans-serif;
  --font-mono:'IBM Plex Mono','Courier New',monospace;
}

/* ===== banda navy — cabeçalho único da tela ===== */
.cof-band{background:linear-gradient(120deg,var(--navy-dark) 0%,var(--navy) 100%);color:#fff;
  padding:14px 26px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cof-band .lf{display:flex;align-items:center;gap:14px}
.cof-band .chip{border-radius:7px;padding:0;display:inline-flex;overflow:hidden;line-height:0;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cof-band .chip img{height:38px;display:block}
.cof-band .sub{font:700 10px var(--font-cond);letter-spacing:2.2px;text-transform:uppercase;color:var(--cyan-soft);margin-top:5px}
.cof-band .right{text-align:right;margin-left:auto}
.cof-band .tipo{font:800 21px var(--font-cond);text-transform:uppercase;letter-spacing:1px;line-height:1}
.cof-band .num{font:600 11px var(--font-mono);color:var(--cyan-soft);margin-top:5px}
.cof-band-accent{height:5px;background:var(--accent,var(--cyan))}

/* seta de voltar — canto superior direito, em todas as telas */
.cof-band .cof-voltar{margin-left:16px;display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font:800 15px var(--font-cond);letter-spacing:1.4px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);border-radius:9px;padding:8px 14px;
  transition:background .15s,border-color .15s}
.cof-band .cof-voltar span{font-size:11.5px;letter-spacing:1.6px}
.cof-band .cof-voltar:hover{background:rgba(255,255,255,.26);border-color:#fff}
.cof-band .cof-voltar:active{background:rgba(255,255,255,.34)}

/* ===== breadcrumb + ações ===== */
.cof-crumb{background:#fff;border-bottom:1px solid var(--border);padding:9px 26px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font:600 11.5px var(--font-cond);letter-spacing:1.2px;text-transform:uppercase;color:var(--slate-lt)}
.cof-crumb b{color:var(--navy);font-weight:700}
.cof-crumb .sep{color:var(--border)}
.cof-crumb .acoes{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.cof-crumb .acoes a,.cof-crumb .acoes button{font:700 12px var(--font-cond);letter-spacing:.8px;text-transform:uppercase;
  color:var(--navy);background:var(--cyan-050);border:1px solid #BAE6FD;padding:6px 12px;border-radius:8px;text-decoration:none;cursor:pointer}
.cof-crumb .acoes a:hover,.cof-crumb .acoes button:hover{background:#D5EEFB}
.cof-crumb .acoes a.on{background:var(--navy);color:#fff;border-color:var(--navy)}

@media(max-width:640px){
  .cof-band{padding:11px 16px 10px}.cof-band .tipo{font-size:17px}.cof-band .chip img{height:31px}
  .cof-crumb{padding:8px 16px}
  .cof-band .cof-voltar{margin-left:10px;padding:7px 11px}.cof-band .cof-voltar span{display:none}
}
@media print{.cof-crumb .acoes,.cof-band .cof-voltar{display:none}}