/* Geometry-only centring for unauthenticated entry pages.
   It intentionally does not recolour or redesign the login cards. */
body.rx-standard-shell.rx-ui-app .rx-page{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.rx-standard-shell.rx-ui-app .rxopd-public-auth-screen{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:calc(100dvh - 76px)!important;
  margin:0!important;
  padding:clamp(84px,10vh,118px) clamp(14px,3vw,34px) 36px!important;
  display:grid!important;
  place-items:center!important;
}
body.rx-standard-shell.rx-ui-app .rxopd-public-auth-screen > .rxopd-public-auth-card{
  box-sizing:border-box!important;
  width:min(100%,500px)!important;
  max-width:500px!important;
  min-width:0!important;
  margin:0 auto!important;
}
body.rx-standard-shell.rx-ui-app .mr-login-shell{
  box-sizing:border-box!important;
  width:min(calc(100% - 28px),1180px)!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:clamp(84px,10vh,118px) auto 36px!important;
}
@media(max-width:720px){
  body.rx-standard-shell.rx-ui-app .rxopd-public-auth-screen{padding:78px 12px 24px!important}
  body.rx-standard-shell.rx-ui-app .mr-login-shell{width:calc(100% - 20px)!important;margin-top:78px!important}
}