/* Route-only visual effects that must not leak into the shared Contacts shell. */
.calendar-event-details-modal {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

/* Canonical Builder dialogs keep hidden menus and unsupported actions inert. */
[data-native-calendar-builders] [hidden] { display: none !important; }

/* Remove the desktop sidebar offset when the original Builder fills a narrow viewport. */
@media (max-width: 900px) {
  [data-native-calendar-builders] .business-calendar-builder-dialog,
  [data-native-gate4-view] .calendar-event-details-dialog { transform: none; }
}

/* The actual customer route uses the established Builder toolbar button geometry. */
[data-native-calendar-builders] [data-native-builder-public-link] {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  height: 20px; padding: 0 8px; font-size: 9px; white-space: nowrap;
  color: inherit; text-decoration: none; background: #fff;
  border: 1px solid #b5b6b5; border-radius: 4px;
}
[data-native-calendar-builders] [data-native-builder-public-link]:hover,
[data-native-calendar-builders] [data-native-builder-public-link]:focus-visible { background: var(--blue); }

/* Native filters open the shared dialog; hidden inline pills must not cover tabs. */
[data-native-gate4-view] .business-calendars-filter-chips[hidden] { display: none !important; }
@media (max-width: 767px) {
  [data-native-gate4-view] .business-calendars-calendar__header { flex-basis: auto; flex-wrap: wrap; }
  [data-native-gate4-view] .business-calendars-calendar-actions-secondary {
    position: static; flex: 0 0 100%; width: 100%; flex-wrap: wrap;
  }
  [data-native-gate4-view] .business-calendars-toolbar {
    display: grid; grid-template-areas: "controls" "switches" "search" "navigation";
    grid-template-columns: minmax(0, 1fr); grid-template-rows: auto;
    min-height: 0; gap: 8px;
  }
  [data-native-gate4-view] .business-calendars-toolbar__switches { flex-wrap: wrap; transform: none; }
  [data-native-gate4-view] .business-calendars-toolbar__search { justify-self: stretch; }
  [data-native-gate4-view] .business-calendars-toolbar__search .list-search { width: 100%; }
}