/* Archive placement; viewer controls and captions use the shared live styles. */
#archiveMediaPanel [hidden], .view-selector [hidden] { display: none !important; }
#archiveMediaPanel #window-slides { width: 100%; min-width: 0; }
#archiveMediaPanel #window-slides .slide-window { height: 100%; }
#archiveMediaPanel #window-slides .slide-loading { max-width: 90%; padding: 12px; }
.app-layout--archive-session.slides-view .archive-video-stage { width: 100%; min-height: 0; }
.app-layout--archive-session.slides-view #archiveMediaPanel {
  display: flex; flex-direction: column; height: calc(100dvh - 180px); min-height: 420px;
  box-sizing: border-box; max-width: none;
}
.app-layout--archive-session.slides-view #archiveSlideMount { flex: 1; min-height: 0; }
.app-layout--archive-session.slides-view #window-slides { height: 100%; }
#archiveMediaPanel #customPlayer { flex-shrink: 0; }
#archiveMediaPanel:fullscreen {
  display: flex; flex-direction: column; width: 100%; height: 100%;
  box-sizing: border-box; padding: 12px; margin: 0; background: white; overflow: auto;
}
#archiveMediaPanel:fullscreen #archiveSlideMount { flex: 1; min-height: 0; }
#archiveMediaPanel:fullscreen #window-slides,
#archiveMediaPanel:fullscreen #window-slides .slide-window { height: 100%; }
@media (max-width: 767px) {
  .app-layout--archive-session.slides-view #archiveMediaPanel { height: calc(100dvh - 220px); min-height: 360px; }
  #archiveViewSelector { flex-wrap: wrap; }
}