/* R78-HF242: only login account/password presentation. Existing theme settings,
   authentication state machine and administrator-configured panel geometry remain authoritative. */
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:0!important;min-width:0;
}
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm > .field{
  width:100%!important;min-width:0!important;
  margin:0 0 14px!important;box-sizing:border-box!important;
}
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm input#loginUser,
html body #loginView[data-hf156-login-ui="1"] .login-card #loginForm input#loginPass{
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:48px!important;min-height:48px!important;
  padding:0 14px!important;line-height:normal!important;
  text-indent:0!important;vertical-align:middle!important;
  transform:none!important;letter-spacing:normal!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginPass{
  text-align:left!important;font-family:Arial,"Microsoft JhengHei",sans-serif!important;
  font-variant-ligatures:none!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginUser,
html body #loginView[data-hf156-login-ui="1"] #loginForm #loginUser::placeholder{text-align:center!important}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156AccountSummary{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:10px!important;
  width:100%!important;min-width:0!important;margin:2px 0 18px!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156AccountValue{
  flex:none!important;display:block!important;width:100%!important;
  text-align:center!important;line-height:1.35!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156ChangeAccount{
  display:block!important;flex:none!important;align-self:center!important;
  min-height:38px!important;max-width:100%!important;
  margin:0 auto!important;padding:7px 16px!important;text-align:center!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm button.loginbtn,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100ForgotButton,
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100LoginSecondary button{
  box-sizing:border-box!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:48px!important;min-height:48px!important;
  padding:0 12px!important;margin:0!important;
  line-height:1.25!important;text-align:center!important;
  border-radius:10px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm button.loginbtn:not([hidden]){
  margin:2px 0 14px!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100ForgotButton:not([hidden]){
  margin:0!important;
}
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100LoginSecondary{
  width:100%!important;margin:0!important;
}
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;
}

/* Hidden state MUST outrank every decorative layout rule; HF156 controls steps. */
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156AccountSummary[hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf156NextButton[hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100ForgotButton[hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm #hf100LoginSecondary[hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm .field[hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm button.loginbtn[hidden]{display:none!important}