/* Koreksi kecil supaya hasil klon statis tampil sama seperti aslinya.
   CSS asli memakai pemilih id dan media query yang saling menimpa. */

/* logo header: aslinya 120px, bukan seukuran gambar penuh */
.header-container-logo { width: 120px; }
#master-logo,
.header-logo { width: 120px !important; height: auto !important; }

/* popup peringatan: selalu di tengah layar */
.reset-password-popup {
  display: table !important;
  position: fixed !important;
  inset: 0;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  z-index: 99999 !important;
}

.reset-password-popup-wrapper {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 20px !important;
  text-align: center;
}

.reset-password-popup-box {
  margin: 0 auto !important;
  max-width: 400px !important;
  padding: 30px 50px !important;
  background-color: #fff !important;
  text-align: center;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.info-custom-popup-login {
  font-size: 20px;
  color: #4e4e4e;
  margin-bottom: 4px;
}

.button-save-reset-password {
  background-color: #e11931 !important;
  color: #fff !important;
  border: none;
  border-radius: 4px !important;
  font-size: 18px !important;
  font-family: inherit;
  padding: 8px 0 !important;
  width: 170px !important;
  cursor: pointer;
}

.button-save-reset-password:hover { background-color: #c1102a !important; }

@media (max-width: 600px) {
  .reset-password-popup-box { padding: 22px !important; }
  .header-container-logo { width: 90px; }
  #master-logo, .header-logo { width: 90px !important; }
}