/* ==========================================================================
   COMPONENTS · STAT — a single figure with its label: a big mono numeral over a
   small-caps grotesque caption. The unit of a dashboard summary or a coverage
   readout. "Mono counts."
   ========================================================================== */

.op-stat {
  display: grid;
  gap: var(--space-3xs);
}

.op-stat__figure {
  font-family: var(--font-data);
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
  line-height: 1;
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--bk-ink, var(--text));
}
.op-stat__figure small,
.op-stat__unit { font-size: var(--text-sm); color: var(--text-muted); font-weight: var(--weight-regular); }

.op-stat__label {
  font-family: var(--font-furniture);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-secondary);
}

.op-stat__delta {
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums lining-nums;
}
.op-stat__delta--up   { color: var(--positive); }
.op-stat__delta--down { color: var(--critical); }

/* A bordered stat, for a dashboard cell */
.op-stat--framed {
  padding: var(--space-md);
  background: var(--surface-raised);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
}