.rooster-admin-dialog.rooster-admin-feedback,
.rooster-admin-dialog.rooster-admin-welcome {
	@apply relative max-h-[90vh] w-[min(40rem,calc(100vw-32px))] overflow-y-auto;
}

.rooster-admin-dialog .rooster-admin-input,
.rooster-admin-dialog .rooster-admin-textarea {
	@apply min-h-8 w-full rounded-md border border-control bg-background px-2.5 py-1 font-[inherit] text-sm text-foreground shadow-none;
}

.rooster-admin-dialog .rooster-admin-input:focus,
.rooster-admin-dialog .rooster-admin-textarea:focus {
	@apply border-accent shadow-(--ra-shadow-focus);
	outline: 0;
}

.rooster-admin-dialog .rooster-admin-input:disabled {
	@apply opacity-50;
}

.rooster-admin-feedback__head h2,
.rooster-admin-welcome__head h2 {
	@apply pe-8;
}

.rooster-admin-feedback__lead {
	@apply mt-1 mb-3 text-sm text-secondary-foreground;
}

.rooster-admin-feedback__cats {
	@apply m-0 mb-3 grid grid-cols-2 gap-2 border-0 p-0;
}

.rooster-admin-feedback__cats legend {
	@apply col-span-full p-0 pb-1 text-sm font-semibold text-foreground;
}

.rooster-admin-feedback__cat {
	@apply flex cursor-pointer items-center gap-2 rounded-md border border-input px-3 py-2 text-sm text-foreground;
}

.rooster-admin-feedback__cat input,
.rooster-admin-feedback__anon input {
	@apply m-0 flex-none;
}

.rooster-admin-feedback__cat:has(input:checked) {
	@apply border-product-ink bg-muted;
}

.rooster-admin-feedback__field {
	@apply m-0 mb-3;
}

.rooster-admin-feedback__label {
	@apply mb-1 block text-sm font-semibold text-foreground;
}

.rooster-admin-feedback__rating {
	@apply mb-3 flex flex-wrap items-center gap-2 text-sm text-foreground;
}

.rooster-admin-feedback__stars {
	@apply inline-flex;
}

.rooster-admin-feedback__star {
	@apply cursor-pointer rounded-sm border-0 bg-transparent p-0.5 leading-[0] text-muted-foreground;
}

.rooster-admin-feedback__star.is-on {
	@apply text-warning;
}

.rooster-admin-feedback__star.is-on svg {
	fill: currentColor;
}

.rooster-admin-feedback__optional {
	@apply text-xs text-secondary-foreground not-italic;
}

.rooster-admin-feedback__identity {
	@apply mb-3 rounded-md bg-muted p-3 text-sm text-foreground;
}

.rooster-admin-feedback__from {
	@apply m-0 mb-2;
}

.rooster-admin-feedback__anon {
	@apply flex cursor-pointer items-center gap-2 text-sm;
}

.rooster-admin-feedback__consent {
	@apply m-0 text-xs leading-normal text-secondary-foreground;
}

.rooster-admin-feedback__foot {
	@apply items-center;
}

.rooster-admin-feedback__status {
	@apply me-auto text-xs text-destructive-foreground;
}

.rooster-admin-feedback__thanks {
	@apply px-5 pt-6 pb-8 text-center;
}

.rooster-admin-feedback__body[hidden],
.rooster-admin-feedback__foot[hidden],
.rooster-admin-feedback__thanks[hidden] {
	display: none;
}

.rooster-admin-feedback__tick {
	@apply inline-flex rounded-full bg-success-soft p-2 text-success-foreground;
}

.rooster-admin-feedback__thanks h3 {
	@apply mt-3 mb-1 text-base;
}

.rooster-admin-feedback__thanks p {
	@apply m-0 text-sm text-secondary-foreground;
}

.rooster-admin-feedback__review {
	@apply mt-2 text-xs;
}

.rooster-admin-feedback__thanks .rooster-admin-button {
	@apply mt-4;
}

.rooster-admin-welcome__eyebrow {
	@apply m-0 mb-1 text-xs font-semibold tracking-wide text-product-ink uppercase;
}

.rooster-admin-welcome__eyebrow span {
	@apply font-normal tracking-normal text-secondary-foreground normal-case;
}

/* The welcome's anatomy (0.21.0), Rooster One's: the hero with the logo, the title, the intro, the punch, the
   caution in the warning wash, the folds that show their point and hide their evidence. */
.rooster-admin-dialog.rooster-admin-welcome.is-wide {
	@apply w-[min(56rem,calc(100vw-32px))];
}

.rooster-admin-welcome__hero {
	@apply pt-1 pb-1 text-center;
}

.rooster-admin-welcome__logo {
	@apply mx-auto mb-3 block h-9 w-auto;
}

.rooster-admin-welcome__hero-title {
	@apply m-0 mb-2 text-3xl leading-tight font-bold tracking-tight text-foreground;
}

.rooster-admin-welcome__heart {
	@apply me-[0.28em] align-[0.12em] text-[0.78em] text-product-ink;
}

.rooster-admin-welcome__title {
	@apply m-0 mb-3 text-center text-lg leading-snug font-semibold text-foreground;
}

.rooster-admin-welcome__intro,
.rooster-admin-welcome__around {
	@apply my-2 text-sm leading-relaxed text-secondary-foreground;
}

.rooster-admin-welcome__punch {
	@apply my-3 text-base leading-snug font-semibold text-foreground;
}

.rooster-admin-welcome__caution {
	@apply my-3 rounded-lg border border-warning-border bg-warning-soft px-4 py-3 text-sm leading-relaxed text-warning-soft-foreground;
}

.rooster-admin-welcome__caution p {
	@apply m-0;
}

.rooster-admin-welcome__caution-title {
	@apply mb-1 text-center text-[13px] font-bold;
}

.rooster-admin-welcome__fold {
	@apply mb-1 rounded-lg border border-border px-3.5;
}

.rooster-admin-welcome__fold[open] {
	@apply pb-1;
}

.rooster-admin-welcome__fold-summary {
	@apply flex cursor-pointer flex-col gap-0.5 py-3 text-sm;
	list-style: none;
}

.rooster-admin-welcome__fold-summary::-webkit-details-marker {
	display: none;
}

.rooster-admin-welcome__fold-title {
	@apply font-semibold text-foreground;
}

.rooster-admin-welcome__fold-lede {
	@apply text-secondary-foreground;
}

.rooster-admin-welcome__fold-body p {
	@apply my-2 text-sm leading-relaxed text-foreground;
}

.rooster-admin-welcome__foot {
	@apply flex-wrap;
}