.password-wrapper {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

/* Style Icon Mata */
.toggle-password-icon {
    display: none; /* Sembunyi by default */
    position: absolute;
    right: 10px; /* Jarak dari kanan DALAM field */
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10; /* Pastikan di atas layer input */
    color: #777;
}

/* LOGIKA CSS: Tampilkan icon HANYA jika input sedang FOKUS */
.input-password-padding:focus + .toggle-password-icon {
    display: block;
}
/* Tetap tampilkan saat mouse berada di atas icon (hover) agar tidak kedip */
.toggle-password-icon:hover {
    display: block;
    color: #333;
}
/* Beri padding kanan pada text agar tulisan panjang tidak menabrak icon mata */
input.input-password-padding {
    padding-right: 35px;
}