/* Container adjustments to ensure button positioning */
    #custom_login_form .password-toggle-wrapper { position: relative; display: inline-block; width: 100%; }
    #custom_login_form input[type="password"], #custom_login_form input[type="text"] {
        padding-right: 3.2rem; /* espace pour le bouton oeil */
        box-sizing: border-box;
    }

    /* Bouton oeil : apparence neutre (pas de border native) */
    .password-toggle-btn {
        position: absolute;
        right: 0.4rem;
        top: 50%;
        transform: translateY(-50%);
        height: 2rem;
        width: 2.6rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: transparent;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }

    .password-toggle-btn:focus {
        outline: 2px solid rgba(241,146,26,0.25);
        border-radius: 4px;
    }

    /* taille SVG */
    .password-toggle-btn svg { width: 20px; height: 20px; display: block; }

    /* Quand visible, on peut ajouter une légère opacité différente (facultatif) */
    .password-toggle-btn[aria-pressed="true"] svg { opacity: 1; }

    /* Trait de la barre (slash) : contrôlé par classe .slashed */
    .eye-slash { display: none; stroke: #f1921a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }
    .password-toggle-btn.slashed .eye-slash { display: inline; }
    /* L\'oeil plein (non barré) */
    .eye-body { stroke: #f1921a; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

    /* Petite amélioration responsive */
    @media (max-width: 480px) {
        #custom_login_form input[type="password"], #custom_login_form input[type="text"] { padding-right: 3.6rem; }
        .password-toggle-btn { right: 0.3rem; width: 2.4rem; height: 1.8rem; }
    }