/* 2026-05-21 admin-natural-flow-v1: remove remaining fixed-height traps in admin episode detail views. */
.altored-search-app[data-app-stage="admin"] .admin-shell {
  overflow: visible !important;
}
.altored-search-app[data-app-stage="admin"] .admin-grid--episodes {
  height: auto !important;
  min-height: 0 !important;
  align-items: start !important;
  overflow: visible !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-detail {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-list-panel {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  overflow: visible !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-list {
  max-height: min(760px, calc(100vh - 260px)) !important;
  overflow: auto !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-workspace {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-card,
.altored-search-app[data-app-stage="admin"] .admin-episode-section {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.altored-search-app[data-app-stage="admin"] .admin-component-list,
.altored-search-app[data-app-stage="admin"] .admin-query-list {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* 2026-05-21 admin-list-fill-v1: keep admin episode lists using the available viewport while detail panels grow naturally. */
.altored-search-app[data-app-stage="admin"] .admin-grid--episodes {
  min-height: min(780px, max(560px, calc(100dvh - 270px))) !important;
  align-items: stretch !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-list-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-self: stretch !important;
  min-height: min(780px, max(560px, calc(100dvh - 270px))) !important;
  height: auto !important;
  overflow: hidden !important;
  background: #fff !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-list {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}
@media (max-width: 920px) {
  .altored-search-app[data-app-stage="admin"] .admin-grid--episodes,
  .altored-search-app[data-app-stage="admin"] .admin-episode-list-panel {
    min-height: calc(100dvh - 118px) !important;
  }
  .altored-search-app[data-app-stage="admin"] .admin-episode-list {
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* 2026-05-21 admin-list-fill-v2: make left episode lists fill the viewport slot and scroll internally. */
.altored-search-app[data-app-stage="admin"] .admin-episode-list-panel {
  height: min(780px, max(560px, calc(100dvh - 270px))) !important;
  max-height: min(780px, max(560px, calc(100dvh - 270px))) !important;
  min-height: 0 !important;
}
.altored-search-app[data-app-stage="admin"] .admin-episode-list {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}
@media (max-width: 920px) {
  .altored-search-app[data-app-stage="admin"] .admin-episode-list-panel {
    height: calc(100dvh - 118px) !important;
    max-height: calc(100dvh - 118px) !important;
    min-height: 420px !important;
  }
}

/* Keep search-observability layouts authoritative over legacy admin overrides. */
.altored-search-app[data-app-stage="admin"] .admin-grid--traces {
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.65fr) !important;
}
.altored-search-app[data-app-stage="admin"] .admin-trace-workspace {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 920px) {
  .altored-search-app[data-app-stage="admin"] .admin-grid--traces,
  .altored-search-app[data-app-stage="admin"] .admin-trace-workspace {
    grid-template-columns: 1fr !important;
  }
}

