.metric-card.svelte-1e9wj76{min-height:132px;border:1px solid var(--panel-border);border-radius:4px;background:linear-gradient(135deg,#ffffff06,#ffffff02),var(--panel);padding:17px;display:grid;gap:12px}.metric-card.svelte-1e9wj76 div:where(.svelte-1e9wj76){display:flex;align-items:flex-start;justify-content:space-between;gap:10px}p.svelte-1e9wj76{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}strong.svelte-1e9wj76{display:block;color:var(--text);font-size:clamp(1.75rem,2.4vw,2.55rem);line-height:1}span.svelte-1e9wj76{border-radius:999px;padding:5px 9px;background:#f2b84b1f;color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;white-space:nowrap}small.svelte-1e9wj76{align-self:end;color:var(--soft);line-height:1.35;font-size:.92rem}.metric-ok.svelte-1e9wj76 span:where(.svelte-1e9wj76){background:#55d68a1f;color:var(--ok)}.metric-warn.svelte-1e9wj76 span:where(.svelte-1e9wj76){background:#ffcc661f;color:var(--warn)}.metric-cool.svelte-1e9wj76 span:where(.svelte-1e9wj76){background:#58a6ff1f;color:#79b7ff}.metric-danger.svelte-1e9wj76 span:where(.svelte-1e9wj76){background:#ff6b6b21;color:var(--danger)}