/* « Nouveau pour toi » (js/nouveautes/, audit « nouvel animateur » 2026-10-22, H2) : la pastille de l'avatar, la carte de l'accueil, la feuille. Style de Le Fil : encre, filets, une seule
   couleur rare (brique, --f-attention) pour ce qui est non lu, pleine largeur, mobile d'abord, cibles de 44 px, aucun effet décoratif. Aucune couleur en dur : seulement les jetons --f-*. */

/* ---- La pastille de l'avatar : un rond d'encre en haut à droite, le nombre en clair ---- */
[data-interface="fil"] .f-avatar { position: relative; }
[data-interface="fil"] .f-avatar .f-pastille--nouveau { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; font-size: 11px; border: 2px solid var(--f-fond); box-sizing: content-box; pointer-events: none; }

/* ---- La carte de l'accueil ---- */
[data-interface="fil"] .fm-slot-nouveau { box-sizing: border-box; max-width: 640px; margin: 0 auto; padding: 12px 16px 0; }   /* la page « Séjours » (#/) : même colonne que « Ton arrivée » */
[data-interface="fil"] .fm-slot-nouveau[hidden], [data-interface="fil"] .fbv-slot-nouveau[hidden] { display: none; }
@media (min-width: 700px) { [data-interface="fil"] .fm-slot-nouveau { max-width: 720px; padding-inline: 24px; } }
@media (min-width: 1200px) { [data-interface="fil"] .fm-slot-nouveau { max-width: 1160px; } }
[data-interface="fil"] .fbv-slot-nouveau { min-width: 0; }   /* l'accueil vivant (#/bienvenue) : un élément de la grille de ses cartes, pleine largeur comme elles */
[data-interface="fil"] .fnv-carte { display: flex; align-items: flex-start; gap: 12px; width: 100%; min-height: 56px; padding: 12px 14px; text-align: left; cursor: pointer; background: var(--f-surface); color: var(--f-encre); border: 1px solid var(--f-filet); border-left: 4px solid var(--f-attention); border-radius: 14px; font: 400 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-carte:hover { background: var(--f-surface-2); }
[data-interface="fil"] .fnv-carte-n { margin-top: 1px; }
[data-interface="fil"] .fnv-carte-corps { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
[data-interface="fil"] .fnv-carte-titre { font: 600 15px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-carte-ligne { color: var(--f-encre); }
[data-interface="fil"] .fnv-carte-reste { color: var(--f-encre-2); font-size: 13px; }
[data-interface="fil"] .fnv-carte-fleche { flex: none; align-self: center; color: var(--f-encre-3); font-size: 22px; line-height: 1; }

/* ---- La feuille ---- */
[data-interface="fil"] .fnv { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-interface="fil"] .fnv-resume { margin: 0; color: var(--f-encre-2); font: 500 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-tout, [data-interface="fil"] .fnv-suite, [data-interface="fil"] .fnv-reessayer { align-self: flex-start; min-height: 44px; }
[data-interface="fil"] .fnv-alerte { margin: 0; padding: 8px 12px; border-left: 4px solid var(--f-urgent); background: var(--f-surface-2); border-radius: 0 12px 12px 0; color: var(--f-encre); font: 500 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-alerte[hidden] { display: none; }
[data-interface="fil"] .fnv-vide { margin: 8px 0; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-liste { display: flex; flex-direction: column; gap: 14px; }
[data-interface="fil"] .fnv-jour-titre { margin: 0 0 6px; color: var(--f-encre-2); font: 600 13px/1.3 Inter, system-ui, sans-serif; letter-spacing: .02em; text-transform: none; }
[data-interface="fil"] .fnv-items { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-interface="fil"] .fnv-li { border-bottom: 1px solid var(--f-filet); }
[data-interface="fil"] .fnv-item { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: start; gap: 4px 10px; width: 100%; min-height: 56px; padding: 12px 4px; text-align: left; text-decoration: none; cursor: pointer; background: none; border: 0; color: var(--f-encre); font: 400 15px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fnv-item:hover { background: var(--f-surface-2); }
[data-interface="fil"] .fnv-point { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: transparent; }
[data-interface="fil"] .fnv-item[data-lu="non"] .fnv-point { background: var(--f-attention); }
[data-interface="fil"] .fnv-item[data-lu="non"] .fnv-texte { font-weight: 600; }
[data-interface="fil"] .fnv-item[data-lu="oui"] .fnv-texte { color: var(--f-encre-2); }
[data-interface="fil"] .fnv-texte { overflow-wrap: anywhere; }
[data-interface="fil"] .fnv-heure { color: var(--f-encre-3); font: 400 13px/1.6 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-interface="fil"] .fnv-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { [data-interface="fil"] .fnv-item { transition: none; } }