/* Fornecedores e contas a pagar (web/js/65-fornecedores.js) e bloco "Fornecedores" da Visão geral do Painel. Cor só por token. */
.s-forn{--c:var(--dourado-escuro)}.s-fornb{background:var(--dourado-escuro)}
.badge.b-y{background:var(--amarelo-bg);color:var(--amarelo-tx);border-color:var(--amarelo-borda)}
/* situações nas roscas (arco lê --c; amostra da legenda usa o sufixo b) */
.fo-s-pend{--c:var(--azul2)}.fo-s-parc{--c:var(--amarelo)}.fo-s-venc{--c:var(--coral)}.fo-s-pago{--c:var(--verde)}.fo-s-canc{--c:var(--cinza-az)}
.fo-s-pendb{background:var(--azul2)}.fo-s-parcb{background:var(--amarelo)}.fo-s-vencb{background:var(--coral)}.fo-s-pagob{background:var(--verde)}.fo-s-cancb{background:var(--cinza-az)}
.fo-pago{fill:var(--verde)}.fo-prev{fill:var(--dourado-escuro)}

.fo-topo{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.doc-filtros.fo-filtros{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end}
.doc-filtros.fo-filtros .field{flex:1 1 170px;min-width:0;max-width:340px}
.doc-filtros.fo-filtros .btn{align-self:end;margin-bottom:4px}
.fo-exp{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fo-exp .note{margin:0}
.fo-seg{flex-wrap:wrap}
/* faixa de alertas (5 itens) */
.fo-aten{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.fo-aten .aten-t{margin:0;color:var(--azul)}
.fo-aten .aten-i{grid-template-columns:auto 1fr;padding:10px 12px;font-size:12px;line-height:1.3}
.fo-aten .aten-i b{font-size:28px;min-width:28px}
.fo-aten .aten-i small{color:var(--cinza-tx);font-weight:600}
.fo-k-alerta{border-color:var(--coral-borda);background:var(--coral-bg)}
.fo-prox dd small{color:var(--muted)}
/* tabelas */
tr.fo-cancel td{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--cinza-az)}
tr.fo-cancel td .badge,tr.fo-cancel td .btn,tr.fo-cancel td small{text-decoration:none}
.fo-dlg{width:min(760px,calc(100vw - 24px))}
.fo-dlg .dlg-c>*{flex:none}   /* sem isto a lista de dados e as tabelas encolhem até sumir dentro do diálogo rolável */
.fo-k-topo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 12px;border:1px solid var(--azul-apoio);border-radius:12px;background:var(--azul-gelo)}
.fo-k-s{font-size:14px}.fo-k-s b{font:600 22px var(--display)}
.fo-k-topo .note{margin:0}
.fo-k-acoes{flex-wrap:wrap;justify-content:flex-start}
.fo-anx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fo-anx li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 10px;border:1px solid var(--azul-apoio);border-radius:10px;background:var(--branco)}
.fo-anx li a{font-weight:600;overflow-wrap:anywhere;flex:1 1 200px}
.fo-anx .btn{padding:4px 10px}
.fo-fs{border:1px solid var(--linha);border-radius:10px;margin:0;padding:8px 12px 12px;display:flex;flex-direction:column;gap:10px}
.fo-fs legend{font-family:var(--display);padding:0 6px}
/* perfil */
.fo-perfil{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}
.fo-hist{list-style:none;margin:0;padding:0 0 0 14px;border-left:3px solid var(--dourado);display:flex;flex-direction:column;gap:8px}
.fo-hist li{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;gap:4px 12px;align-items:baseline;font-size:13px;padding:6px 8px;border-radius:8px;background:var(--azul-gelo)}
.fo-h-d{color:var(--muted);font-weight:600}
.fo-h-v{font-weight:700;white-space:nowrap}
.fo-h-pg .fo-h-v{color:var(--verde-tx)}.fo-h-es .fo-h-v,.fo-h-ca .fo-h-v{color:var(--coral-tx)}
.fo-h-x .fo-h-v{text-decoration:line-through}
.fo-h-t small{color:var(--muted)}
/* bloco Fornecedores na Visão geral do Painel */
.pg-forn-g{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.pg-forn-i{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--linha);border-radius:12px;background:var(--azul-gelo);min-width:0}
.pg-forn-i b{font:600 22px var(--display);line-height:1.15;overflow-wrap:anywhere}
.pg-forn-i .pg-v{font-size:28px}
.pg-forn-i.alerta{background:var(--amarelo-bg);border-color:var(--amarelo-borda)}
.pg-forn-i.alerta b{color:var(--amarelo-tx)}
.pg-forn-k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-tx)}
.pg-forn-p .pg-faisca{height:48px}
.pg-forn .note{margin:10px 0 0}

@media (max-width:1180px){
  .fo-aten{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fo-aten .aten-t{grid-column:1/-1;max-width:none}
  .pg-forn-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-forn-p{grid-column:1/-1}
  .fo-perfil{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .fo-aten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fo-hist li{grid-template-columns:minmax(0,1fr) auto}
  .fo-hist .fo-h-d{grid-column:1/-1}
}