/* L'animateur engagé par une direction qui n'utilise pas ANIMA (js/engage/, audit « nouvel animateur » du 2026-10-22, lot 2 : D1, D5, D6) — préfixe feng-.
   La page « Je suis engagé sur un séjour », la carte « Direction à inviter » de la page d'un séjour, « Un séjour t'attend déjà » et une porte fermée.
   Jetons --f-* seulement : aucune couleur littérale, aucune lueur ; la couleur du moment (préparer) marque ce qui attend d'être fait. */

/* ---------- La page de création ---------- */
.feng-contenu { min-width: 0; }
[data-app] .wrap .feng { padding-inline: 0; max-width: 760px; }
.feng-form { margin-top: 4px; }
.feng-place { min-width: 0; margin: 0; padding: 0; border: 0; }
.feng-place legend { padding: 0 0 4px; }
.feng-place .fb-case { border-bottom: 1px solid var(--f-filet); }
.feng-place .fb-case:last-child { border-bottom: 0; }
.feng-place .fb-case input { accent-color: var(--f-encre); }
.feng-suite { margin: 0; }

/* ---------- Erreurs : à l'encre, filet, fond doux (l'urgent est réservé à un enfant en danger) ---------- */
.feng-erreur { grid-column: 1 / -1; margin: 6px 0 0; padding: 10px 12px; border-left: 3px solid var(--f-encre); border-radius: 10px; background: var(--f-surface-2); color: var(--f-encre); font: 500 14px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }

/* ---------- La carte « Direction à inviter » ---------- */
.feng-direction { border-left: 3px solid var(--f-preparer); padding-left: 14px; margin-bottom: 24px; }
.feng-phrase { margin: 4px 0 10px; color: var(--f-encre); font: 400 15px/1.5 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
.feng-zone { min-width: 0; }
.feng-inviter { margin: 4px 0 6px; }
.feng-ferme-phrase { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--f-surface-2); color: var(--f-encre-2); font: 400 14px/1.45 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
.feng-ouvert-phrase { margin: 8px 0 0; color: var(--f-encre-2); font: 400 14px/1.45 Inter, system-ui, sans-serif; }
.feng-lien { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.feng-pour { margin: 0; color: var(--f-encre-2); font: 500 14px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
.feng-lien-saisie { font-size: 14px; text-overflow: ellipsis; }
.feng-lien .fb-actions { margin-top: 0; }
.feng-note:empty { display: none; }

/* ---------- « Un séjour t'attend déjà » ---------- */
.feng-attente { border-left: 3px solid var(--f-preparer); padding-left: 14px; }
.feng-condition { display: block; margin-top: 2px; color: var(--f-encre-2); font-size: 13px; }

/* ---------- Une porte fermée ---------- */
[data-app] .wrap .feng-ferme { max-width: 640px; padding-inline: 0; }
.feng-ferme-titre { margin: 8px 0 6px; font: 600 18px/1.3 Inter, system-ui, sans-serif; color: var(--f-encre); }

@media (max-width: 599px) {
  .feng-direction, .feng-attente { padding-left: 12px; }
  .feng-lien .fb-actions > .fb-bouton { flex: 1 1 100%; }
}