/* The unauthenticated app must scroll as one document, even on short/zoomed windows. */
html:has(body.portalHub:not(.dashboardMode)) {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto !important;
}
body.portalHub:not(.dashboardMode) {
  height: auto !important;
  min-height: 100dvh;
  max-height: none !important;
  overflow: visible !important;
}
body.portalHub:not(.dashboardMode) > .shell {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}
body.portalHub:not(.dashboardMode) .brand {
  min-height: 0;
  padding-top: clamp(24px, 4vh, 48px);
  padding-bottom: 24px;
}
body.portalHub:not(.dashboardMode) #loginView {
  height: auto;
  max-height: none;
  overflow: visible;
}
@media (max-height: 720px) {
  body.portalHub:not(.dashboardMode) .brandLogo { max-height: 80px; width: auto; max-width: 100%; object-fit: contain; }
  body.portalHub:not(.dashboardMode) .brand h1 { font-size: clamp(28px, 4vw, 44px); }
}