/* Versioned scroll handling for the authentication routes. The document itself
   intentionally stays locked so each route owns its touch scrolling surface. */
.auth-page,
.register-page {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}

@media (min-width: 481px) {
  .auth-page {
    height: calc(100dvh - var(--control-min-size)) !important;
  }
}