/* ProductionFlow UI Charts 1.0.0 — SVG presentation contract; values come from UI Foundation tokens. */
.flow-chart-card{min-width:0;padding:14px 15px 12px;border:1px solid var(--flow-line,var(--line));border-radius:var(--flow-radius-md,10px);background:var(--flow-surface,#fff);color:var(--flow-ink,var(--ink))}
.flow-chart-card>header,.flow-chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--flow-line,var(--line))}
.flow-chart-card h3,.flow-chart-card h4{margin:0;color:var(--flow-ink,var(--ink));font:700 12px var(--flow-font-display,var(--display))}
.flow-chart-card header p,.flow-chart-card-header p{margin:3px 0 0;color:var(--flow-muted,var(--muted));font:9px/1.4 var(--flow-font,var(--font))}
.flow-chart-period{flex:none;padding:4px 7px;border:1px solid var(--flow-line,var(--line));border-radius:5px;color:var(--flow-muted,var(--muted));font:8px var(--flow-font,var(--font))}
.flow-chart-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 0 3px}
.flow-chart-summary>strong{color:var(--flow-ink,var(--ink));font:750 21px var(--flow-font-display,var(--display));letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.flow-chart-summary>strong small{font:600 10px var(--flow-font,var(--font));letter-spacing:0;color:var(--flow-muted,var(--muted))}
.flow-chart-summary>span{text-align:right;color:var(--flow-brand-dark,var(--brand-dark))}
.flow-chart-summary>span b,.flow-chart-summary>span small{display:block}
.flow-chart-summary>span b{font-size:9px}
.flow-chart-summary>span small{margin-top:2px;color:var(--flow-muted,var(--muted));font-size:8px}
.flow-chart-summary>span.is-negative b{color:var(--flow-danger,#a84f43)}
.flow-line-chart{display:block;width:100%;height:auto;overflow:visible}
.flow-bar-chart{display:block;width:100%;height:auto;overflow:visible}
.flow-chart-gridlines path{fill:none;stroke:var(--flow-line,var(--line));stroke-width:1;vector-effect:non-scaling-stroke}
.flow-chart-axis{fill:var(--flow-muted,var(--muted));font:8px var(--flow-font,var(--font))}
.flow-series{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width var(--flow-motion-fast) var(--flow-ease-standard),opacity var(--flow-motion-fast) var(--flow-ease-standard)}
.flow-series-current{stroke:var(--flow-brand,var(--brand));stroke-width:2}
.flow-series-previous{stroke:var(--flow-muted,var(--muted));stroke-width:1.5;stroke-dasharray:3 4;opacity:.9}
.flow-chart-points circle{fill:var(--flow-surface,#fff);stroke:var(--flow-brand,var(--brand));stroke-width:1.8;vector-effect:non-scaling-stroke;transition:r var(--flow-motion-fast,.12s) var(--flow-ease-standard,ease),fill var(--flow-motion-fast,.12s) var(--flow-ease-standard,ease);cursor:crosshair}
.flow-chart-points circle:hover,.flow-chart-points circle:focus{r:6;fill:var(--flow-brand-soft,var(--brand-soft));stroke-width:2.4;outline:none}
.flow-chart-bars rect{fill:var(--flow-brand,var(--brand));opacity:.9;rx:1.5;transition:opacity var(--flow-motion-fast,.12s) var(--flow-ease-standard,ease),filter var(--flow-motion-fast,.12s) var(--flow-ease-standard,ease);cursor:crosshair}
.flow-chart-bars rect.is-previous{fill:var(--flow-muted,var(--muted));opacity:.58}
.flow-chart-bars rect:hover,.flow-chart-bars rect:focus{opacity:1;filter:brightness(.88);outline:none}
.flow-chart-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--flow-muted,var(--muted));font:8px var(--flow-font,var(--font))}
.flow-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.flow-chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--flow-brand,var(--brand))}
.flow-chart-legend .is-previous i{background:var(--flow-muted,var(--muted))}
@media(prefers-reduced-motion:reduce){.flow-series,.flow-chart-points circle,.flow-chart-bars rect{transition:none}}