/* Login + auth pages — scope with body.auth-login-page so admin dashboard is unaffected. */
body.dark-only.auth-login-page {
  color: #e2e5ec;
}

/* Dim hero image; path relative to this file: css/ → admin/assets/ */
body.dark-only.auth-login-page {
  background-image: linear-gradient(135deg, rgba(8, 12, 18, 0.92) 0%, rgba(16, 22, 30, 0.94) 100%),
    url("../images/new_design/first.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.dark-only.auth-login-page .login-form {
  background-color: #141a22 !important;
  border: 1px solid #2a313c;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  color: #e2e5ec;
}

body.dark-only.auth-login-page .login-form .login-social-title h5 {
  color: #e2e5ec;
}

body.dark-only.auth-login-page .login-form h6,
body.dark-only.auth-login-page .login-form p {
  color: #9aa5b3 !important;
}

body.dark-only.auth-login-page .login-form .form-group label {
  color: #c8d0de;
}

body.dark-only.auth-login-page .login-form .form-text,
body.dark-only.auth-login-page .login-form .text-muted {
  color: #7d8a9a !important;
}

body.dark-only.auth-login-page .login-form .form-group .input-group-text {
  background-color: rgba(36, 105, 92, 0.25) !important;
  border: 1px solid #2f3847;
  color: #7ec8a8 !important;
}

body.dark-only.auth-login-page .login-form .form-group .form-control {
  background-color: #0f1419 !important;
  border: 1px solid #3d4555;
  color: #e2e5ec;
}

body.dark-only.auth-login-page .login-form .form-group .form-control::placeholder {
  color: #6b7688;
}

body.dark-only.auth-login-page .login-form .form-group .form-control:focus {
  border-color: #24695c;
  background-color: #11161d !important;
  color: #fff;
  box-shadow: 0 0 0 0.15rem rgba(36, 105, 92, 0.25);
}

body.dark-only.auth-login-page .login-form .form-group .checkbox label {
  color: #b8c0cc !important;
}

body.dark-only.auth-login-page .login-form .form-group .checkbox label a,
body.dark-only.auth-login-page .login-form .form-group .link a {
  color: #7ec8d8 !important;
}

body.dark-only.auth-login-page .login-form .form-group .checkbox label a:hover {
  color: #a8e0ed !important;
}

body.dark-only.auth-login-page .login-form .alert-success {
  background: #1e3d2e;
  border: none;
  color: #a8e5c0;
}

body.dark-only.auth-login-page .login-form .alert-danger {
  background: #3d1e24;
  border: none;
  color: #f5c6cb;
}

body.dark-only.auth-login-page .login-form .btn-primary {
  background: #24695c;
  border-color: #24695c;
  color: #fff;
}

body.dark-only.auth-login-page .login-form .btn-primary:hover {
  background: #2d7d6d;
  border-color: #2d7d6d;
  color: #fff;
}

/* Home: replace inline light-theme black/white */
body.dark-only.auth-login-page .auth-login-btn-home {
  background: rgba(218, 165, 5, 0.12) !important;
  color: #f0d56a !important;
  border: 1px solid rgba(218, 165, 5, 0.45) !important;
}

body.dark-only.auth-login-page .auth-login-btn-home:hover {
  background: rgba(218, 165, 5, 0.22) !important;
  color: #ffeb99 !important;
}

/* Terms modal (login page) */
body.dark-only.auth-login-page .modal-backdrop {
  background-color: #020617;
  opacity: 0.75;
}

body.dark-only.auth-login-page .modal-content {
  background: #141a22;
  border: 1px solid #2a313c;
  color: #dee4ee;
}

body.dark-only.auth-login-page .modal-header {
  background: #11161d;
  border-bottom: 1px solid #2a313c;
}

body.dark-only.auth-login-page .modal-header .btn-close {
  filter: invert(0.9);
}

body.dark-only.auth-login-page .modal-title {
  color: #e2e5ec;
}

body.dark-only.auth-login-page .modal-body {
  color: #c8d0de;
  background: #141a22;
  position: relative;
}

body.dark-only.auth-login-page .modal-body .ribbon.ribbon-primary {
  background: #1e5c52;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

body.dark-only.auth-login-page .modal-body .ribbon-bookmark.ribbon-primary:before {
  border-color: #1e5c52;
  border-right-color: transparent;
}

body.dark-only.auth-login-page .modal-body .ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #1e5c52;
  border-left-color: transparent;
}

body.dark-only.auth-login-page .modal-body span:not(.fa) {
  color: #d4dce6;
}

body.dark-only.auth-login-page .modal-body .btn-primary {
  background: #24695c;
  border-color: #24695c;
  color: #fff;
}

body.dark-only.auth-login-page .modal-body .btn-primary:hover {
  background: #2d7d6d;
  color: #fff;
}

/* Dark / light control (mirrors header .mode) */
body.dark-only.auth-login-page .auth-page-mode {
  color: #c8d0de;
}

body.dark-only.auth-login-page .auth-page-mode i {
  color: #c8d0de !important;
}