@use "../../../styles/colors" as colors;
@use "../../../styles/variables" as vars;

// Schedule mini-list — flat vertical column of flight rows.
// (Day-grouping accordions were removed; each row carries its own date.)

.schedule-mini-list {
  display: flex;
  flex-direction: column;
  gap: vars.$space-s;

  // Cap height to roughly match Angular's left-rail (`max-height:
  // calc(100vh - 320px)` — 320px reserves room for header/title/
  // breadcrumbs above). Internal scroll keeps the rail compact even
  // when the search returns a long set of dates.
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;

  scrollbar-width: thin;
  scrollbar-color: colors.$border transparent;

  &::-webkit-scrollbar { width: 6px; }
  &::-webkit-scrollbar-thumb {
    background: colors.$border;
    border-radius: 3px;
  }
  &::-webkit-scrollbar-track { background: transparent; }

  @media (max-width: vars.$media-breakpoint-tablet) {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}
