/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* ---------- Metric cards ---------- */
  .metric { background:rgba(255,255,255,.62); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); border:1px solid var(--glass-brd); border-radius:var(--r-md); padding:var(--s-4); cursor:pointer; transition:transform .16s, box-shadow .16s, border-color .16s; }
  .metric:hover { transform:translateY(-4px); border-color:var(--brand-ring); box-shadow:var(--shadow-pop); }
  .metric .k { font-size:12px; font-weight:600; color:var(--text-muted); display:flex; align-items:center; gap:6px; }
  .metric .v { font-size:32px; font-weight:700; color:var(--ink); margin-top:6px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
  .metric .v small { font-size:13px; font-weight:500; color:var(--text-faint); }
  .metric .bar { height:3px; border-radius:2px; margin-top:var(--s-3); transform-origin:left; }
