/* Shared SVG chart styles for charts-core.js (window.Charts): single-series marks use --hue,
   reference lines are muted. Used by the Clients Analysis pages and the Stock & suppliers page. */
.ca-chart { width: 100%; display: block; overflow: visible; }
.ca-chart .grid-line { stroke: var(--border); stroke-width: 1; }
.ca-chart .ref-line { stroke: var(--muted-2); stroke-width: 1.5; stroke-dasharray: 4 4; }
.ca-chart .today-line { stroke: var(--text-2); stroke-width: 1.5; }
.ca-chart .axis-label { fill: var(--muted); font-size: 10.5px; font-family: var(--font-sans); font-variant-numeric: tabular-nums; }
.ca-chart .ref-label { fill: var(--text-2); font-size: 10.5px; font-weight: 600; font-family: var(--font-sans); paint-order: stroke; stroke: var(--panel); stroke-width: 4px; stroke-linejoin: round; }
.ca-chart .bar { fill: var(--hue, var(--accent)); }
.ca-chart .bar.is-muted { fill: color-mix(in srgb, var(--hue, var(--accent)) 35%, var(--panel)); }
.ca-chart .dot { fill: var(--hue, var(--accent)); stroke: var(--panel); stroke-width: 2; }
.ca-chart .hit { fill: transparent; cursor: default; }
.ca-chart .is-hover { opacity: .75; }
#ca-tooltip { position: fixed; z-index: 1300; }