/* FILUXIA ATLAS R51.64 — Chrome/desktop authentication viewport stability. */
@media (min-width:901px){
  html:has(#authScreen:not(.hidden)),
  html:has(#authScreen:not(.hidden)) body{
    min-height:100%;
    overflow:hidden!important;
  }
  html body #authScreen:not(.hidden){
    box-sizing:border-box!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  html body #authScreen .auth-layout{
    max-height:calc(100dvh - 48px)!important;
  }
  html body #authScreen .auth-form-wrap{
    min-height:0!important;
    max-height:calc(100dvh - 48px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
}

@media (min-width:901px) and (max-height:860px){
  html body #authScreen:not(.hidden){
    padding:10px!important;
  }
  html body #authScreen .auth-layout{
    height:calc(100dvh - 20px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 20px)!important;
  }
  html body #authScreen .auth-showcase{
    min-height:0!important;
    height:100%!important;
  }
  html body #authScreen .auth-form-wrap{
    align-self:stretch!important;
    height:100%!important;
    max-height:none!important;
    padding:clamp(18px,3.2vh,28px) 32px!important;
  }
  html body #authScreen .r45-auth-home-link{margin-bottom:8px!important}
  html body #authScreen .auth-form-wrap>.eyebrow{margin-top:0!important}
  html body #authScreen .auth-form-wrap h2{margin:3px 0 5px!important;font-size:clamp(25px,4vh,30px)!important}
  html body #authScreen .auth-form-wrap>p{margin:0 0 12px!important;line-height:1.4!important}
  html body #authScreen .auth-tabs{min-height:48px!important;margin-bottom:12px!important}
  html body #authScreen .registration-closed-notice{margin:-3px 0 11px!important;padding:9px 12px!important}
  html body #authScreen .google-auth-panel,
  html body #authScreen .apple-auth-panel{margin-block:8px!important}
  html body #authScreen .google-auth-separator{margin-block:9px!important}
  html body #authScreen #loginForm .form-group{gap:5px!important;margin-bottom:10px!important}
  html body #authScreen #loginForm .input{min-height:44px!important;padding:10px 13px!important}
  html body #authScreen #loginForm .form-note{margin:2px 0 12px!important}
}

@media (min-width:901px) and (max-height:680px){
  html body #authScreen .auth-form-wrap{padding:14px 26px!important}
  html body #authScreen .auth-form-wrap>.eyebrow{display:none!important}
  html body #authScreen .auth-form-wrap h2{font-size:23px!important}
  html body #authScreen .auth-form-wrap>p{font-size:13px!important;margin-bottom:8px!important}
  html body #authScreen .auth-tabs{min-height:43px!important;margin-bottom:8px!important}
  html body #authScreen .registration-closed-notice{font-size:12px!important;margin-bottom:7px!important}
  html body #authScreen #loginForm .form-note{font-size:12px!important}
}

@media (max-width:900px){
  html body #authScreen .auth-showcase{
    height:clamp(180px,23svh,220px)!important;
  }
  html body #authScreen .auth-form-wrap{
    padding:20px 20px max(28px,env(safe-area-inset-bottom))!important;
  }
  html body #authScreen .auth-form-wrap h2{margin:4px 0 6px!important}
  html body #authScreen .auth-form-wrap>p{margin:0 0 14px!important}
  html body #authScreen .auth-tabs{margin-bottom:14px!important}
}