/* pw/charts.css — shared chart chrome. Chart modules read colours from tokens at render time. */
.pw-chart { position: relative; width: 100%; min-height: 60px; }
.pw-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.pw-axis text { fill: var(--tx-3); font-family: var(--mono); font-size: 10.5px; }
.pw-axis path, .pw-axis line { stroke: var(--line); }
.pw-gridline line { stroke: var(--grid); }
.pw-gridline path { display: none; }
.pw-tip {
    position: fixed; z-index: 60; pointer-events: none; white-space: nowrap;
    background: var(--panel); color: var(--tx); border: 1px solid var(--line); border-radius: var(--radius-sm);
    padding: 7px 10px; font-family: var(--mono); font-size: var(--fs-sm); line-height: 1.55; box-shadow: var(--shadow-2);
}
.pw-tip__t { color: var(--tx-3); }
.pw-legend { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-4); font-family: var(--mono); font-size: var(--fs-xs); color: var(--tx-2); }
.pw-legend__swatch { display: inline-block; width: 14px; height: 4px; border-radius: 1px; vertical-align: middle; margin-right: 5px; }
.pw-chart--spark { width: 160px; min-height: 28px; }
.pw-chart__label { fill: var(--tx-3); font-family: var(--mono); font-size: 10.5px; }
.pw-path__cell { width: 35%; min-width: 140px; }
.pw-chart svg.pw-path__bar { height: 12px; }
.pw-map__label {
    fill: var(--tx-2); font-family: var(--mono); font-size: 10.5px;
    paint-order: stroke; stroke: var(--panel); stroke-width: 3px; stroke-linejoin: round;
}
.pw-map__bar { margin-top: var(--sp-2); }
.pw-map__note { display: block; margin-top: var(--sp-1); font-size: var(--fs-sm); }
.pw-map__unplaced { margin-top: var(--sp-2); font-size: var(--fs-sm); }