/* One project selector and one sidebar frame, with tools specific to each page. */
body.preview-ui {
  --pv-project-bar-height: 77px;
  --pv-sidebar-top: calc(var(--ui-header-height) + var(--pv-project-bar-height));
}
body.preview-ui .preview-project-switch {
  height: var(--pv-project-bar-height);
}
body.preview-ui :is(#lab-home, #project-overview, #scientific-workspace, #project-hub, #preview-tools-calendar, #project-dossier, #journey) :is(.lab-sidebar, .overview-sidebar, .ws-sidebar, .hub-sidebar, .preview-context-sidebar, .dossier-sidebar, .design-sidebar) {
  position: sticky;
  top: var(--pv-sidebar-top);
  align-self: start;
  width: var(--ui-sidebar-width);
  height: calc(100dvh - var(--pv-sidebar-top));
  max-height: none;
  margin-top: var(--pv-project-bar-height);
  padding: 20px 20px 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border-right: 1px solid var(--pv-line);
  background: var(--pv-surface);
}
/* Home is personal and cross-project: one clean column, no project selector and no context panel. */
body.preview-ui[data-product-tab=home] .preview-project-switch { display: none; }
body.preview-ui .overview-sidebar .ov-rail-body { padding: 0; }
body.preview-ui .design-sidebar .dl-side-heading { padding-inline: 0; }
body.preview-ui .design-sidebar :is(.dl-side-actions, .dl-current, .dl-side-help) { margin-inline: 0; }

@media (max-width: 800px) {
  body.preview-ui { --pv-project-bar-height: 69px; }
  body.preview-ui :is(#lab-home, #project-overview, #scientific-workspace, #project-hub, #preview-tools-calendar, #project-dossier, #journey) :is(.lab-sidebar, .overview-sidebar, .ws-sidebar, .hub-sidebar, .preview-context-sidebar, .dossier-sidebar, .design-sidebar) {
    position: fixed;
    left: 0;
    margin-top: 0;
    width: min(var(--ui-sidebar-width), calc(100vw - 24px));
    z-index: 215;
    box-shadow: var(--pv-shadow);
  }
  body.preview-ui .preview-context-backdrop:not([hidden]) { top: var(--pv-sidebar-top); }
  body.preview-ui #lab-home { min-height: calc(100dvh - var(--pv-sidebar-top)); }
}
