/* passwordeye.css */
.password-wrapper {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 28px; /* Adjust based on your floating label height */
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    color: #6c757d; /* Muted gray icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .toggle-password svg {
        width: 24px;
        height: 24px;
    }

/* Ensure the input text doesn't go under the icon */
.password-wrapper .form-control {
    padding-right: 45px;
}

/* Helper to hide the slashed eye initially */
.d-none {
    display: none;
}