/* Password Visibility Toggle Styles with Unique Prefix to Avoid Conflicts */
.cos-password-input-wrapper {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cos-password-input-wrapper input[type="password"],
.cos-password-input-wrapper input[type="text"] {
  padding-right: 50px !important;
  /* Heavily enforced padding */
  width: 100% !important;
  box-sizing: border-box !important;
}

.cos-password-toggle-btn {
  position: absolute !important;
  right: 15px !important;
  top: 20px !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px !important;
  cursor: pointer !important;
  z-index: 100 !important;
  opacity: 0.4 !important;
  transition: opacity 0.2s !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
  /* Eye-closed icon as default */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23333333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88' /%3E%3C/svg%3E") !important;
}

.cos-password-toggle-btn:hover {
  opacity: 0.8 !important;
}

.cos-password-toggle-btn.is-visible {
  /* Eye-open icon when visible */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23333333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z' /%3E%3C/svg%3E") !important;
}

/* Aggressively hide browser-default icons like the reveal button in Edge/Safari 
   but ONLY for regular password fields. MS-reveal should always be hidden. */
input::-ms-reveal,
input::-ms-clear,
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}.password-confirm__confirm {
    .js & {
        max-height: initial !important;
       
    }
}