/* Navigation-only presentation: retain every existing map and route layer. */
.st-theme-dialog[data-exclusive-floating="true"][open] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 800;
  margin: 0;
  transform: translate(-50%, -50%);
  animation: st-exclusive-panel-in .24s cubic-bezier(.22, 1, .36, 1) both;
}
.quick-wins-help-dialog[data-exclusive-floating="true"][open] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 800;
  margin: 0;
  transform: translate(-50%, -50%);
  animation: st-exclusive-panel-in .24s cubic-bezier(.22, 1, .36, 1) both;
}
.app :is(.nearby-transit-panel, .map-layer-panel):not([hidden]) {
  animation: st-exclusive-panel-in .24s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes st-exclusive-panel-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Desktop retains its permanent tab/navigation shell, but no second content
   view remains visible behind an active floating panel. */
@media (min-width: 821px) {
  .app.st-exclusive-desktop-overlay .sidebar .content-scroll,
  .app.st-exclusive-desktop-overlay .sidebar .developer-credit--desktop {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .app.st-exclusive-desktop-overlay .sidebar .nav-tab.active {
    background: transparent;
    color: var(--st-ui-muted, #7d898e);
    box-shadow: none;
  }
}
@media (max-width: 820px) {
  .st-theme-dialog[data-exclusive-floating="true"][open] {
    top: auto;
    left: 50%;
    bottom: calc(94px + env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 128px);
    transform: translateX(-50%);
  }
  .quick-wins-help-dialog[data-exclusive-floating="true"][open] {
    top: auto;
    bottom: calc(94px + env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 128px);
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .st-theme-dialog[data-exclusive-floating="true"][open],
  .quick-wins-help-dialog[data-exclusive-floating="true"][open],
  .app :is(.nearby-transit-panel, .map-layer-panel):not([hidden]) {
    animation: none !important;
  }
}