/* Component: Metrics overlay */
.metrics-overlay {
  position: absolute;
  top: var(--pfse-spacing-3);
  right: var(--pfse-spacing-3);
  max-width: 280px;
  background: color-mix(in srgb, var(--pfse-surface-primary) 85%, black 15%);
  border: 1px solid var(--pfse-border-primary);
  border-radius: var(--pfse-radius-md);
  padding: var(--pfse-spacing-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  color: var(--pfse-text-high);
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
  z-index: 20;
}
.metrics-overlay .row { display: flex; gap: var(--pfse-spacing-2); align-items: baseline; }
.metrics-overlay .row strong { min-width: 140px; font-weight: 600; color: var(--pfse-text-muted); }