.password-field { position: relative; width: 100%; }
.password-field input { padding-right: 124px !important; }
.password-field .password-toggle {
  position: absolute; top: 50%; right: 7px; transform: translateY(-50%);
  width: auto; min-width: 105px; min-height: 36px; margin: 0; padding: 6px 8px;
  background: #092235; border: 1px solid #185574; border-radius: 6px;
  color: #a4efff; font: inherit; font-size: 12px; font-weight: 700;
  line-height: 1.2; cursor: pointer;
}
.password-field .password-toggle:hover { background: #103b56; color: #fff; }
.password-field .password-toggle:focus-visible { outline: 2px solid #8ce9ff; outline-offset: 2px; }
/* Use the same Show/Hide control when the browser provides a native reveal button. */
.password-field input::-ms-reveal { display: none; }