.overview-anomaly-telemetry{border-top:1px solid var(--line-1);background:color-mix(in oklch, var(--bg-2) 72%, transparent);grid-template-columns:150px minmax(220px,1fr) minmax(260px,.8fr);align-items:center;gap:22px;padding:14px 18px;display:grid}.overview-telemetry-copy{gap:2px;display:grid}.overview-telemetry-copy>span{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:600}.overview-telemetry-copy strong{color:var(--fg-1);font:600 20px var(--font-mono)}.overview-telemetry-copy strong small{color:var(--fg-3);font:500 10px var(--font-ui)}.overview-telemetry-copy em{color:var(--overview-warning);font-size:9.5px;font-style:normal}.overview-arrival-chart{border-bottom:1px solid var(--line-1);align-items:flex-end;gap:3px;height:54px;padding:5px 0;display:flex}.overview-arrival-chart>span{width:100%;height:var(--overview-bar-height);background:linear-gradient(180deg, var(--overview-signal), color-mix(in oklch, var(--overview-signal) 45%, transparent));transform-origin:bottom;border-radius:2px 2px 0 0;min-height:2px;animation:.52s cubic-bezier(.2,.8,.2,1) both overviewTelemetryBar}.overview-arrival-chart>span:nth-child(3n+1){animation-delay:30ms}.overview-arrival-chart>span:nth-child(3n+2){animation-delay:60ms}@keyframes overviewTelemetryBar{0%{opacity:.2;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.overview-severity-distribution{min-width:0}.overview-severity-track{border-radius:var(--radius-full);background:var(--bg-3);height:7px;display:flex;overflow:hidden}.overview-severity-track span{min-width:2px;transition:width .42s cubic-bezier(.2,.8,.2,1)}.overview-severity-track .crit{background:var(--sev-crit)}.overview-severity-track .error{background:var(--sev-error)}.overview-severity-track .warn{background:var(--sev-warn)}.overview-severity-track .info{background:var(--sev-info)}.overview-severity-legend{flex-wrap:wrap;gap:7px 12px;margin-top:9px;display:flex}.overview-severity-legend span{color:var(--fg-3);font:9.5px var(--font-mono);align-items:center;gap:5px;display:inline-flex}.overview-severity-legend i{background:currentColor;border-radius:50%;width:6px;height:6px}.overview-severity-legend .crit{color:var(--sev-crit)}.overview-severity-legend .error{color:var(--sev-error)}.overview-severity-legend .warn{color:var(--sev-warn)}.overview-severity-legend .info{color:var(--sev-info)}.overview-telemetry-skeleton{height:82px;margin:0 18px 14px}.overview-anomaly-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-anomaly-grid .overview-anomaly-row:nth-child(2n){border-left:1px solid var(--line-1)}.overview-anomaly-grid .overview-anomaly-row{animation:.26s ease-out both overviewAnomalyEnter}@keyframes overviewAnomalyEnter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.overview-anomaly-telemetry{grid-template-columns:130px minmax(180px,1fr)}.overview-severity-distribution{grid-column:1/-1}}@media (max-width:720px){.overview-anomaly-telemetry,.overview-anomaly-grid{grid-template-columns:1fr}.overview-anomaly-telemetry{gap:12px;padding:12px 14px}.overview-anomaly-grid .overview-anomaly-row:nth-child(2n){border-left:0}}@media (prefers-reduced-motion:reduce){.overview-arrival-chart>span,.overview-anomaly-grid .overview-anomaly-row{animation:none}}
