/* ES 24/7 — compact one-screen client login */
@media (max-width:560px){
  html,body{width:100%;height:100%;min-height:100%;overflow:hidden!important}
  #login-view.login-shell{
    width:100%;
    height:100dvh;
    min-height:0;
    max-height:100dvh;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px;
    overflow:hidden!important;
  }
  #login-view .hero{display:none!important}
  #login-view .login-panel{
    width:100%;
    max-width:390px;
    max-height:calc(100dvh - 16px);
    box-sizing:border-box;
    padding:12px 16px 10px;
    border-radius:20px;
    overflow:hidden!important;
  }
  #login-view .client-app-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin:0 0 7px;
  }
  /* Actual ES 24/7 artwork, kept compact so the complete login fits on one screen. */
  #login-view .client-app-brand .es247-logo-host{
    width:135px!important;
    height:64px!important;
    flex:0 0 64px;
    margin:0 0 3px!important;
  }
  #login-view .client-app-brand .es247-logo-image{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  #login-view .client-app-brand h1{
    margin:0 0 2px;
    font-size:22px;
    line-height:1.05;
    letter-spacing:-.02em;
  }
  #login-view .client-app-brand p{
    margin:0;
    color:#aebbd0;
    font-size:12px;
    line-height:1.2;
  }
  #login-view .login-panel>.eyebrow,
  #login-view .login-panel>h2,
  #login-view .login-panel>.muted:first-of-type{display:none!important}
  #login-view .login-panel label{
    margin:6px 0;
    font-size:12px;
  }
  #login-view .login-panel input{
    min-height:42px;
    height:42px;
    padding:9px 11px;
    margin-top:4px;
    border-radius:11px;
    box-sizing:border-box;
  }
  #login-view .password-field{margin-top:4px;gap:6px}
  #login-view .password-toggle{
    min-width:60px;
    padding:0 9px;
    border-radius:11px;
  }
  #login-view .login-panel .btn.primary{
    min-height:46px;
    height:46px;
    margin-top:7px;
    border-radius:12px;
    font-size:16px;
  }
  #login-view .login-panel .notice{
    min-height:14px;
    margin:4px 0 0;
    font-size:11px;
    line-height:1.2;
  }
  #login-view .login-panel .tiny{
    margin:4px 0 0;
    font-size:12px;
    line-height:1.2;
    text-align:center;
  }
}

@media (min-width:561px){
  #login-view .client-app-brand .es247-logo-host{width:170px!important;height:82px!important}
}