/* 06-components/_statcard.css - compact numeric dashboard tile. */

.c-statcard {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  min-block-size: 8.5rem;
}

.c-statcard__label {
  color: var(--text-dim);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.c-statcard__value {
  color: var(--text-bright);
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
  font-weight: var(--fw-bold);
  line-height: 1;
  overflow-wrap: anywhere;
}

.c-statcard__value.is-good { color: var(--good); }
.c-statcard__value.is-warn { color: var(--warn); }

.c-statcard__note {
  color: var(--text-muted);
  font-size: var(--text-xs);
  overflow-wrap: anywhere;
}