.champ-fichier{display:block}.champ-fichier-zone{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.85rem;width:100%;min-height:64px;padding:.75rem .9rem;transition:border-color .18s,background .18s;display:flex;position:relative}.champ-fichier-zone:hover{border-color:var(--accent-primary)}.champ-fichier-zone[data-survol=oui]{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-secondary));border-style:solid}.champ-fichier-zone[data-inactif=oui]{opacity:.55;cursor:not-allowed}.champ-fichier-natif{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;padding:0;position:absolute}.champ-fichier-zone:has(.champ-fichier-natif:focus-visible){outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary)}.champ-fichier-icone{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.champ-fichier-icone svg{width:18px;height:18px}.champ-fichier-zone:hover .champ-fichier-icone,.champ-fichier-zone[data-survol=oui] .champ-fichier-icone{color:var(--accent-primary);border-color:var(--accent-primary)}.champ-fichier-vignette{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;width:38px;height:38px}.champ-fichier-texte{flex-direction:column;gap:.15rem;min-width:0;display:flex}.champ-fichier-titre{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.champ-fichier-detail{color:var(--text-muted);font-size:.78rem}.champ-fichier-retirer{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;margin-top:.5rem;padding:.35rem .7rem;font-size:.8rem;transition:border-color .16s,color .16s}.champ-fichier-retirer:hover{border-color:var(--error);color:var(--error)}.champ-fichier-aide{color:var(--text-muted);margin:.4rem 0 0;font-size:.78rem}.champ-fichier-bouton .champ-fichier-zone{border-style:solid;width:auto;min-height:42px;padding:.5rem .85rem;display:inline-flex}.champ-fichier-bouton .champ-fichier-icone{border:none;width:22px;height:22px}.champ-fichier-bouton .champ-fichier-icone svg{width:15px;height:15px}.champ-fichier-bouton .champ-fichier-detail{display:none}@media (prefers-reduced-motion:reduce){.champ-fichier-zone,.champ-fichier-icone,.champ-fichier-retirer{transition:none}}
