{{--
    Légende des pastilles d'origine affichées à droite de chaque champ de
    l'étape 3, pour qu'on sache d'un coup d'œil ce qui vient de l'IA et ce
    qui a été tapé.
--}}
<div class="flex flex-wrap items-center gap-x-4 gap-y-2 rounded-xl border border-gray-200 bg-gray-50 p-3 text-sm dark:border-white/10 dark:bg-white/5">
    <span class="font-medium text-gray-700 dark:text-gray-300">Origine des valeurs&nbsp;:</span>

    <span class="inline-flex items-center gap-1.5 text-gray-600 dark:text-gray-400">
        <span class="rounded-md bg-warning-50 px-1.5 py-0.5 text-xs font-medium text-warning-700 dark:bg-warning-400/10 dark:text-warning-400">IA</span>
        lu sur une pièce — vérifiez avant d'enregistrer
    </span>

    <span class="inline-flex items-center gap-1.5 text-gray-600 dark:text-gray-400">
        <span class="rounded-md bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-600 dark:bg-white/10 dark:text-gray-300">Saisi</span>
        tapé à la main
    </span>

    <span class="inline-flex items-center gap-1.5 text-gray-600 dark:text-gray-400">
        <span class="rounded-md bg-danger-50 px-1.5 py-0.5 text-xs font-medium text-danger-700 dark:bg-danger-400/10 dark:text-danger-400">Exigé par la loi 15-95</span>
        champ obligatoire resté vide
    </span>
</div>