/* ── Dialogs on the kit: the header with the close, the body, the footer; an entrance under @starting-style ─ */
.rooster-admin-dialog--kit {
	@apply relative max-h-[90vh] overflow-y-auto;
}

.rooster-admin-dialog--kit.is-wide {
	@apply w-[min(56rem,calc(100vw-32px))];
}

.rooster-admin-dialog--kit .rooster-admin-dialog__header {
	@apply pe-12;
}

.rooster-admin-dialog--kit .rooster-admin-dialog__body {
	@apply text-foreground;
}

.rooster-admin-dialog--kit .rooster-admin-dialog__body p {
	@apply my-2;
}

.rooster-admin-dialog__confirmword {
	@apply mt-3 flex flex-col gap-1 text-sm;
}

.rooster-admin-dialog {
	transition:
		opacity var(--ra-dur) var(--ra-ease),
		transform var(--ra-dur) var(--ra-ease),
		overlay var(--ra-dur) allow-discrete,
		display var(--ra-dur) allow-discrete;

	@variant open {
		@apply opacity-100;
		transform: none;

		@starting-style {
			@apply opacity-0;
			transform: translateY(8px) scale(0.98);
		}
	}
}

.rooster-admin-dialog::backdrop {
	transition:
		background-color var(--ra-dur) var(--ra-ease),
		overlay var(--ra-dur) allow-discrete,
		display var(--ra-dur) allow-discrete;
}

@media (prefers-reduced-motion: reduce) {
	.rooster-admin-dialog,
	.rooster-admin-dialog::backdrop {
		transition: none;
	}
}