/* Vivier natif Le Fil (js/vivier/ecrans.js) : « Réseau » des animateurs croisés, vivier par invitation (lien à copier), fiche animateur et évaluations. La liste, les filtres et le résumé sont le
   kit js/fil/liste.js (fli-), la fabrique est celle du budget (fb-) ; ici ce qui est propre au Vivier (préfixe fvi-). Jetons --f-* de css/fil.css seulement. Remplace les règles .viv-* de css/styles.css. */
.fvi-actions { margin-top: 10px; }
.fvi-ligne-clic { cursor: pointer; }
.fvi-ligne-clic:hover { background: var(--f-surface-2); }
.fvi-reveal, .fvi-formulaire { margin: 0 0 16px; }
.fvi-reveal { border-color: var(--f-fait); }
.fvi-lien-rangee { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.fvi-lien-saisie { flex: 1 1 260px; min-width: 0; font-variant-numeric: tabular-nums; }
.fvi-fiche .fb-pile { margin-top: 12px; }
.fvi-verdict-groupe { display: flex; flex-direction: column; gap: 6px; margin: 14px 0; }
.fvi-verdicts { display: flex; flex-wrap: wrap; gap: 8px; }
.fvi-verdict[aria-pressed="true"] { background: var(--f-encre); color: var(--f-fond); border-color: var(--f-encre); }
.fvi-eval { padding: 12px 0; border-top: 1px solid var(--f-filet); }
.fvi-eval:first-of-type { border-top: 0; }
.fvi-eval-haut { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.fvi-eval-sejour { font: 500 14px/1.3 Inter, system-ui, sans-serif; }
.fvi-eval-date { margin-left: auto; color: var(--f-encre-3); font: 400 12px/1.3 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.fvi-eval-note { margin: 6px 0 4px; font: 400 14px/1.5 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
.fvi .fb-puce[data-etat="urgent"] { color: var(--f-urgent); border-color: var(--f-urgent); }
.fvi .fb-retour { background: transparent; cursor: pointer; }