/* Let the card fit its viewport, while remaining scrollable on short screens. */
#root:has(.cpt-root .auth),.cpt-root:has(.auth){min-height:0!important}
@media(max-width:900px){
 .cpt-root .auth{min-height:100svh!important}
 .cpt-root .auth:has(.cpt-account-login){min-height:calc(100svh - 44px)!important}
 .cpt-root .auth>.auth-right{min-height:100svh!important;flex:1 0 auto!important;align-items:center!important;justify-content:center!important;padding:20px 16px!important}
 .cpt-root .auth:has(.cpt-account-login)>.auth-right{min-height:calc(100svh - 44px)!important}
 .cpt-root .auth-card,.cpt-root .cpt-account-login{width:100%;max-width:420px;margin:auto!important;border-radius:16px;padding:24px!important}
 .cpt-account-login-logo,.cpt-root .cpt-staff-auth .cpt-staff-login-logo{width:90px;height:90px;margin:0 auto 20px}
 .cpt-account-login h1,.cpt-root .cpt-staff-auth .auth-h{font-size:24px;line-height:1.25}
 .cpt-root .cpt-staff-auth>.auth-left{display:none!important}
}
@media(max-height:650px) and (max-width:900px){
 .cpt-root .auth>.auth-right{padding:14px!important}
 .cpt-account-login-logo,.cpt-root .cpt-staff-auth .cpt-staff-login-logo{width:66px;height:66px;margin-bottom:14px}
 .cpt-root .auth-card,.cpt-root .cpt-account-login{padding:20px!important}
}