/* State-specific safeguards for the Discover-aligned Event Dashboard bridge. */

@import url("/event-dashboard-hybrid-rail.css");

/* The shared transparent chip rule is intentionally strong. Re-apply semantic
   color with one extra attribute selector so important states remain visible. */
:where(div[class*="max-w-[1400px]"][class*="mx-auto"]:has(> header button[aria-label="Switch event"]):has([data-testid="button-open-organization"])) span[class*="h-[27px]"][class*="rounded-full"][class*="border"][class*="bg-blue-50"] {
  color: var(--ed-blue) !important;
}

:where(div[class*="max-w-[1400px]"][class*="mx-auto"]:has(> header button[aria-label="Switch event"]):has([data-testid="button-open-organization"])) span[class*="h-[27px]"][class*="rounded-full"][class*="border"][class*="bg-emerald-50"] {
  color: var(--ed-green) !important;
}

:where(div[class*="max-w-[1400px]"][class*="mx-auto"]:has(> header button[aria-label="Switch event"]):has([data-testid="button-open-organization"])) span[class*="h-[27px]"][class*="rounded-full"][class*="border"][class*="bg-amber-50"] {
  padding-inline: 9px !important;
  border-color: color-mix(in srgb, var(--ed-amber) 26%, transparent) !important;
  background: var(--ed-amber-soft) !important;
  color: var(--ed-amber) !important;
}

:where(div[class*="max-w-[1400px]"][class*="mx-auto"]:has(> header button[aria-label="Switch event"]):has([data-testid="button-open-organization"])) span[class*="h-[27px]"][class*="rounded-full"][class*="border"][class*="bg-red-50"] {
  padding-inline: 9px !important;
  border-color: color-mix(in srgb, var(--ed-red) 26%, transparent) !important;
  background: var(--ed-red-soft) !important;
  color: var(--ed-red) !important;
}

/* The populated seating layout is a grid. Empty states still use the centered
   flex layout from the component rather than inheriting that grid contract. */
:where(div[class*="max-w-[1400px]"][class*="mx-auto"]:has(> header button[aria-label="Switch event"]):has([data-testid="button-open-organization"])) div[class*="overflow-hidden"]:has([data-testid="button-assign-seats"]) > div > div[class*="flex-1"][class*="flex-col"][class*="items-center"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}