/* Shared locked-metric presentation for desktop and mobile. */
#scanMetrics .kpi.kpi-locked .kpi-lock-icon,
#scanMetrics .kpi.kpi-locked .kpi-tier-link {display:none}
#scanMetrics .kpi.kpi-locked .kpi-lock-label {
  display:block;font:500 11px/14px var(--display);color:var(--ink);
  transform:translateY(-3px);
}
#scanMetrics .kpi.kpi-locked .kpi-unlock {padding:0;gap:0}
#scanMetrics .kpi.kpi-locked .kpi-lock-preview {
  inset:25px 8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;opacity:.28;filter:blur(2.5px);user-select:none;overflow:hidden;
  color:var(--ink-2);z-index:0;
}
#scanMetrics .kpi-lock-preview .kpi-placeholder-value {
  display:block;font:500 19px/23px var(--display);letter-spacing:1px;white-space:nowrap;
}
#scanMetrics .kpi-lock-preview .kpi-placeholder-detail {
  display:block;font:400 9px/12px var(--display);letter-spacing:1px;white-space:nowrap;
}
#scanMetrics .kpi.kpi-locked::after {
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
html[data-theme="light"] #scanMetrics .kpi.kpi-locked::after {
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(239,244,251,.24));
}
#scanMetrics .kpi.kpi-locked .kpi-unlock:hover .kpi-lock-label {text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px) {
  #scanMetrics .kpi.kpi-locked .kpi-lock-preview {inset:22px 8px 4px}
  #scanMetrics .kpi-lock-preview .kpi-placeholder-value {font-size:17px;line-height:20px}
  #scanMetrics .kpi-lock-preview .kpi-placeholder-detail {font-size:8px;line-height:10px}
}