/* ── Stat tiles: a grid of them in a card ─────────────────────────────── */
.rooster-admin-stats {
	@apply grid gap-3;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.rooster-admin-stat {
	@apply flex flex-col gap-1 rounded-lg border border-border bg-background px-4 py-3;
}

.rooster-admin-stat__head {
	@apply flex items-center gap-1.5 text-xs font-medium text-secondary-foreground;
}

.rooster-admin-stat__icon {
	@apply text-muted-foreground;
}

.rooster-admin-stat__row {
	@apply flex items-baseline-last gap-2;
}

.rooster-admin-stat__value {
	@apply text-2xl leading-none font-semibold tracking-tight text-foreground tabular-nums;
}

.rooster-admin-stat__delta {
	@apply inline-flex items-center gap-0.5 text-xs font-semibold;
	color: var(
		--ra-tone-fg,
		var(--ra-secondary-foreground)
	); /* the tone's text colour, not the tone: small text on white (axe) */
}

.rooster-admin-stat__hint {
	@apply m-0 text-xs text-secondary-foreground;
}

.rooster-admin-stat .rooster-admin-chart.is-spark {
	@apply mt-1;
}