/* MSS-SIZE-START: login sizing, responsive (Oct 2026) */
:root{
  --mss-login-w: min(460px, 88vw);   /* ONE width for logo AND form */
}

/* Logo: same width as the form, small gap below */
body.task-login #logo,
body.task-login img#logo{
  width:var(--mss-login-w)!important;
  height:auto!important;max-height:none!important;max-width:none!important;
  margin:0 auto clamp(.75rem, 2.5vw, 1.5rem)!important;display:block!important;
}

/* Form: exactly the logo's width */
body.task-login #login-form{
  width:var(--mss-login-w)!important;max-width:none!important;margin:0 auto!important;
}

/* Fields and button: balanced to that width */
body.task-login #login-form input.form-control,
body.task-login #login-form .input-group-text,
body.task-login #login-form .button,
body.task-login #login-form button{
  height:clamp(2.75rem, 5.5vw, 3.1rem)!important;
  font-size:clamp(1rem, 2.4vw, 1.05rem)!important;
}
body.task-login #login-form input.form-control{padding:0 .9rem!important}
body.task-login #login-form .input-group{margin-bottom:.6rem!important}
body.task-login #login-form .button,
body.task-login #login-form button{
  width:100%!important;font-weight:600!important;letter-spacing:.06em!important;margin-top:.35rem!important;
}
/* MSS-SIZE-END */