/* Login page styling */
body:has(.for-login),
body:has(.for-login-with-email-link),
body:has(.for-forgot),
body:has(.for-signup) {
  background-color: #06332e !important;
}

body .for-login,
body .for-login .btn-login,
body .for-login-with-email-link,
body .for-forgot,
body .for-signup {
  background-color: #06332e;
}

body .for-login .page-card-head h4,
body .for-login-with-email-link .page-card-head h4,
body .for-forgot .page-card-head h4,
body .for-signup .page-card-head h4 {
  color: #ffffff;
}

body .for-login .page-card,
body .for-login-with-email-link .page-card,
body .for-forgot .page-card,
body .for-signup .page-card {
  background-color: #ffffff;
}

/* Logo styling on login page */
body .for-login .page-card-head,
body .for-login-with-email-link .page-card-head,
body .for-forgot .page-card-head,
body .for-signup .page-card-head {
  text-align: center;
}

body .for-login .page-card-head .app-logo,
body .for-login-with-email-link .page-card-head .app-logo,
body .for-forgot .page-card-head .app-logo,
body .for-signup .page-card-head .app-logo {
  max-width: 150px;
  max-height: 60px;
  width: auto;
  height: auto;
  margin: 0 auto 1rem auto;
  display: block;
}