.metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:14px; list-style:none; padding:0; margin:16px 0 24px; color:var(--panel-foreground); font-family:var(--font-inter),sans-serif; }
.metrics > li { min-width:0; padding:18px; border:1px solid var(--panel-border); border-top:3px solid var(--panel-primary); border-radius:12px; background:var(--panel-surface); }
.label { display:flex; align-items:center; gap:6px; font-size:.875rem; font-weight:600; }
.value { display:block; margin:12px 0 8px; font:700 clamp(1.6rem,3vw,2.25rem)/1.15 var(--font-jakarta),sans-serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.metrics p { margin:0; font-size:.8rem; line-height:1.5; color:var(--panel-foreground-muted); }
.metrics > [data-tone="success"] { border-top-color:var(--panel-success); }
.metrics > [data-tone="error"] { border-top-color:var(--panel-error); }
.metrics > [data-tone="warning"] { border-top-color:var(--panel-warning); }