.toggle-password {
    cursor: pointer;
    border: 2px solid #0d6efd; /* Bootstrap primary */
    background-color: #fff;
    border-left: none; /* Optional: removes the divider between input and eye */
    border-radius: 0 0.375rem 0.375rem 0; /* Match input's right border-radius */
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
}

.toggle-password i {
    font-size: 1.2rem;
    color: #6c757d;
    transition: color 0.3s;
}

.toggle-password:hover i {
    color: #000;
}