/**
 * Auth Pages - Navy theme (login, register, verify-email, password reset, dll.)
 * Warna default navy untuk form auth - terpisah dari theme Settings (Pro+)
 */

/* Logo + nama sistem di auth (login, verify-email, register): sama persis seperti login form */
.login-logo,
.register-logo {
  margin-bottom: 1rem !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  font-weight: 300 !important;
}
.login-logo a,
.register-logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  text-decoration: none !important;
  flex-wrap: nowrap !important;
  color: #343a40 !important;
  font-weight: 300 !important;
}
.login-logo a:hover,
.register-logo a:hover {
  color: #343a40 !important;
}
.login-logo img,
.register-logo img {
  flex-shrink: 0 !important;
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
  display: block !important;
}

/* btn-navy - AdminLTE tidak punya class ini, tambahkan untuk konsistensi navy */
.btn-navy,
.btn-flat.btn-navy {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff !important;
}

.btn-navy:hover,
.btn-flat.btn-navy:hover {
  background-color: #00152b !important;
  border-color: #00152b !important;
  color: #fff !important;
}

.btn-navy:focus,
.btn-flat.btn-navy:focus,
.btn-navy.focus,
.btn-flat.btn-navy.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 31, 63, 0.5) !important;
}

.btn-navy.disabled,
.btn-navy:disabled,
.btn-flat.btn-navy.disabled,
.btn-flat.btn-navy:disabled {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff !important;
  opacity: 0.65;
}

/* Pastikan login-page & register-page (termasuk password/reset) pakai navy */
.login-page .login-box .card-body .btn-block,
.register-page .register-box .card-body .btn-block {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff !important;
}

.login-page .login-box .card-body .btn-block:hover,
.register-page .register-box .card-body .btn-block:hover {
  background-color: #00152b !important;
  border-color: #00152b !important;
  color: #fff !important;
}