/* ── Progress, meter, steps ──────────────────────────────────────────── */
.rooster-admin-progress {
	@apply inline-flex w-full max-w-[20rem] items-center gap-2 text-xs text-secondary-foreground;
}

.rooster-admin-progress__label {
	@apply shrink-0;
}

.rooster-admin-progress__bar {
	@apply h-2 w-full flex-auto appearance-none overflow-hidden rounded-full border-0 bg-muted;
}

.rooster-admin-progress__bar::-webkit-progress-bar {
	@apply rounded-full bg-muted;
}

.rooster-admin-progress__bar::-webkit-progress-value {
	@apply rounded-full;
	background: var(--ra-tone, var(--ra-accent));
}

.rooster-admin-progress__bar::-moz-progress-bar {
	@apply rounded-full;
	background: var(--ra-tone, var(--ra-accent));
}

.rooster-admin-progress__value {
	@apply shrink-0 tabular-nums;
}

/* A meter (0.28.0): the browser picks the fill from low, high and optimum; the three fills are the tones. */
.rooster-admin-meter {
	@apply inline-flex w-full max-w-[20rem] items-center gap-2 text-xs text-secondary-foreground;
}

.rooster-admin-meter__label {
	@apply shrink-0;
}

.rooster-admin-meter__bar {
	@apply h-2 w-full flex-auto appearance-none overflow-hidden rounded-full border-0 bg-muted;
}

.rooster-admin-meter__bar::-webkit-meter-bar {
	@apply rounded-full border-0 bg-muted;
}

.rooster-admin-meter__bar::-webkit-meter-optimum-value {
	@apply rounded-full bg-success;
}

.rooster-admin-meter__bar::-webkit-meter-suboptimum-value {
	@apply rounded-full bg-warning;
}

.rooster-admin-meter__bar::-webkit-meter-even-less-good-value {
	@apply rounded-full bg-destructive;
}

.rooster-admin-meter__bar:-moz-meter-optimum::-moz-meter-bar {
	@apply rounded-full bg-success;
}

.rooster-admin-meter__bar:-moz-meter-sub-optimum::-moz-meter-bar {
	@apply rounded-full bg-warning;
}

.rooster-admin-meter__bar:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	@apply rounded-full bg-destructive;
}

.rooster-admin-meter__value {
	@apply shrink-0 tabular-nums;
}

.rooster-admin-steps {
	@apply m-0 mb-5 flex flex-wrap gap-x-6 gap-y-2 p-0;
	list-style: none;
}

.rooster-admin-steps__step {
	@apply m-0 flex items-center gap-2 text-sm text-secondary-foreground;
}

.rooster-admin-steps__num {
	@apply inline-flex size-6 items-center justify-center rounded-full border border-input bg-background text-xs font-semibold;
}

.rooster-admin-steps__step.is-current {
	@apply font-semibold text-foreground;
}

.rooster-admin-steps__step.is-current .rooster-admin-steps__num {
	color: var(--ra-accent-on);
	background: var(--ra-accent);
	border-color: var(--ra-accent);
}

.rooster-admin-steps__step.is-done .rooster-admin-steps__num {
	@apply border-success bg-success-soft text-success-foreground;
}

/* A wizard (0.28.0): the steps above, one panel at a time (the others hidden and inert), the actions under a rule. */
.rooster-admin-wizard__panels {
	@apply mb-4;
}

.rooster-admin-wizard__panel[hidden] {
	display: none;
}

.rooster-admin-wizard__actions {
	@apply border-t border-border pt-4;
}