/* Keep dropdowns inside the connection form's scrollable body.
   Mobile bottom-sheet positioning used to place MAX beneath the footer. */
.connection-modal .ui-select-popover,
.connection-modal .app-select-menu {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100%;
  min-width: 0;
  max-height: none;
  box-sizing: border-box;
  margin-top: 8px;
  z-index: auto;
}
.connection-modal .ui-select-options,
.connection-modal .app-select-options {
  max-height: min(36dvh, 260px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.connection-modal .ui-select,
.connection-modal .app-select {
  min-width: 0;
}