/* EmplozERP login - teal gradient SVG background, centered card, white logo + heading */
body[data-path="login"] {
  background: #0B5F61 url("/emploz/emploz_login_bg.svg") center center / cover no-repeat fixed !important;
}
body[data-path="login"] .page-card,
body[data-path="login"] .login-content {
  box-shadow: 0 18px 50px rgba(4, 52, 44, 0.35) !important;
  border-radius: 16px !important;
}
body[data-path="login"] .btn-login,
body[data-path="login"] .btn-primary,
body[data-path="login"] .btn-login-with-email-link {
  background-color: #128587 !important;
  border-color: #128587 !important;
  color: #ffffff !important;
}
body[data-path="login"] .btn-login:hover,
body[data-path="login"] .btn-primary:hover {
  background-color: #0B5F61 !important;
  border-color: #0B5F61 !important;
}
body[data-path="login"] a {
  color: #0B5F61;
}
/* Make the logo + heading white so they read on the teal background */
body[data-path="login"] .page-card-head img,
body[data-path="login"] img.app-logo {
  filter: brightness(0) invert(1) !important;
}
body[data-path="login"] .page-card-head h4 {
  color: #ffffff !important;
}