/* Les marges latérales au téléphone : 16 px partout, une seule mesure (--f-marge) posée par le conteneur de l'écran, jamais cumulée avec la marge propre d'un module.
   Avant : 24 px (conteneur `.wrap` des écrans montés par showRegistre), 20 px (pages natives), 14 px (`.wrap` réduit des modules, en-tête commun), puis 16 px de plus dans la racine de chaque
   module natif (32 à 56 px du bord). Ici : le conteneur de l'écran porte les 16 px, la racine d'un module natif n'en ajoute aucun. Mesuré par tools/recette/recette_bandes_fil.mjs (bord gauche et
   droit du texte, des contrôles et des boîtes, 390 px, tous les écrans de data/navigation.json). Au bureau (≥ 900 px) les mises en page gardent leurs largeurs. Jetons de css/fil.css. */
[data-interface="fil"] { --f-marge: 16px; }
@media (max-width: 899px) {
  [data-interface="fil"] [data-app] .wrap, [data-interface="fil"] .f-page { padding-inline: var(--f-marge); }
  [data-interface="fil"] [data-app] .wrap .wrap { padding-inline: 0; }
  /* La racine d'un module natif (kit du budget, planning, congés…) : elle suit le conteneur, sans marge de plus. */
  [data-interface="fil"] [data-app] .wrap :is(.fb, .fcg, .fp) { padding-inline: 0; }
  /* La gouttière que les écrans racontés (Imaginer, projet pédagogique) annulent pour coller leur une au bord : celle du conteneur. */
  [data-interface="fil"] .rc { --rc-gout: var(--f-marge); }
}
/* Les champs d'une rangée du formulaire de séjour (deux colonnes) ne dépassent plus leur colonne : un champ date gardait sa largeur propre et sortait de la marge. */
@media (max-width: 899px) {
  [data-interface="fil"] [data-app] .sf-row > *, [data-interface="fil"] [data-app] .sf-row .sf-input { min-width: 0; }
  [data-interface="fil"] [data-app] .sf-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Les lignes de liste (séjours, fonctions d'un domaine, fiches) : texte et pictogramme sur la marge, pas 4 px en retrait ; la carte « en cours » garde son propre fond. */
@media (max-width: 899px) {
  [data-interface="fil"] .f-ligne, [data-interface="fil"] .f-projet:not(.f-projet--en_cours) { padding-inline: 0; }
}