/* Gráficos e blocos do painel comercial. Cor só por token; formas e tamanhos nos atributos do SVG. */
.c-ganho{fill:var(--verde);background:var(--verde)}
.c-perda{fill:var(--coral);background:var(--coral)}
.c-prev{fill:var(--ceu);background:var(--ceu)}
.c-pag{fill:var(--verde);background:var(--verde)}
.c-form{fill:var(--dourado);background:var(--dourado)}
.c-neg{fill:var(--azul2);background:var(--azul2)}
.kpis6{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.kpi .v.pos{color:var(--verde-tx)}.kpi .v.neg{color:var(--coral-tx)}
td.pos,.pos{color:var(--verde-tx)}td.neg,.neg{color:var(--coral-tx)}
.kpi.dark .v.pos,.kpi.dark .v.neg{color:var(--branco)}
.filtros-painel{display:flex;gap:12px;flex-wrap:wrap}
.filtros-painel .field{min-width:190px}
.faixa .field label{color:var(--sobre-azul-2)}
.faixa .field select{border-color:transparent}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duo-1{display:grid;gap:16px;min-width:0}
.duo>*{min-width:0}
@media (max-width:980px){.duo{grid-template-columns:1fr}}
.graf{width:100%;height:auto;display:block;margin-top:8px}
.graf .gl{stroke:var(--cinza-claro);stroke-width:1}
.graf .gv{font:600 11px var(--sans);fill:var(--cinza-tx)}
.graf .gx{font:12px var(--sans);fill:var(--muted)}
.leg{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:8px}
.leg span{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none;vertical-align:-1px}
.bh{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.bh li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.bh-r{font-size:13px;overflow-wrap:anywhere}
.bh-v{font-weight:700;font-size:13px;text-align:right;white-space:nowrap}
.bh-v small,td small{font-weight:400;color:var(--muted)}
.bh-r{grid-row:1;grid-column:1}.bh-v{grid-row:1;grid-column:2}.bh-b{grid-row:2;grid-column:1/-1;width:100%;height:10px;display:block}
.bh-f{fill:var(--cinza-bg-3)}
.pilha{width:100%;height:16px;display:block;margin-top:14px;border-radius:5px;overflow:hidden}
.legv{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.legv li{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;background:var(--azul-gelo);border-radius:10px;padding:10px 12px}
.legv .lv-t{font-size:12px;color:var(--muted)}
.legv b{grid-column:2;font:600 20px var(--display)}
.legv small{grid-column:2;color:var(--muted);font-size:12px}
.lnk{font:inherit;background:none;border:0;padding:0;color:var(--azul2);text-decoration:underline;cursor:pointer;text-align:left}
.lnk:hover{color:var(--azul)}
.dados{margin-top:8px;font-size:13px}.dados summary{cursor:pointer;color:var(--azul2);font-weight:600}
.aten{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 40px}
.aten li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.aten b{font:600 32px var(--display);color:var(--azul);min-width:48px}
.aten u{text-decoration:none;font-weight:700}