/* Shared eye control for all password fields (desktop and touch screens). */
.password-input-wrap {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
  }
  .password-input-wrap > input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 51px !important;
  }
  .password-toggle {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #56657a;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .password-toggle:hover { background: #eef2f7; color: #233c62; }
  .password-toggle:focus-visible { outline: 2px solid #4871b0; outline-offset: -2px; }
  .password-toggle svg { display: block; pointer-events: none; }
  .password-eye-slash { display: none; }
  .password-toggle[aria-pressed="true"] .password-eye-slash { display: block; }