/* La page d'un séjour par moment (#/preparer · #/vivre · #/cloturer) et la page d'un domaine, natives Le Fil : js/fil/moment.js, js/plateau/rendu.js,
   js/parcours/prochaine-action.js, js/convoyage/carte-accueil.js, js/centres/carte.js. Préfixe fmo-, jetons --f-* de css/fil.css seulement.
   L'en-tête est l'en-tête commun (css/fil-entete.css) ; la couleur d'un moment n'est jamais portée ici (une seule grande surface colorée : la bande du présent). */
[data-interface="fil"] .fmo-page { padding-top: 16px; }
[data-interface="fil"] .fmo-une { margin: 0 0 12px; max-width: 420px; }
[data-interface="fil"] .fmo-une img { display: block; width: 100%; max-height: 180px; object-fit: cover; border-radius: 18px; }
[data-interface="fil"] .fmo-credit { display: block; margin-top: 4px; color: var(--f-encre-2); font: 400 12px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-credit a { color: inherit; }
[data-interface="fil"] .fmo-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 8px; color: var(--f-encre-2); font: 400 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-lien { display: inline-flex; align-items: center; min-height: 44px; color: var(--f-encre); text-decoration: underline; text-decoration-color: var(--f-encre-3); text-underline-offset: 3px; font: 500 14px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-lien:hover { text-decoration-color: var(--f-encre); }
[data-interface="fil"] .fmo-aide { margin: 0; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-section { margin: 28px 0 0; min-width: 0; }
[data-interface="fil"] .fmo-tete { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin: 0 0 8px; }
[data-interface="fil"] .fmo-titre { margin: 0; font: 600 18px/1.3 Inter, system-ui, sans-serif; }
/* Prochaine étape */
[data-interface="fil"] .fmo-pa { margin: 20px 0 0; }
[data-interface="fil"] .fmo-pa:empty { display: none; }
[data-interface="fil"] .fmo-pa-avancement { color: var(--f-encre-2); font: 500 14px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-pa-carte { display: flex; flex-direction: column; gap: 14px; padding: 16px; background: var(--f-surface); border: 1px solid var(--f-filet); border-radius: 24px; }
[data-interface="fil"] .fmo-pa-carte.est-retard { border-color: var(--f-attention); }
[data-interface="fil"] .fmo-pa-titre { margin: 0; font: 600 16px/1.35 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-pa-raison { margin: 4px 0 0; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-pa-echeance { margin: 6px 0 0; color: var(--f-encre-2); font: 400 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-pa-carte.est-retard .fmo-pa-echeance b { color: var(--f-attention); }
[data-interface="fil"] .fmo-pa-actions { display: flex; flex-wrap: wrap; gap: 8px; }
[data-interface="fil"] .fmo-pa-erreur { margin: 0; color: var(--f-urgent); font: 400 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-pa-verrous { margin: 10px 0 0; color: var(--f-encre-2); font: 400 14px/1.45 Inter, system-ui, sans-serif; }
/* À traiter, par priorité */
[data-interface="fil"] .fmo-attente { margin: 0; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-rien { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 0; border-top: 1px solid var(--f-filet); font: 400 15px/1.45 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-rien .f-ico { margin-top: 2px; color: var(--f-fait); }
[data-interface="fil"] .fmo-rien.est-a-venir .f-ico { color: var(--f-encre-2); }
[data-interface="fil"] .fmo-prio-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--f-filet); }
[data-interface="fil"] .fmo-prio { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0 12px; padding: 10px 0; border-bottom: 1px solid var(--f-filet); }
[data-interface="fil"] .fmo-prio-num { color: var(--f-encre-2); font: 600 16px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-prio-corps { min-width: 0; }
[data-interface="fil"] .fmo-prio-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 12px; margin: 0 0 2px; color: var(--f-encre-2); font: 500 13px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-prio-dom { display: inline-flex; align-items: center; gap: 6px; }
[data-interface="fil"] .fmo-prio-dom .f-ico, [data-interface="fil"] .fmo-prio-dom .f-ico svg { width: 16px; height: 16px; }
[data-interface="fil"] .fmo-gravite.gravite-critique, [data-interface="fil"] .fmo-gravite.gravite-urgent { color: var(--f-urgent); }
[data-interface="fil"] .fmo-gravite.gravite-important, [data-interface="fil"] .fmo-gravite.gravite-attention { color: var(--f-attention); }
[data-interface="fil"] .fmo-prio-titre { margin: 0; font: 600 16px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-prio-lien { display: flex; align-items: center; min-height: 44px; color: var(--f-encre); text-decoration: none; }
[data-interface="fil"] .fmo-prio-lien:hover { text-decoration: underline; text-underline-offset: 3px; }
[data-interface="fil"] .fmo-prio-texte { margin: 2px 0 0; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
/* Les rubriques : un domaine = une ligne */
[data-interface="fil"] .fmo-rub-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--f-filet); }
[data-interface="fil"] .fmo-rub { padding: 12px 0; border-bottom: 1px solid var(--f-filet); min-width: 0; }
[data-interface="fil"] .fmo-rub-nom { display: flex; align-items: center; gap: 12px; min-height: 44px; color: var(--f-encre); text-decoration: none; font: 600 16px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] a.fmo-rub-nom:hover .fmo-rub-mot { text-decoration: underline; text-underline-offset: 3px; }
[data-interface="fil"] .fmo-rub-nom .f-ico, [data-interface="fil"] .fmo-rub-nom .f-ico svg { width: 22px; height: 22px; flex: none; }
[data-interface="fil"] .fmo-rub-mot { flex: 1; min-width: 0; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-rub-etat { flex: none; color: var(--f-encre-2); font: 500 13px/1 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-rub-etat-pret { color: var(--f-fait); }
[data-interface="fil"] .fmo-rub-etat-critique { color: var(--f-urgent); }
[data-interface="fil"] .fmo-rub.est-critique .fmo-rub-ligne { color: var(--f-urgent); }
[data-interface="fil"] .fmo-rub-corps { display: flex; flex-direction: column; gap: 2px; padding-left: 34px; min-width: 0; }
[data-interface="fil"] .fmo-rub-ligne { font: 500 15px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-rub-texte { color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-rub-suites { display: flex; flex-wrap: wrap; gap: 0 16px; }
[data-interface="fil"] .fmo-suite { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: var(--f-encre); text-decoration: underline; text-decoration-color: var(--f-encre-3); text-underline-offset: 3px; font: 500 14px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-suite:hover { text-decoration-color: var(--f-encre); }
[data-interface="fil"] .fmo-suite-ico, [data-interface="fil"] .fmo-suite-ico svg { width: 16px; height: 16px; flex: none; }
[data-interface="fil"] .fmo-page[data-pas-ouvert] .fmo-rub-ligne { font-weight: 400; color: var(--f-encre-2); }
/* Vivre : le fil de la journée ; Clôturer : les chantiers */
[data-interface="fil"] .fmo-instant { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 16px; }
[data-interface="fil"] .fmo-instant-col { min-width: 0; }
[data-interface="fil"] .fmo-etiquette { margin: 0 0 4px; color: var(--f-encre-2); font: 600 13px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-quoi { margin: 0; font: 600 16px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-qui { font-weight: 400; color: var(--f-encre-2); }
[data-interface="fil"] .fmo-heure { margin: 2px 0 0; color: var(--f-encre-2); font: 500 14px/1.3 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
[data-interface="fil"] .fmo-creneau { gap: 12px; }
[data-interface="fil"] .fmo-creneau .fmo-heure { flex: none; margin: 0; min-width: 96px; }
[data-interface="fil"] .fmo-creneau.est-fait { color: var(--f-encre-2); }
[data-interface="fil"] .fmo-fait { color: var(--f-encre-2); font: 400 13px/1 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-lignes { margin-top: 0; }
/* Cartes posées sous les chiffres clés : le convoyage et le centre */
[data-interface="fil"] .fmo-zone { margin: 0 0 16px; }
[data-interface="fil"] .fmo-carte { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 14px; padding: 14px 16px; background: var(--f-surface); border: 1px solid var(--f-filet); border-radius: 24px; color: var(--f-encre); text-decoration: none; min-height: 72px; }
[data-interface="fil"] .fmo-carte:hover { background: var(--f-surface-2); }
[data-interface="fil"] .fmo-carte .cca-kicker { grid-column: 1 / -1; color: var(--f-encre-2); font: 600 13px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fmo-carte .cca-heure { font: 600 28px/1 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
[data-interface="fil"] .fmo-carte .cca-texte { display: flex; flex-direction: column; min-width: 0; grid-column: 1 / -1; }
[data-interface="fil"] .fmo-carte .cca-heure + .cca-texte { grid-column: 2; }
[data-interface="fil"] .fmo-carte .cca-libelle { font: 600 16px/1.35 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-carte .cca-lieu { color: var(--f-encre-2); font: 400 14px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fmo-carte .cca-go { grid-column: 1 / -1; justify-self: end; font: 600 14px/1 Inter, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 900px) {
  [data-interface="fil"] .fmo-carte .cca-go { grid-column: auto; }
  [data-interface="fil"] .fmo-rub-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
/* La carte « Centre » (css/centres-catalogue.css pour son corps) : cadre et titre au langage du Fil ; plus de liseré coloré ni de serif. */
[data-interface="fil"] .fmo-zone .cen-carte { background: var(--f-surface); border: 1px solid var(--f-filet); border-radius: 24px; padding: 16px; box-shadow: none; }
[data-interface="fil"] .fmo-zone .cen-carte[data-etat="proposition"] { background: var(--f-surface); border-color: var(--f-encre); }
[data-interface="fil"] .fmo-zone .cen-titre { font: 600 18px/1.3 Inter, system-ui, sans-serif; }