/* Cartões de números e barra de filtros padrão (painel.js). O desenho é o do Extrato do
   Financeiro novo; toda tela com cabeçalho de números usa estas classes. */
.fgh-kpis{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:.75rem;margin:0 0 1.125rem}
.fgh-kpi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.375rem;min-width:0;margin:0;padding:.875rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--sur);font:inherit;color:var(--ink);text-align:left;box-shadow:none}
button.fgh-kpi{cursor:pointer}
button.fgh-kpi:hover,.fgh-kpi.on{border-color:var(--acc)}
.fgh-kpi-rot{display:flex;align-items:center;gap:.375rem;max-width:100%;font-size:.7812rem;font-weight:400;color:var(--mut);text-transform:none;letter-spacing:0;line-height:1.25}
.fgh-kpi-rot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgh-kpi-ic{flex:0 0 auto}
.fgh-kpi-v{display:block;max-width:100%;font-size:clamp(.9375rem,1.3vw,1.25rem);font-weight:700;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fgh-kpi-pos .fgh-kpi-v{color:#1f7a4d}
.fgh-kpi-neg .fgh-kpi-v{color:#b42318}
.fgh-kpi-alerta{border-color:color-mix(in srgb,var(--acc) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 25%,transparent)}
.fgh-kpi-alerta .fgh-kpi-rot{color:var(--acc);font-weight:600}
@media (max-width:1200px){.fgh-kpis{grid-template-columns:repeat(min(var(--n,4),3),minmax(0,1fr))}}
@media (max-width:700px){.fgh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fgh-kpi-v{font-size:1rem}}

/* Barra de filtros: busca · período · Situação · Filtros · contagem, numa linha, tudo da mesma
   altura, borda e raio (a do Extrato, que copiou a de Pedidos do HW). */
.fgh-filtros .hw-fc-linha{flex-wrap:wrap;align-items:center;gap:.375rem}
.fgh-filtros .hw-fc-busca{flex:0 1 17.5rem;min-width:10.625rem}
.fgh-filtros .hw-fc-busca,.fgh-filtros .fgh-per,.fgh-filtros .fgh-fbtn,.fgh-filtros>.hw-fc-linha>.hw-btn,.fgh-filtros>.hw-fc-linha>select,.fgh-filtros .fgh-sel{height:2.5rem;min-height:2.5rem;box-sizing:border-box;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);font-size:.8438rem;margin:0}
.fgh-filtros .hw-fc-busca input{font-size:.8438rem}
.fgh-filtros .fgh-per>.hw-periodo-nome{font-size:.8438rem;font-weight:600;min-width:8.75rem;display:inline-flex;align-items:center;justify-content:center}
.fgh-filtros .fgh-per>.hw-seta{min-width:2.25rem;height:auto}
.fgh-filtros .fgh-per:hover,.fgh-filtros>.hw-fc-linha>.hw-btn:hover{border-color:var(--acc)}
.fgh-filtros .fgh-contagem{margin-left:auto;font-size:.7812rem;color:var(--mut);white-space:nowrap}
.fgh-fbtn{display:inline-flex;align-items:center;gap:.375rem;min-height:2.375rem;padding:0 .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);color:var(--ink);font:inherit;font-size:.8125rem;white-space:nowrap;cursor:pointer}
.fgh-fbtn:hover,.fgh-fbtn-on{border-color:var(--acc)}
.fgh-fbtn b{font-weight:600}
.fgh-fbtn svg{flex:none;opacity:.75}
.fgh-fbtn-n{font-size:.7188rem;color:var(--mut);font-variant-numeric:tabular-nums}
.fgh-fbtn-on .fgh-fbtn-n{color:var(--acc);font-weight:600}
.fgh-filtros-wrap{position:relative;display:inline-flex}
.fgh-balao{position:absolute;top:calc(100% + .375rem);left:0;z-index:40;width:18.75rem;display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--sur);border:1px solid var(--line);border-radius:.625rem;box-shadow:0 10px 30px #1d1b1926}
.fgh-balao[hidden]{display:none}
.fgh-balao label{display:flex;flex-direction:column;gap:.25rem;font-size:.7812rem;color:var(--mut)}
.fgh-balao select,.fgh-balao input:not([type=checkbox]):not([type=radio]){width:100%;padding:.5rem .625rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);font:inherit;font-size:.8125rem;color:var(--ink);box-sizing:border-box}
.fgh-balao label.chk{flex-direction:row;align-items:center;gap:.375rem}
.fgh-balao-pe{display:flex;justify-content:flex-end}
@media (max-width:700px){.fgh-filtros .hw-fc-busca{flex:1 1 100%}.fgh-balao{left:auto;right:0;width:min(18.75rem,calc(100vw - 2rem))}}

/* Desfazer filtros (27/10): ao lado da busca, cinza sem filtro aplicado. */
.fgh-desfazer{display:inline-flex;align-items:center;gap:.375rem;height:2.5rem;box-sizing:border-box;padding:0 .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);color:var(--ink);font:inherit;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;flex:none;margin:0}
.fgh-desfazer:hover:not(:disabled){border-color:var(--acc);color:var(--acc)}
.fgh-desfazer:disabled{color:var(--mut);opacity:.55;cursor:default;font-weight:500}
.fgh-desfazer svg{flex:none}