/* BuildVelt schedule detail: keep identity independent of the wide controls.
   Scoped to the existing schedule-calendar-notice marker, not list/cards. */
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div:first-child h1 {
  overflow-wrap: anywhere;
}
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div:last-child > div {
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
}
.animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div:last-child button {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .animate-fade-in > div:has(> div > [data-testid="schedule-calendar-notice"]) > div:last-child > div {
    gap: .25rem;
  }
}