/* Appointment details load asynchronously. Keep their changing height out of
   the page's layout so switching contacts cannot move the time grid. */
[data-interface="redesigned"] .tsp-calendar-redesigned {
  overflow-anchor: none;
}
[data-interface="redesigned"] .tsp-calendar-live-agenda {
  box-sizing: border-box;
  height: clamp(340px, calc(100dvh - 260px), 680px);
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  overflow-anchor: none;
}
@media (max-width: 800px) {
  [data-interface="redesigned"] .tsp-calendar-live-agenda {
    height: clamp(240px, 45dvh, 420px);
  }
}