/* CustomeZ Login UI finishing pass – compact vertical layout and self-contained user avatars.
   Loaded after login_redesign.css, affects only the public login page. */
body.login-page .login-shell{
  padding-top:clamp(22px,3.6vh,38px);
}
body.login-page .login-shell::before{top:22px}
body.login-page .brand.login-brand{
  gap:11px;
  margin-bottom:23px;
}
body.login-page .login-brand .brand-symbol{
  width:58px;height:61px;
}
body.login-page .login-brand-copy strong{
  font-size:clamp(28px,4vw,35px);
}
body.login-page .login-brand-copy small{
  margin-top:7px;letter-spacing:2.8px;
}
body.login-page .cz-auth-panel{
  border-radius:18px;
  border-color:#425768;
  box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.02) inset;
}
body.login-page .cz-auth-heading{
  padding:21px 24px 17px;
}
body.login-page .cz-auth-heading h1{
  margin:6px auto 4px;
  font-size:25px;
}
body.login-page .cz-auth-content{
  padding:23px clamp(20px,5.5vw,47px) 26px;
}
body.login-page .cz-auth-field{
  margin-bottom:17px;
}
body.login-page .cz-auth-field label{
  text-align:left;
  padding-left:2px;
  margin-bottom:8px;
  font-size:12px;
  color:#dce7ef;
}
body.login-page .cz-auth-field-icon{
  position:absolute;
  left:9px;top:50%;
  transform:translateY(-50%);
  width:39px;height:39px;
  border:1px solid #435b70;
  border-radius:10px;
  background:linear-gradient(155deg,#31485c,#1b3143);
  color:#d8e7ef;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
  pointer-events:none;
  transition:background-color .2s,border-color .2s,color .2s;
}
body.login-page .cz-auth-control:focus-within .cz-auth-field-icon{
  color:#ffe1d4;
  border-color:#bf796c;
  background:linear-gradient(155deg,#694647,#44343f);
}
body.login-page .cz-auth-control input{
  text-align:left!important;
  text-align-last:left!important;
  padding-left:61px!important;
  padding-right:50px!important;
  height:54px;
  border-color:#4b6478!important;
  border-radius:11px!important;
}
body.login-page .cz-auth-control input::placeholder{
  color:#8096a7;
  opacity:1;
  font-size:13px;
  font-weight:500;
}
body.login-page .cz-auth-control input:focus{
  transform:scaleX(1)!important;
  border-color:#e38c7c!important;
}
body.login-page .cz-auth-control .cz-auth-eye{
  right:7px;
}
body.login-page .cz-auth-submit{
  margin-top:5px;
  height:52px;
}
body.login-page footer{margin-top:16px}
@media(max-width:600px){
  body.login-page .login-shell{padding-top:clamp(15px,3vh,29px)}
  body.login-page .brand.login-brand{margin-bottom:19px;gap:9px}
  body.login-page .login-brand .brand-symbol{width:53px;height:57px}
  body.login-page .cz-auth-heading{padding:18px 17px 16px}
  body.login-page .cz-auth-content{padding:20px 20px 21px}
  body.login-page .cz-auth-heading h1{font-size:23px;margin:5px auto 3px}
  body.login-page .cz-auth-control input{height:51px;font-size:15px}
  body.login-page .cz-auth-field-icon{height:37px;width:37px}
  body.login-page .cz-auth-submit{height:51px}
}
@media(max-width:355px){
  body.login-page .login-shell{padding-top:15px}
  body.login-page .cz-auth-content{padding:17px 14px 19px}
  body.login-page .cz-auth-control input{padding-left:55px!important}
  body.login-page .cz-auth-field-icon{left:7px}
}
@media(max-height:740px) and (min-width:601px){
  body.login-page .login-shell{padding-top:17px}
  body.login-page .brand.login-brand{margin-bottom:16px}
}