/* ── The showcase's own layout (demo/showcase.php): a main column and a side card; the filters in a grid ───── */
.rooster-admin-showcase-split {
	@apply grid gap-5;
}

@container (min-width: 60rem) {
	.rooster-admin-showcase-split {
		@apply grid-cols-[minmax(0,1fr)_18rem];
	}
}

.rooster-admin-fields.rooster-admin-showcase-filters {
	@apply grid gap-x-4 border-b border-border px-4.5 py-3;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.rooster-admin-showcase-filters .rooster-admin-field {
	@apply border-t-0 py-1.5;
}

.rooster-admin-table__views {
	@apply px-4.5 pt-3;
}

.rooster-admin-table__views .rooster-admin-tabs {
	@apply m-0;
}

.rooster-admin-table__search {
	@apply m-0 inline-flex max-w-full flex-wrap items-center gap-2; /* wraps in a narrow card (0.61.0, FR9) */
}

.rooster-admin-showcase-courses {
	@apply m-0 flex flex-col gap-1.5 p-0;
	list-style: none;
}

/* A drop target: the full course name, wrapped, never truncated (the owner: a chip that cuts the title hides it). */
.rooster-admin-showcase-course {
	@apply m-0 flex items-center gap-2 rounded-md border border-border bg-background py-1.5 ps-3 pe-1 text-sm text-foreground;
}

.rooster-admin-showcase-course__name {
	@apply min-w-0 flex-auto wrap-anywhere;
}