/* Keep the proven previous single-card login design; only improve proportions. */
#loginScreen{
  min-height:100vh!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:28px 18px 36px!important;
  overflow:auto!important;
}
#loginScreen .login-card{
  width:min(620px,95vw)!important;
  max-width:620px!important;
  margin:0 auto!important;
  padding:28px 30px 26px!important;
  border-radius:16px!important;
}
#loginScreen .login-official-brand-v61{
  gap:18px!important;
}
#loginScreen .login-official-brand-v61 img{
  width:92px!important;
  height:92px!important;
  flex:0 0 92px!important;
}
#loginScreen .login-official-brand-v61 h1{
  font-size:25px!important;
  line-height:1.18!important;
}
#loginScreen .login-official-system-v61 h2{
  font-size:19px!important;
}
#loginScreen .field input{
  min-height:46px!important;
  font-size:14px!important;
}
#loginScreen .btn.primary{
  min-height:48px!important;
  font-size:14px!important;
}
#loginScreen .login-demo-credentials-v56{
  max-height:none!important;
  overflow:visible!important;
}
#loginScreen #loginErrorV38{
  display:none;
  margin-top:12px!important;
}
#loginScreen #loginErrorV38.v82-show{
  display:block!important;
}
@media(max-width:680px){
  #loginScreen{padding:14px 10px 24px!important}
  #loginScreen .login-card{
    width:min(560px,97vw)!important;
    padding:22px 18px!important;
  }
  #loginScreen .login-official-brand-v61{
    align-items:center!important;
  }
  #loginScreen .login-official-brand-v61 img{
    width:72px!important;height:72px!important;flex-basis:72px!important;
  }
  #loginScreen .login-official-brand-v61 h1{font-size:20px!important}
}