/* CUBE: block — dashboard KPI stat cards (hero total, per-shop, delta). */

.stat {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-xs);
  padding: var(--space-m);
}
.stat__label {
  font-size: var(--fs-2xs);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.stat__value {
  font-size: var(--fs-2xl);
  font-weight: 700;
  line-height: 1.1;
  margin-block-start: var(--space-2xs);
}
.stat__meta {
  font-size: var(--fs-xs);
  color: var(--color-muted);
  margin-block-start: var(--space-3xs);
}

/* Hero — the headline total she reads first. */
.stat--hero {
  padding: var(--space-l);
}
.stat--hero .stat__value {
  font-size: var(--fs-3xl);
}

/* Year-over-year delta line. */
.stat__delta {
  font-size: var(--fs-sm);
  font-weight: 600;
  margin-block-start: var(--space-xs);
}
.stat__delta--up { color: var(--color-primary-ink); }
.stat__delta--down { color: var(--color-danger); }
.stat__delta--flat { color: var(--color-muted); }

/* Per-shop row inside a .stat card: name/amount header then the share bar. */
.stat__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
}
.stat__row-name { font-weight: 600; }
.stat__row-sub { font-size: var(--fs-xs); color: var(--color-muted); }