/* =========================================================
   V65 - FIX POSISI ICON MATA PASSWORD
   ========================================================= */

/* Hilangkan ikon reveal bawaan browser agar tidak dobel. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[data-password-field]::-ms-reveal,
input[data-password-field]::-ms-clear{
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-contacts-auto-fill-button,
input[type="password"]::-webkit-caps-lock-indicator,
input[data-password-field]::-webkit-credentials-auto-fill-button,
input[data-password-field]::-webkit-contacts-auto-fill-button,
input[data-password-field]::-webkit-caps-lock-indicator{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
}

/* Wrapper wajib menjadi acuan posisi absolut tombol mata. */
.password-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}

.password-wrap input,
.password-wrap input[type="password"],
.password-wrap input[type="text"],
.password-wrap input[data-password-field]{
  display:block !important;
  width:100% !important;
  padding-right:58px !important;
  margin:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

/* Selector lebih kuat agar tidak turun ke bawah setelah login gagal. */
.password-wrap > .toggle-password,
.login-card .password-wrap > .toggle-password,
.field .password-wrap > .toggle-password{
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  bottom:auto !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:11px !important;
  background:transparent !important;
  color:#0b2f6f !important;
  cursor:pointer !important;
  z-index:8 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.password-wrap > .toggle-password:hover,
.password-wrap > .toggle-password:focus-visible{
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  transform:translateY(-50%) !important;
  background:#eef4ff !important;
  outline:none !important;
}

.password-wrap > .toggle-password svg{
  display:block !important;
  width:21px !important;
  height:21px !important;
  flex:0 0 21px !important;
  pointer-events:none !important;
}