/* CustomeZ adjustable logo slots: same uploaded file on login and authenticated sidebar. */
body.login-page .login-shell{width:min(100%,530px)!important;max-width:530px!important}
body.login-page .brand.login-brand.cz-war-brand.cz-logo-slot{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:530px!important;
  min-height:0!important;
  height:126px!important;
  margin:0 auto 10px!important;
  padding:6px 6px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  filter:none!important;
}
body.login-page .brand.login-brand.cz-war-brand.cz-logo-slot:before,
body.login-page .brand.login-brand.cz-war-brand.cz-logo-slot:after{
  content:none!important;display:none!important;
}
body.login-page .cz-war-brand.cz-logo-slot .cz-warz-art{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:485px!important;
  height:112px!important;
  max-height:112px!important;
  min-width:0!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.44))!important;
}
/* Back-office and player pages both inherit this one image source. */
body.app-page .sidebar .brand.cz-app-brand.cz-logo-slot-small{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:80px!important;
  height:88px!important;
  padding:6px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body.app-page .sidebar .cz-logo-slot-small img.cz-warz-mini{
  display:block!important;
  width:100%!important;
  max-width:216px!important;
  height:65px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))!important;
}
@media(max-width:600px){
 body.login-page .brand.login-brand.cz-war-brand.cz-logo-slot{
   width:100%!important;
   height:102px!important;
   padding:4px!important;
   max-width:100%!important;
   margin:0 auto 8px!important;
 }
 body.login-page .cz-war-brand.cz-logo-slot .cz-warz-art{
   width:100%!important;
   height:94px!important;
   max-height:94px!important;
 }
}
@media(max-width:380px){
 body.login-page .brand.login-brand.cz-war-brand.cz-logo-slot{height:92px!important}
 body.login-page .cz-war-brand.cz-logo-slot .cz-warz-art{height:83px!important;max-height:83px!important}
}

/* Move the complete login stack as ONE unit to the requested blue guide.
   Includes the logo, live-online bar, form, and footer; does not translate
   individual elements or change the authenticated page. */
body.login-page .login-shell{
  padding-top:clamp(56px,9vh,76px)!important;
  padding-bottom:20px!important;
}
@media(max-width:600px){
 body.login-page .login-shell{
   padding-top:clamp(28px,5.2vh,48px)!important;
   padding-bottom:20px!important;
 }
}
@media(max-height:610px){
 body.login-page .login-shell{padding-top:22px!important}
}