.ds-agent-bars{margin:0;display:flex;flex-direction:column;gap:8px;font-family:var(--ds-font-sans)}.ds-agent-bars-title{font-size:12px;font-weight:500;color:var(--ds-fg-3)}.ds-agent-bars-list{display:grid;grid-template-columns:minmax(48px,max-content) minmax(48px,1fr) max-content;align-items:center;gap:4px 10px;margin:0;padding:0;list-style:none}.ds-agent-bars-list[data-trends=true]{grid-template-columns:minmax(48px,max-content) minmax(48px,1fr) max-content max-content}.ds-agent-bars-row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center}.ds-agent-bars-label{font-family:var(--ds-font-mono);font-size:12px;font-weight:600;color:var(--ds-fg-1);overflow-wrap:anywhere}.ds-agent-bars-track{position:relative;height:24px}.ds-agent-bars-zero{position:absolute;top:2px;bottom:2px;width:1px;margin-inline-start:-.5px;background:var(--ds-border-2)}.ds-agent-bars-bar{position:absolute;top:6px;height:12px;background:var(--ds-brand-700);border-start-end-radius:4px;border-end-end-radius:4px;transition:opacity var(--ds-dur-fast) var(--ds-ease-standard)}.ds-agent-bars-bar[data-sign=negative]{border-radius:0;border-start-start-radius:4px;border-end-start-radius:4px}.ds-agent-bars-track:hover .ds-agent-bars-bar{opacity:.8}.ds-agent-bars-value{font-family:var(--ds-font-mono);font-size:12px;color:var(--ds-fg-1);text-align:end;white-space:nowrap}.ds-agent-bars-value[data-available=false]{color:var(--ds-fg-3)}.ds-agent-bars-trend{display:inline-flex;min-width:64px}.ds-agent-switch-narrow{display:none}.ds-agent-tiles{gap:var(--ds-sp-3);margin:0;padding:0;list-style:none}.ds-agent-tile,.ds-agent-tiles{display:flex;flex-direction:column}.ds-agent-tile{gap:var(--ds-sp-2);padding:var(--ds-sp-3);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface)}.ds-agent-tile-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-sp-2)}.ds-agent-tile-metrics{display:flex;gap:var(--ds-sp-4);margin:0;overflow-x:auto;overscroll-behavior-x:contain}.ds-agent-tile-metric{flex:0 0 auto}.ds-agent-tile-metric dt{color:var(--ds-fg-3);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs)}.ds-agent-tile-metric dd{margin:0;color:var(--ds-fg-1);font-family:var(--ds-font-mono);font-size:var(--ds-text-sm)}@media (max-width:767px){.ds-agent-switch-wide{display:none}.ds-agent-switch-narrow{display:block}}.ds-seq-legend{align-items:center;margin-top:8px;font-family:var(--ds-font-sans);font-size:12px;color:var(--ds-fg-3)}.ds-seq-legend,.ds-seq-legend-list{display:flex;flex-wrap:wrap;gap:6px 16px}.ds-seq-legend-list{margin:0;padding:0;list-style:none}.ds-seq-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--ds-fg-2)}.ds-seq-legend-swatch{display:inline-block;width:14px;height:14px;border:1px solid var(--ds-border-1);border-radius:2px;background:var(--ds-bg-surface)}.ds-seq-legend-swatch[data-base]{outline:2px solid var(--ds-brand-700);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.ds-agent-bars-bar{transition:none}}