/* Static auth pages scroll with the document, unlike the locked React shell. */
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) and (pointer: coarse) {
  html { background-color: #ffffff; }
  body { min-height: 100vh; min-height: 100dvh; }
  .mobile-auth-layout {
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh !important;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  }
  .mobile-auth-layout > div { min-width: 0; }
  .mobile-auth-layout #formContainer { min-height: 0 !important; max-height: none; }
  .mobile-auth-layout input, .mobile-auth-layout textarea, .mobile-auth-layout select { font-size: 16px; }
  #forgotPasswordModal > div {
    padding-top: max(1rem, env(safe-area-inset-top, 0px));
    padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
  }
}