/**
 * HQ login — matches dashboard light theme: white page, soft panel, primary buttons.
 * Use on <body class="hq-login-light"> with :root --primary / --hq-secondary / --hq-body-text from PHP.
 */

body.hq-login-light {
  background-color: #ffffff !important;
  color: var(--hq-body-text, #222222) !important;
}

body.hq-login-light .container-login100 {
  background-color: #ffffff;
}

/* Panel: slightly darker off-white so it reads on pure white */
body.hq-login-light .wrap-login100 {
  background: #f0f2f5 !important;
  border: 1px solid #e2e5ea;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

body.hq-login-light .login100-form-title {
  color: var(--hq-body-text, #222222) !important;
}

body.hq-login-light a {
  color: var(--primary, #1791ba);
}

body.hq-login-light a:hover,
body.hq-login-light a:focus {
  color: var(--hq-secondary, #6c757d);
}

body.hq-login-light .tableheader {
  color: var(--hq-body-text, #222222) !important;
}

body.hq-login-light input[type="text"],
body.hq-login-light input[type="email"],
body.hq-login-light input[type="password"],
body.hq-login-light input.form-control,
body.hq-login-light .input100 {
  background-color: #ffffff !important;
  color: var(--hq-body-text, #222222) !important;
  border: 1px solid #ced4da !important;
  border-radius: 6px;
  padding: 12px 14px !important;
}

body.hq-login-light .input100 {
  height: auto;
  min-height: 48px;
}

body.hq-login-light .focus-input100::after {
  color: #6c757d !important;
}

body.hq-login-light .focus-input100::before {
  background: var(--primary, #1791ba) !important;
  background-image: none !important;
}

body.hq-login-light .btn-show-pass:hover,
body.hq-login-light .btn-show-pass.active {
  color: var(--primary, #1791ba) !important;
  background-image: none !important;
}

/* Submit / primary actions */
body.hq-login-light .btn,
body.hq-login-light .btn-primary,
body.hq-login-light .btnSubmit,
body.hq-login-light input.login100-form-btn,
body.hq-login-light button.login100-form-btn,
body.hq-login-light .login100-form-btn {
  background: var(--primary, #1791ba) !important;
  background-image: none !important;
  border-color: var(--primary, #1791ba) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: 600;
  text-transform: none;
}

body.hq-login-light .btn:hover,
body.hq-login-light .btn-primary:hover,
body.hq-login-light .btnSubmit:hover,
body.hq-login-light input.login100-form-btn:hover,
body.hq-login-light .login100-form-btn:hover {
  filter: brightness(0.93);
  color: #ffffff !important;
}

body.hq-login-light .green,
body.hq-login-light .blue {
  background: var(--primary, #1791ba) !important;
  color: #fff !important;
}

body.hq-login-light .login100-form-bgbtn {
  background: var(--primary, #1791ba) !important;
  background-image: none !important;
}

body.hq-login-light .message {
  color: #c0392b;
  background: #fdecea;
  border: 1px solid #f5c6cb;
}

body.hq-login-light .wrap-login100-form-btn {
  border-radius: 6px;
}