/* v8: gráficos. Cores fixas por número (0 a 9), claras e escuras. */
:root{--c0:#1266d6;--c1:#1f9d63;--c2:#b8720a;--c3:#c8392f;--c4:#7a4fd6;--c5:#0e8fa3;--c6:#c2398a;--c7:#6b8e17;--c8:#6b7a90;--c9:#9a5b2c;--trilho:#e6edf7}
@media (prefers-color-scheme:dark){:root{--c0:#5c9cf2;--c1:#3fd08f;--c2:#e5a63d;--c3:#ef7a70;--c4:#a78bfa;--c5:#4cc9db;--c6:#f07cc0;--c7:#b0d34a;--c8:#9fb1cc;--c9:#d69a6a;--trilho:#243a5c}}

.f0{fill:var(--c0)}.f1{fill:var(--c1)}.f2{fill:var(--c2)}.f3{fill:var(--c3)}.f4{fill:var(--c4)}.f5{fill:var(--c5)}.f6{fill:var(--c6)}.f7{fill:var(--c7)}.f8{fill:var(--c8)}.f9{fill:var(--c9)}
.st0{stroke:var(--c0)}.st1{stroke:var(--c1)}.st2{stroke:var(--c2)}.st3{stroke:var(--c3)}.st4{stroke:var(--c4)}.st5{stroke:var(--c5)}.st6{stroke:var(--c6)}.st7{stroke:var(--c7)}.st8{stroke:var(--c8)}.st9{stroke:var(--c9)}
.bg0{background:var(--c0)}.bg1{background:var(--c1)}.bg2{background:var(--c2)}.bg3{background:var(--c3)}.bg4{background:var(--c4)}.bg5{background:var(--c5)}.bg6{background:var(--c6)}.bg7{background:var(--c7)}.bg8{background:var(--c8)}.bg9{background:var(--c9)}

.graficos{margin:12px 0;align-items:start}
.cartao.grafico h3{margin-bottom:6px}
.grafico-rosca,.grafico-barras,.grafico-linha,.grafico-barras-h{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.grafico-rosca{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}
.grafico-rosca svg{flex:none;width:160px;height:160px}
.barras,.linha,.barras-h{width:100%;height:auto;max-width:560px;display:block}
svg text{fill:var(--fg);font-family:var(--fonte)}
.t-eixo{font-size:9px;fill:var(--muted)}
.t-val{font-size:9px}
.t-nome{font-size:11px}
.t-centro{font-size:13px;font-weight:700}
.t-centro-s{font-size:10.5px;font-weight:700}
.grade-svg{stroke:var(--line);stroke-width:1}
.grade-svg.zero{stroke:var(--muted);stroke-dasharray:3 3}
.fundo-rosca{fill:none;stroke:var(--trilho);stroke-width:18}
.fatia{fill:none;stroke-width:18}
.fundo-barra{fill:var(--trilho)}
.area{fill:var(--c0);fill-opacity:.15}
.traco{stroke:var(--c0);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ponto{fill:var(--c0);stroke:var(--panel);stroke-width:1.5}

.legenda{list-style:none;margin:0;padding:0;flex:1 1 200px;min-width:0}
.legenda li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px}
.amostra{flex:none;width:10px;height:10px;border-radius:3px}
.leg-nome{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.leg-valor{flex:none;font-variant-numeric:tabular-nums;color:var(--muted)}
.anel-texto{flex:1 1 160px}
.anel-texto strong{font-size:28px;font-variant-numeric:tabular-nums}

.tag.transf{background:var(--azul-s);color:var(--azul)}