/* MCPL v8: phone login - Sign In visible on the first screen (keyboard closed).
   Phones only (<= 600 px wide); desktop, tablet and landscape layouts unchanged.
   Only spacing is reduced: text sizes, input / tab / button heights, the
   transparent card and the 2 s cinematic sequence are unchanged. */
@media(max-width:600px){
 #login.login:not([hidden]){padding-top:10px!important;padding-bottom:12px!important;gap:8px!important}
 #login .login-card{padding:20px 20px 18px!important}
 #login .login-card::before{margin-bottom:0!important;line-height:1.25!important}
 #login .login-card .logo{line-height:1.12!important;margin:2px 0 2px!important}
 #login .login-card .sub{margin-bottom:12px!important}
 #login .login-card>div[style*="grid-template-columns"]{margin-bottom:10px!important}
 #login .login-card .field{margin-top:6px!important;margin-bottom:6px!important}
 /* the error line keeps its space only while it shows a message */
 #login .login-card #loginErr:empty{display:none}
 #login .login-card #loginBtn{margin-top:8px}
 #login .login-card #loginHelp{margin:10px 0 0!important}
}