/* Match the root to the existing 100dvh app shell. A legacy 100vh min-height
   leaves a scrollable root behind Safari's controls and pans the header away
   from its existing safe-area padding when an input/menu receives focus. */
@media (max-width: 1100px) {
  html:has(> body.tenant-ui),
  body.tenant-ui {
    height: 100dvh;
    min-height: 0;
    overflow: hidden !important;
    overscroll-behavior-y: none;
  }

  /* The login screen scrolls inside the same viewport on short screens. */
  .tenant-ui .login-screen {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    align-items: safe center;
    padding-top: max(24px, env(safe-area-inset-top, 0px));
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
  }
}