/* Keep mobile signup controls reachable while the keyboard is open. */
@media (max-width: 600px) {
  #authScreen,
  #authScreen.signup-active {
    box-sizing: border-box !important;
    top: 0 !important;
    bottom: auto !important;
    height: 100vh !important;
    height: var(--radarmeet-auth-visible-height, 100dvh) !important;
    min-height: 100vh !important;
    min-height: var(--radarmeet-auth-visible-height, 100dvh) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #authScreen > .auth-center {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #authScreen > .auth-center > .auth-card,
  #authScreen #signupForm {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}