/* HYPERPART: sparkline */
/* Promoted VERBATIM from Dazzle regions.css (Tier C-a, fleet
 * convergence). The Dazzle emitter contract is unchanged. */

/* ─────────────────────────── sparkline region ───────────────────
 * Compact KPI tile: headline (value + bucket) stacked above a tiny
 * area glyph. Not a side-by-side KPI — the chart is the second row of
 * one coherent unit. SVG must FILL the host width (preserveAspectRatio
 * none on the markup); default "meet" letterboxes a 180×32 viewBox into
 * a wide short box and the glyph floats mid-card like a glitch. */

.dz-sparkline-region {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-xs);
  min-width: 0;
}

.dz-sparkline-headline {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
  min-width: 0;
}

.dz-sparkline-value {
  font-size: var(--text-2xl);
  font-weight: var(--weight-semibold);
  color: var(--colour-text);
  line-height: 1;
}

.dz-sparkline-bucket-label {
  font-size: var(--text-xs);
  color: var(--colour-text-muted);
  font-family: var(--font-mono);
}

.dz-sparkline-svg {
  display: block;
  width: 100%;
  height: 2rem;
  /* Stretch the fixed viewBox to the host — trend shape over aspect fidelity. */
  overflow: visible;
}

.dz-sparkline-empty {
  text-align: center;
  padding-block: var(--space-sm);
  font-size: var(--text-sm);
  color: var(--colour-text-muted);
}