/* Global password visibility toggle — PMII Rayon "Perjuangan" Ibnu Aqil */
.passwordEyeWrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.passwordEyeWrap>input{
  width:100%!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.globalPasswordEyeToggle{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  z-index:4!important;
  opacity:.92;
}
.globalPasswordEyeToggle:hover{opacity:1}
.globalPasswordEyeToggle:focus-visible{
  outline:2px solid rgba(7,86,166,.20)!important;
  outline-offset:2px!important;
  border-radius:7px!important;
}
.globalPasswordEyeToggle::before{
  content:"";
  position:absolute;
  inset:5px 3px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70' fill='none'%3E%3Cpath d='M4 35C15 16 31 7 50 7s35 9 46 28C85 54 69 63 50 63S15 54 4 35Z' stroke='%23b7bdc5' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='35' r='15' stroke='%23b7bdc5' stroke-width='7'/%3E%3C/svg%3E");
}
.globalPasswordEyeToggle.isVisible::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70' fill='none'%3E%3Cpath d='M4 35C15 16 31 7 50 7c18.5 0 34 8.5 46 28C85 54 69 63 50 63c-9 0-17.5-2-25-6' stroke='%23b7bdc5' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43 21a15 15 0 0 1 20 20M58 48a15 15 0 0 1-20-20' stroke='%23b7bdc5' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M9 64 91 6' stroke='%23b7bdc5' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* Existing manually placed auth eye buttons use the same icon asset */
.raPasswordToggle.globalPasswordEyeToggle,
.raPasswordEye.globalPasswordEyeToggle{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  bottom:auto!important;
}
.raPasswordToggle.globalPasswordEyeToggle svg,
.raPasswordEye.globalPasswordEyeToggle svg{display:none!important}


/* Native password reveal controls are hidden so only the PMII eye icon is shown. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{display:none!important;width:0!important;height:0!important}
input[type="password"]{-webkit-appearance:none}

/* Auth pages already provide the button element; draw only the global icon, never both. */
.raPasswordEye.globalPasswordEyeToggle,
.raPasswordToggle.globalPasswordEyeToggle{
  background-image:none!important;
}
.raPasswordEye.globalPasswordEyeToggle.isVisible,
.raPasswordToggle.globalPasswordEyeToggle.isVisible{
  background-image:none!important;
}


/* Single-source password icon enforcement */
.raPasswordField>.raPasswordEye,
.raPasswordField>.raPasswordToggle{
  background:none!important;
  background-image:none!important;
}
.raPasswordField>.raPasswordEye::after,
.raPasswordField>.raPasswordToggle::after{display:none!important}
.raPasswordField>input[type="password"]::-ms-reveal,
.raPasswordField>input[type="password"]::-ms-clear{display:none!important}

/* 2026-10-02 — smaller password eye v1.3 */
.passwordEyeWrap>input{padding-right:35px!important}
.globalPasswordEyeToggle{
  right:6px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}
.globalPasswordEyeToggle::before{
  inset:8px 6px!important;
  background-size:contain!important;
}
.raPasswordField>.globalPasswordEyeToggle{
  right:4px!important;
}