/* Timeout explorer (assets/timeouts.js). Theme tokens only. */
.to-box .dg { margin-bottom: .4rem; }
.dg .to-bar { fill: var(--muted); opacity: .55; }
.dg .to-bar.to-over { fill: var(--bad); opacity: .85; }
.dg .to-axis { stroke: var(--fg); stroke-width: 1; }
.dg .to-tick { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 2 3; }
.dg .to-line { stroke: var(--accent); stroke-width: 2.5; }
.dg .to-lab { font-size: 13px; }
.to-ctrl { display: flex; align-items: center; gap: .75rem; font: .85rem var(--font-ui); color: var(--muted); }
.to-ctrl input { flex: 1; min-width: 0; accent-color: var(--accent); }
.to-val { color: var(--fg); font: 700 .95rem var(--font-mono); min-width: 5.5em; text-align: right; }
.to-read { display: flex; flex-wrap: wrap; gap: .3rem 1.4rem; font: .9rem var(--font-ui); color: var(--muted); margin: .5rem 0; }
.to-read b { color: var(--fg); }
.to-read b.ok { color: var(--ok); } .to-read b.bad { color: var(--bad); }