/* Only missing-state/accessibility glue; source layout, tokens and breakpoint CSS stay byte-identical. */
.read-empty { min-height: 96px; display: grid; place-items: center; color: var(--tx2); }
.linechart .read-empty, .block-stat-chart .read-empty { min-height: 220px; }
.chart .read-empty { min-height: 180px; }
.tablewrap .read-empty { min-height: 80px; }
[data-state="stale"] { text-decoration: underline dotted var(--pending); text-underline-offset: 4px; }
button:disabled { cursor: not-allowed; opacity: .5; }
.read-series { width: 100%; height: 240px; }
.read-series text { fill: var(--tx2); font-size: 11px; }
.read-series path { fill: none; stroke: var(--accent); stroke-width: 2; }
.read-series .network { stroke: var(--accent2); stroke-dasharray: 5 4; }
.read-series rect { fill: var(--accent); }
.read-series line { stroke: var(--line); }
.read-series circle { fill: var(--accent); }
.worker-name.unknown { color: var(--tx2); }