/* Use the same two rows for every metric; the upgrade action occupies the value row. */
#scanMetrics .kpi,
#scanMetrics .kpi.kpi-locked {
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(18px,auto) minmax(20px,auto);
  align-content:center;justify-content:stretch;align-items:center;
  gap:2px;min-height:66px;padding:8px;
}
#scanMetrics .kpi .kpi-heading,
#scanMetrics .kpi.kpi-locked .kpi-heading {
  display:flex;grid-row:1;align-items:center;justify-content:space-between;
  min-height:18px;line-height:14px;margin:0;gap:4px;
}
#scanMetrics .kpi .kpi-k,
#scanMetrics .kpi.kpi-locked .kpi-k {
  min-width:0;min-height:0;line-height:14px;font-size:10px;white-space:nowrap;
  display:block;overflow:hidden;text-overflow:ellipsis;
}
#scanMetrics .kpi .kpi-v {
  grid-row:2;min-height:20px;line-height:20px;margin:0;align-self:center;
}
#scanMetrics .kpi.kpi-locked .kpi-unlock {
  position:static;inset:auto;grid-row:2;align-self:stretch;min-height:20px;
  display:flex;align-items:center;justify-content:center;padding:0;gap:0;
}
#scanMetrics .kpi.kpi-locked .kpi-lock-label {
  transform:none;line-height:20px;margin:0;
}
#scanMetrics .kpi.kpi-locked .kpi-unlock::after {
  content:"";position:absolute;inset:0;border-radius:inherit;
}
@media(max-width:760px) {
  #scanMetrics .kpi,#scanMetrics .kpi.kpi-locked {min-height:56px;padding:6px 8px}
}