/* Halton Hills Clothing ERP — login layout repair only */
.login-page {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 24px !important;
  overflow-x: hidden;
}
.login-page *, .login-page *::before, .login-page *::after { box-sizing: border-box; }
.login-page .login-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  width: min(1080px, 100%) !important;
  max-width: 1080px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}
.login-page .login-brand {
  min-width: 0 !important;
  min-height: 520px !important;
  padding: 36px !important;
  border-radius: 22px 0 0 22px !important;
}
.login-page .brand-mark {
  max-width: 100%;
  width: fit-content;
  font-size: clamp(22px, 2.5vw, 32px) !important;
  line-height: 1.25 !important;
  letter-spacing: .035em !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
.login-page .login-brand h1 { font-size: clamp(27px, 3vw, 38px) !important; }
.login-page .login-card {
  min-width: 0 !important;
  width: 100% !important;
  padding: 36px !important;
  border-radius: 0 22px 22px 0 !important;
}
.login-page .login-card form,
.login-page .login-card input,
.login-page .login-card button,
.login-page .login-card .message {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.login-page .login-card input { display: block; }
.login-page .login-card p, .login-page .login-card .message { overflow-wrap: anywhere; }
.login-page .erp-global-actions, .login-page .erp-premium-version { display: none !important; }
@media (max-width: 760px) {
  .login-page { padding: 12px !important; }
  .login-page .login-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(480px, 100%) !important;
    border-radius: 18px !important;
  }
  .login-page .login-brand {
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 18px 18px 0 0 !important;
  }
  .login-page .login-card {
    padding: 28px 24px !important;
    border-radius: 0 0 18px 18px !important;
  }
}
@media (max-width: 400px) {
  .login-page .login-brand, .login-page .login-card { padding: 22px 18px !important; }
}