/* R78-HF244: account and password steps share one centered control geometry.
   Presentation-only. HF156 state/validation, saved branding and server authentication stay intact. */
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm{
  --hf244-control-gap:14px;
  display:flex!important; flex-direction:column!important;
  align-items:stretch!important; gap:var(--hf244-control-gap)!important;
  width:100%!important; min-width:0!important; box-sizing:border-box!important;
}
/* The autocomplete wrapper was allowed to shrink independently from the buttons. */
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm > .field,
html body #loginView[data-hf156-login-ui="1"] #loginForm .login-autocomplete,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100LoginSecondary,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf155MicrosoftLogin{
  width:100%!important; min-width:0!important; max-width:none!important;
  padding-left:0!important; padding-right:0!important;
  margin:0!important; box-sizing:border-box!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginUser,
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginPass,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156NextButton,
html body #loginView[data-hf156-login-ui="1"] #loginForm button.loginbtn,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100LoginSecondary button,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100ForgotButton,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156ChangeAccount{
  display:block!important; width:100%!important; max-width:none!important;
  height:48px!important; min-height:48px!important;
  box-sizing:border-box!important; border-radius:10px!important;
  margin:0!important; text-align:center!important;
  align-self:center!important;
}
/* HF242 carries an explicit :not([hidden]) 2px/14px margin on the active login button.
   Its specificity exceeds the generic button rule above; remove it on both steps. */
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm button.loginbtn:not([hidden]){
  margin:0!important;
}
/* Preserve HF156 visibility; the hidden attribute remains authoritative. */
html body #loginView[data-hf156-login-ui="1"] #loginForm [hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm [data-hf156-hidden="1"]{
  display:none!important;
}
/* Keep the genuine label available to assistive technology; use the input placeholder visually. */
html body #loginView[data-hf156-login-ui="1"] #loginForm .hf244-password-sr-label{
  position:absolute!important; width:1px!important; height:1px!important;
  padding:0!important; margin:-1px!important; overflow:hidden!important;
  white-space:nowrap!important; clip-path:inset(50%)!important; border:0!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginPass,
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginPass::placeholder{
  text-align:center!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginPass::placeholder{
  opacity:1;
}
/* Account value is text, not a form control; all subsequent boxes have the same dimensions. */
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm #hf156AccountSummary{
  width:100%!important; margin:0!important;
  gap:var(--hf244-control-gap)!important;
  align-items:center!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156AccountValue{
  text-align:center!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156ChangeAccount{
  padding:0 12px!important; white-space:normal!important;
}
/* Account suggestions follow the input's full width without changing their lookup logic. */
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginAccountSuggestions{
  box-sizing:border-box!important; width:100%!important;
}