/* HF236 - authoritative login card width across home layouts 1-6.
   Applied AFTER hf235-brand.css, never changes project or work-hour screens.
   The existing HF119 JS and HF204 single-paint boot both write this variable. */
@media (min-width:981px) {
  html body:is([data-home-layout="split-tech"],[data-home-layout="glass-center"],[data-home-layout="executive-clean"],[data-home-layout="command-center"],[data-home-layout="aurora-field"],[data-home-layout="top-brand"]) #loginView.login:not(.hidden) {
    grid-template-columns:minmax(0,1fr) minmax(0,min(var(--hf119-login-panel-width,430px),calc(100vw - 96px))) !important;
  }
  html body:is([data-home-layout="split-tech"],[data-home-layout="glass-center"],[data-home-layout="executive-clean"],[data-home-layout="command-center"],[data-home-layout="aurora-field"],[data-home-layout="top-brand"]) #loginView.login:not(.hidden) > .login-right {
    min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;
  }
  html body:is([data-home-layout="split-tech"],[data-home-layout="glass-center"],[data-home-layout="executive-clean"],[data-home-layout="command-center"],[data-home-layout="aurora-field"],[data-home-layout="top-brand"]) #loginView.login:not(.hidden) > .login-right > .login-card {
    box-sizing:border-box !important;flex:0 1 auto !important;
    width:min(var(--hf119-login-panel-width,430px),calc(100vw - 96px)) !important;
    max-width:none !important;min-width:0 !important;
  }
}
/* Keep the saved width visible where practical without horizontal overflow. */
@media (max-width:980px) {
  html body:is([data-home-layout="split-tech"],[data-home-layout="glass-center"],[data-home-layout="executive-clean"],[data-home-layout="command-center"],[data-home-layout="aurora-field"],[data-home-layout="top-brand"]) #loginView.login:not(.hidden) > .login-right > .login-card {
    box-sizing:border-box !important;
    width:min(var(--hf119-login-panel-width,430px),calc(100vw - 32px)) !important;
    max-width:100% !important;
  }
}