/* Appli des licenciés — le fil de l'accueil et le bandeau « À la une » (lot C, js/appli-fil.js). Préfixe afl-.
   Couleurs de la charte seulement : Klein #001CA8, Midnight #191970, noir #120D16, White Smoke #F5F5F5, Cranberry #950714,
   rouge #F32837, blanc — et leurs transparences. Variables du thème commun (--app-*, lot G) quand elles existent, sinon
   valeurs de repli ; mode sombre : html.app-sombre ou html[data-theme="sombre"] (posés par js/appli-coquille.js).
   Téléphone d'abord (390 px), colonne centrale et colonnes utiles à partir de 1180 px ; prefers-reduced-motion respecté. */
.afl,.afl-stories,.afl-story-ecran{--afl-klein:#001CA8;--afl-minuit:#191970;--afl-noir:#120D16;--afl-fumee:#F5F5F5;--afl-cranberry:#950714;--afl-rouge:#F32837;--afl-blanc:#fff;
  --afl-surface:var(--app-surface,#fff);--afl-surface-2:var(--app-surface-2,#F5F5F5);--afl-texte:var(--app-texte,#120D16);--afl-doux:var(--app-texte-doux,rgba(18,13,22,.68));
  --afl-titre:var(--app-titre,#191970);--afl-accent:var(--app-accent,#001CA8);--afl-trait:var(--app-trait,rgba(18,13,22,.09));--afl-voile:rgba(0,28,168,.07);
  --afl-ombre:0 1px 2px rgba(25,25,112,.06),0 10px 30px -8px rgba(25,25,112,.14);--afl-ombre-haute:0 2px 6px rgba(25,25,112,.08),0 22px 48px -14px rgba(25,25,112,.26);
  --afl-disp:var(--app-police-titre,var(--police-display,Montserrat,system-ui,sans-serif));--afl-txt:var(--app-police-texte,Cabin,system-ui,sans-serif);
  --afl-rayon:20px;--afl-courbe:cubic-bezier(.2,.8,.2,1);--afl-ressort:cubic-bezier(.34,1.56,.64,1)}
html.app-sombre .afl,html.app-sombre .afl-stories,html[data-theme="sombre"] .afl,html[data-theme="sombre"] .afl-stories{
  --afl-surface:var(--app-surface,#1C1830);--afl-surface-2:var(--app-surface-2,#262140);--afl-texte:var(--app-texte,#F5F5F5);--afl-doux:var(--app-texte-doux,rgba(245,245,245,.74));
  --afl-titre:var(--app-titre,#fff);--afl-accent:var(--app-accent,#fff);--afl-trait:var(--app-trait,rgba(255,255,255,.12));--afl-voile:rgba(255,255,255,.07);
  --afl-ombre:0 1px 2px rgba(0,0,0,.4),0 12px 30px -10px rgba(0,0,0,.6);--afl-ombre-haute:0 2px 6px rgba(0,0,0,.5),0 24px 50px -14px rgba(0,0,0,.7)}
.afl-hote{grid-column:1/-1!important;min-width:0}
.afl *,.afl-stories *,.afl-story-ecran *{box-sizing:border-box}
.afl-ico{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.afl-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.afl-logo{width:100%;height:100%;display:block}

/* ── Grille : une colonne (téléphone), trois à partir de 1180 px ── */
.afl{font-family:var(--afl-txt);color:var(--afl-texte)}
/* La grille suit la largeur de sa colonne (dans l'espace licencié, le fil n'a que la colonne du milieu). */
.afl{container:afl/inline-size}
.afl-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:38rem;margin:0 auto}
.afl-gauche,.afl-droite{display:none}
@container afl (min-width:960px){.afl-grille{max-width:none;grid-template-columns:minmax(0,38rem) minmax(16rem,20rem);justify-content:center}.afl-droite{display:block}}
@container afl (min-width:1180px){.afl-grille{grid-template-columns:minmax(15rem,20rem) minmax(0,38rem) minmax(16rem,19.5rem);gap:1.5rem}.afl-gauche{display:block}.afl-centre>.afl-filtres{display:none}}
/* Ordinateur : « À faire » rejoint la colonne de gauche (déplacé par js/appli-fil.js), en version compacte. */
.afl-gauche .el-afaire{margin:0;padding:1rem .9rem;border-radius:var(--afl-rayon);box-shadow:var(--afl-ombre);border:1px solid var(--afl-trait)}
.afl-gauche .el-afaire .el-afaire-titre{font-size:1rem}
.afl-gauche .el-afaire-ligne{grid-template-columns:auto minmax(0,1fr) auto!important;padding:.6rem .6rem!important;gap:.55rem!important}
.afl-gauche .el-afaire-ligne .el-exemple{display:none}
.afl-gauche .el-afaire-ligne b,.afl-gauche .el-afaire-ligne strong{font-size:.86rem!important;line-height:1.3!important}
.afl-gauche .el-afaire-ligne small,.afl-gauche .el-afaire-ligne span{font-size:.78rem}
.afl-gauche .afl-collant{position:static}
.afl-collant{position:sticky;top:10rem;display:grid;gap:1rem}
.afl-centre{min-width:0}

/* ── Bandeau « À la une » (stories) ── */
.afl-stories{grid-column:1/-1;margin:0 0 .25rem;min-width:0}
.afl-stories[hidden]{display:none}
.afl-stories-liste{display:flex;gap:.9rem;margin:0;padding:.35rem .15rem .6rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.afl-stories-liste::-webkit-scrollbar{display:none}
.afl-stories-liste li{scroll-snap-align:start}
.afl-story{display:grid;justify-items:center;gap:.4rem;width:4.9rem;padding:0;border:0;background:none;cursor:pointer;color:var(--afl-texte);font:600 .76rem/1.2 var(--afl-txt)}
.afl-story-anneau{display:grid;place-items:center;width:4.6rem;height:4.6rem;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#001CA8,#191970 30%,#F32837 62%,#950714 80%,#001CA8);transition:transform .25s var(--afl-ressort)}
.afl-story-photo{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid var(--afl-surface);background:var(--afl-minuit);color:#fff}
.afl-story-photo img{width:100%;height:100%;object-fit:cover}
.afl-story-photo .afl-ico{width:1.6rem;height:1.6rem}
.afl-story.est-vu .afl-story-anneau{background:var(--afl-trait)}
.afl-story.est-vu .afl-story-nom{color:var(--afl-doux)}
.afl-story-nom{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afl-story:hover .afl-story-anneau{transform:scale(1.05)}
.afl-story:focus-visible{outline:none}.afl-story:focus-visible .afl-story-anneau{box-shadow:0 0 0 3px var(--afl-surface),0 0 0 6px var(--afl-klein)}
@container afl (min-width:960px){.afl-stories-liste{gap:1.2rem;padding-left:.25rem}.afl-story{width:5.4rem;font-size:.8rem}.afl-story-anneau{width:5.2rem;height:5.2rem}}

/* ── Filtres ── */
.afl-filtres{display:flex;gap:.45rem;margin:0 -1px .9rem;padding:2px 1px;overflow-x:auto;scrollbar-width:none}
.afl-filtres::-webkit-scrollbar{display:none}
.afl-filtre{flex:none;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--afl-trait);background:var(--afl-surface);color:var(--afl-texte);font:700 .82rem/1.2 var(--afl-disp);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.afl-filtre[aria-pressed="true"]{background:var(--afl-minuit);border-color:var(--afl-minuit);color:#fff}
html.app-sombre .afl-filtre[aria-pressed="true"],html[data-theme="sombre"] .afl-filtre[aria-pressed="true"]{background:#fff;color:var(--afl-minuit);border-color:#fff}
.afl-filtre:focus-visible,.afl-filtre-ligne:focus-visible{outline:3px solid rgba(0,28,168,.45);outline-offset:2px}

/* ── Colonnes latérales ── */
.afl-panneau{padding:1.1rem 1.1rem 1.15rem;border-radius:var(--afl-rayon);background:var(--afl-surface);box-shadow:var(--afl-ombre);border:1px solid var(--afl-trait)}
.afl-panneau-titre{margin:0 0 .6rem;font:800 .74rem/1.2 var(--afl-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--afl-doux)}
.afl-panneau-titre:not(:first-child){margin-top:1.2rem}
.afl-filtres-liste,.afl-raccourcis,.afl-w-alertes,.afl-w-evts{margin:0;padding:0;list-style:none;display:grid;gap:.15rem}
.afl-filtre-ligne{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.6rem .75rem;border:0;border-radius:12px;background:none;color:var(--afl-texte);font:600 .95rem/1.2 var(--afl-txt);cursor:pointer;text-align:left}
.afl-filtre-ligne b{min-width:1.6rem;padding:.12rem .4rem;border-radius:999px;background:var(--afl-surface-2);font:800 .72rem/1.3 var(--afl-disp);text-align:center;color:var(--afl-doux)}
.afl-filtre-ligne:hover{background:var(--afl-voile)}
.afl-filtre-ligne[aria-pressed="true"]{background:var(--afl-minuit);color:#fff}
.afl-filtre-ligne[aria-pressed="true"] b{background:rgba(255,255,255,.18);color:#fff}
.afl-raccourcis a{display:flex;gap:.65rem;align-items:center;padding:.55rem .75rem;border-radius:12px;color:var(--afl-texte);text-decoration:none;font-weight:600}
.afl-raccourcis a:hover{background:var(--afl-voile)}
.afl-raccourcis .afl-ico{width:1.3rem;height:1.3rem;color:var(--afl-accent)}
.afl-w-challenge{background:linear-gradient(150deg,#191970,#001CA8 70%);color:#fff;border:0;display:grid;gap:.6rem}
.afl-w-sur{margin:0;display:flex;gap:.45rem;align-items:center;font:800 .72rem/1.2 var(--afl-disp);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.afl-w-titre{font:800 1.05rem/1.25 var(--afl-disp)}
.afl-w-alertes button,.afl-w-evts button{display:flex;gap:.7rem;width:100%;align-items:center;padding:.55rem .4rem;border:0;border-radius:12px;background:none;color:var(--afl-texte);cursor:pointer;text-align:left;font:inherit}
.afl-w-alertes button:hover,.afl-w-evts button:hover{background:var(--afl-voile)}
.afl-w-alertes b,.afl-w-evts b{display:block;font:700 .88rem/1.3 var(--afl-txt)}
.afl-w-alertes small,.afl-w-evts small{display:block;color:var(--afl-doux);font-size:.8rem}
.afl-point{flex:none;width:.7rem;height:.7rem;border-radius:50%;background:#F32837;box-shadow:0 0 0 4px rgba(243,40,55,.16)}
.afl-point.afl-g-information{background:var(--afl-klein);box-shadow:0 0 0 4px rgba(0,28,168,.14)}
.afl-mini-pave{flex:none;display:grid;place-items:center;width:2.9rem;padding:.3rem 0;border-radius:12px;background:var(--afl-voile);color:var(--afl-accent);font:700 .68rem/1.1 var(--afl-disp);text-transform:uppercase}
.afl-mini-pave b{display:block;font:800 1.15rem/1 var(--afl-disp)}
.afl-lien-fort{display:inline-flex;gap:.35rem;align-items:center;margin-top:.5rem;color:var(--afl-accent);font:700 .88rem/1.2 var(--afl-disp);text-decoration:none}
.afl-w-note{margin:0;padding:0 .4rem;font-size:.8rem;color:var(--afl-doux);line-height:1.45}

/* ── Les cartes ── */
.afl-cartes{display:grid;gap:1.1rem}
.afl-carte{position:relative;overflow:hidden;border-radius:var(--afl-rayon);background:var(--afl-surface);box-shadow:var(--afl-ombre);border:1px solid var(--afl-trait);transition:box-shadow .3s var(--afl-courbe),transform .3s var(--afl-courbe)}
@media (hover:hover){.afl-carte:hover{box-shadow:var(--afl-ombre-haute)}}
.afl-carte.est-non-lu::after{content:"";position:absolute;top:1.15rem;right:1rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--afl-klein);box-shadow:0 0 0 4px rgba(0,28,168,.15)}
.afl-carte.afl-t-message.est-non-lu::after,.afl-carte.afl-t-une.est-non-lu::after,.afl-carte.afl-t-alerte::after{display:none}
.afl-a-entrer{opacity:0;transform:translateY(14px)}
.afl-a-entrer.est-entre{opacity:1;transform:none;transition:opacity .5s var(--afl-courbe),transform .5s var(--afl-courbe)}
.afl-carte.est-signale{animation:afl-signale 1.4s var(--afl-courbe)}
@keyframes afl-signale{0%,100%{box-shadow:var(--afl-ombre)}30%{box-shadow:0 0 0 4px rgba(0,28,168,.35),var(--afl-ombre-haute)}}
.afl-tete{display:flex;gap:.7rem;align-items:center;padding:.95rem 1rem .75rem}
.afl-avatar{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;overflow:hidden;color:#fff;font:800 .85rem/1 var(--afl-disp)}
.afl-avatar .afl-ico{width:1.3rem;height:1.3rem}
.afl-av-fede{background:#fff;box-shadow:0 0 0 1px var(--afl-trait)}
.afl-av-comite{background:var(--afl-minuit);letter-spacing:.02em}
.afl-av-alerte{background:#F32837}
.afl-av-challenge{background:linear-gradient(135deg,#191970,#001CA8)}
.afl-av-consult{background:var(--afl-klein)}
.afl-av-evt{background:var(--afl-cranberry)}
.afl-qui{min-width:0;flex:1;display:grid;gap:.1rem}
.afl-nom{display:flex;gap:.3rem;align-items:center;font:800 .92rem/1.25 var(--afl-disp);color:var(--afl-titre)}
.afl-certifie{display:inline-flex;color:var(--afl-klein)}
.afl-certifie .afl-ico{width:1.05rem;height:1.05rem}
html.app-sombre .afl-certifie,html[data-theme="sombre"] .afl-certifie{color:#fff}
.afl-quand{display:flex;align-items:center;gap:.2rem;font-size:.8rem;color:var(--afl-doux)}
.afl-ico-epingle{width:.95rem;height:.95rem}
.afl-badges{display:flex;gap:.35rem;align-items:center;flex:none;margin-right:.9rem}
.afl-exemple{display:inline-block;padding:.12rem .5rem;border-radius:999px;background:rgba(149,7,20,.1);color:#950714;font:800 .66rem/1.4 var(--afl-disp);letter-spacing:.05em;text-transform:uppercase}
html.app-sombre .afl-exemple,html[data-theme="sombre"] .afl-exemple{background:rgba(255,255,255,.14);color:#fff}
.afl-nouveau{display:inline-block;padding:.12rem .5rem;border-radius:999px;background:var(--afl-klein);color:#fff;font:800 .66rem/1.4 var(--afl-disp);letter-spacing:.04em;text-transform:uppercase;transition:opacity .6s,transform .6s}
.afl-nouveau.est-parti{opacity:0;transform:scale(.8)}
.afl-nouveau-clair{background:#fff;color:var(--afl-klein)}
.afl-corps{padding:.15rem 1.1rem .4rem}
.afl-titre{margin:.15rem 0 .4rem;font:800 1.14rem/1.3 var(--afl-disp);color:var(--afl-titre);letter-spacing:-.005em;text-wrap:balance}
.afl-texte{font-size:.98rem;line-height:1.55;color:var(--afl-texte)}
.afl-texte p{margin:0 0 .55rem}
.afl-texte.est-long:not(.est-ouvert){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.afl-suite,.afl-lien{padding:0;border:0;background:none;color:var(--afl-accent);font:700 .9rem/1.3 var(--afl-disp);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.afl-suite{margin:0 0 .4rem}
.afl-type{display:inline-block;margin:.1rem 0 .1rem;font:800 .7rem/1.2 var(--afl-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--afl-accent)}
.afl-type-public{color:var(--afl-doux)}
.afl-pastille-comite{display:inline-flex;align-items:center;gap:.35rem;margin:.1rem 0 .15rem;padding:.25rem .65rem;border-radius:999px;background:#191970;color:#fff;font:800 .7rem/1.3 var(--afl-disp);letter-spacing:.05em;text-transform:uppercase}
.afl-pastille-comite::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#F32837}
.afl-image{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--afl-surface-2)}
.afl-image-haute{aspect-ratio:4/3}
.afl-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--afl-courbe)}
@media (hover:hover){.afl-carte:hover .afl-image img{transform:scale(1.025)}}
.afl-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:.35rem 1.1rem 1rem}
.afl-actions:empty{display:none}
.afl-action{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.15rem;border-radius:999px;border:1.5px solid var(--afl-accent);background:transparent;color:var(--afl-accent);font:800 .9rem/1.2 var(--afl-disp);text-decoration:none;cursor:pointer;transition:transform .2s var(--afl-ressort),background .2s,box-shadow .2s}
.afl-action .afl-ico{transition:transform .25s var(--afl-courbe)}
.afl-action:hover .afl-ico{transform:translateX(3px)}
.afl-action:active{transform:scale(.97)}
.afl-action:focus-visible{outline:3px solid rgba(0,28,168,.45);outline-offset:2px}
.afl-action-plein{background:var(--afl-klein);border-color:var(--afl-klein);color:#fff;box-shadow:0 6px 16px -6px rgba(0,28,168,.55)}
html.app-sombre .afl-action-plein,html[data-theme="sombre"] .afl-action-plein{background:#fff;border-color:#fff;color:var(--afl-minuit)}
.afl-action-blanc{background:#fff;border-color:#fff;color:#191970}
.afl-action-verre{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}
.afl-action-alerte{border-color:#F32837;color:#950714}
html.app-sombre .afl-action-alerte,html[data-theme="sombre"] .afl-action-alerte{color:#fff}
.afl-pied{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.55rem .8rem .8rem;border-top:1px solid var(--afl-trait)}
.afl-reactions{display:flex;gap:.2rem;flex-wrap:nowrap;min-width:0}
.afl-reac{display:inline-flex;gap:.3rem;align-items:center;min-height:2.4rem;padding:.35rem .6rem;border-radius:999px;border:0;background:transparent;color:var(--afl-doux);font:700 .82rem/1.2 var(--afl-disp);cursor:pointer;transition:background .2s,color .2s}
.afl-reac b{font-weight:800;color:var(--afl-texte);min-width:.5ch}
.afl-reac .afl-ico{width:1.25rem;height:1.25rem}
.afl-reac:hover{background:var(--afl-voile);color:var(--afl-texte)}
.afl-reac[aria-pressed="true"]{background:rgba(0,28,168,.09);color:var(--afl-klein)}
.afl-reac[aria-pressed="true"] .afl-ico{fill:currentColor}
.afl-reac-merci[aria-pressed="true"]{background:rgba(243,40,55,.1);color:#950714}
html.app-sombre .afl-reac[aria-pressed="true"],html[data-theme="sombre"] .afl-reac[aria-pressed="true"]{background:rgba(255,255,255,.16);color:#fff}
.afl-reac.est-rebond .afl-ico{animation:afl-rebond .55s var(--afl-ressort)}
@keyframes afl-rebond{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(-8deg)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.afl-reac:focus-visible,.afl-partager:focus-visible{outline:3px solid rgba(0,28,168,.45);outline-offset:1px}
.afl-reac-total,.afl-com{display:inline-flex;gap:.35rem;align-items:center;margin:0;padding:.35rem .5rem;color:var(--afl-doux);font:700 .82rem/1.2 var(--afl-disp)}
.afl-partager{margin-left:auto;display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:0;background:transparent;color:var(--afl-doux);cursor:pointer}
.afl-partager:hover{background:var(--afl-voile);color:var(--afl-texte)}
.afl-partager.est-copie{color:var(--afl-klein)}

/* Alerte : bord rouge, bandeau de gravité, mention SOFIA */
.afl-t-alerte{border-left:6px solid #F32837}
.afl-alerte-bandeau{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;padding:.6rem 1rem;background:linear-gradient(90deg,#950714,#F32837);color:#fff;font:600 .82rem/1.3 var(--afl-txt)}
.afl-alerte-bandeau b{font:800 .74rem/1.2 var(--afl-disp);letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:rgba(255,255,255,.2)}
.afl-alerte-bandeau .afl-ico{width:1.2rem;height:1.2rem}
.afl-alerte-bandeau.afl-g-urgent .afl-ico{animation:afl-pulse 1.6s ease-in-out infinite}
@keyframes afl-pulse{50%{transform:scale(1.18)}}
.afl-alerte-bandeau.afl-g-vigilance{background:linear-gradient(90deg,#950714,#c01e2e)}
.afl-alerte-bandeau.afl-g-information{background:linear-gradient(90deg,#191970,#001CA8)}
.afl-alerte-fin{margin-left:auto;opacity:.9}
.afl-t-alerte .afl-titre{color:var(--afl-texte)}
.afl-sofia{display:flex;gap:.6rem;align-items:flex-start;margin:.2rem 1.1rem .8rem;padding:.7rem .85rem;border-radius:14px;background:rgba(243,40,55,.07);border:1px solid rgba(243,40,55,.22);font-size:.86rem;line-height:1.45;color:var(--afl-texte)}
.afl-sofia .afl-ico{flex:none;margin-top:.1rem;color:#950714;width:1.15rem;height:1.15rem}
html.app-sombre .afl-sofia .afl-ico,html[data-theme="sombre"] .afl-sofia .afl-ico{color:#fff}

/* Message de la fédération : Klein, signé */
.afl-t-message,.afl-t-une{background:linear-gradient(165deg,#001CA8 0%,#0a1aa0 45%,#191970 100%);color:#fff;border:0}
.afl-t-message .afl-titre,.afl-t-une .afl-titre{color:#fff;font-size:1.3rem}
.afl-t-message .afl-texte,.afl-t-une .afl-texte{color:rgba(255,255,255,.92)}
.afl-t-message .afl-suite,.afl-t-une .afl-suite{color:#fff}
.afl-msg-haut{display:flex;gap:.7rem;align-items:center;padding:1rem 1.1rem .8rem}
.afl-msg-haut>.afl-logo{width:2.6rem;height:2.6rem;flex:none;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.afl-msg-haut>div{flex:1;min-width:0}
.afl-msg-sur{display:block;font:800 .68rem/1.2 var(--afl-disp);letter-spacing:.1em;text-transform:uppercase;opacity:.82}
.afl-msg-de{display:block;font:800 .95rem/1.3 var(--afl-disp)}
.afl-t-message .afl-exemple,.afl-t-une .afl-exemple,.afl-t-challenge .afl-exemple{background:rgba(255,255,255,.18);color:#fff}
.afl-t-message .afl-image,.afl-t-une .afl-image{margin:0 1.1rem .4rem;border-radius:16px;aspect-ratio:16/9}
.afl-signature{margin:.6rem 0 0;font:italic 600 .95rem/1.3 var(--afl-txt);color:#fff}
.afl-signature::before{content:"— "}
.afl-msg-date{margin:.25rem 0 0;font-size:.8rem;opacity:.75}
.afl-t-message .afl-pied,.afl-t-une .afl-pied{border-top-color:rgba(255,255,255,.18)}
.afl-t-message .afl-reac,.afl-t-une .afl-reac{color:rgba(255,255,255,.85)}
.afl-t-message .afl-reac b,.afl-t-une .afl-reac b{color:#fff}
.afl-t-message .afl-reac:hover,.afl-t-message .afl-reac[aria-pressed="true"],.afl-t-une .afl-reac[aria-pressed="true"]{background:rgba(255,255,255,.16);color:#fff}

/* Vidéo : 16:9 plein cadre, lecture au clic */
.afl-video{position:relative;aspect-ratio:16/9;background:#120D16;overflow:hidden}
.afl-video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:transform .8s var(--afl-courbe),opacity .3s}
.afl-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,22,0) 45%,rgba(18,13,22,.55));pointer-events:none}
.afl-video.est-lue::after{display:none}
.afl-video iframe,.afl-video video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.afl-lire{position:absolute;inset:0;margin:auto;z-index:2;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#001CA8;cursor:pointer;box-shadow:0 10px 30px rgba(18,13,22,.45);transition:transform .25s var(--afl-ressort)}
.afl-lire .afl-ico{width:1.9rem;height:1.9rem;margin-left:.2rem}
.afl-lire::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:afl-onde 2.4s ease-out infinite}
@keyframes afl-onde{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.afl-lire:hover{transform:scale(1.08)}
.afl-lire:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media (hover:hover){.afl-video:hover img{transform:scale(1.03)}}
.afl-duree{position:absolute;right:.7rem;bottom:.7rem;z-index:2;padding:.2rem .5rem;border-radius:8px;background:rgba(18,13,22,.75);color:#fff;font:800 .75rem/1.2 var(--afl-disp)}
.afl-video-note{position:absolute;left:.75rem;bottom:.65rem;right:4.5rem;z-index:2;color:rgba(255,255,255,.9);font-size:.72rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.afl-t-video .afl-tete{padding-bottom:.85rem}

/* Événement : pavé date */
.afl-evt{display:flex;gap:.9rem;align-items:center;padding:.9rem 1.1rem .3rem}
.afl-pave{flex:none;display:grid;place-items:center;width:4.1rem;padding:.4rem 0 .45rem;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--afl-trait),0 6px 16px -8px rgba(25,25,112,.4);overflow:hidden;text-align:center}
.afl-pave-j{display:block;width:100%;margin:-.4rem 0 .2rem;padding:.2rem 0;background:#950714;color:#fff;font:800 .64rem/1.3 var(--afl-disp);letter-spacing:.08em;text-transform:uppercase}
.afl-pave b{font:800 1.75rem/1 var(--afl-disp);color:#120D16}
.afl-pave-m{font:800 .72rem/1.2 var(--afl-disp);text-transform:uppercase;color:#191970}
.afl-evt-txt{min-width:0}
.afl-evt-txt .afl-titre{margin:0 0 .3rem}
.afl-evt-infos{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:0;font-size:.86rem;color:var(--afl-doux)}
.afl-evt-infos span{display:inline-flex;gap:.3rem;align-items:center}
.afl-t-evenement .afl-image,.afl-t-formation .afl-image{aspect-ratio:21/9}

/* Challenge : figure, compte à rebours */
.afl-t-challenge{background:radial-gradient(120% 90% at 85% 0%,#2a2ad0 0%,rgba(0,28,168,0) 55%),linear-gradient(160deg,#191970 0%,#001CA8 100%);color:#fff;border:0}
.afl-ch-haut{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.1rem 0}
.afl-ch-sur{display:inline-flex;gap:.4rem;align-items:center;font:800 .72rem/1.2 var(--afl-disp);letter-spacing:.09em;text-transform:uppercase;opacity:.9}
.afl-carte h3.afl-ch-titre{margin:.5rem 0 .2rem;padding:0 1.1rem;color:#fff;font-size:1.3rem}
.afl-ch-figure{margin:.3rem 0 0;padding:0 .6rem}
.afl-ch-figure svg{display:block;width:100%;height:auto}
.afl-ch-fig{animation:afl-pointilles 16s linear infinite}
@keyframes afl-pointilles{to{stroke-dashoffset:-380}}
.afl-ch-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.2rem 1.1rem .5rem}
.afl-ch-lib{margin:0 0 .35rem;font:800 .7rem/1.2 var(--afl-disp);letter-spacing:.09em;text-transform:uppercase;opacity:.8}
.afl-ch-pilotes{margin:0;text-align:right;font-size:.82rem;opacity:.9}
.afl-ch-pilotes b{display:block;font:800 1.6rem/1 var(--afl-disp)}
.afl-ch-consigne .afl-texte{color:rgba(255,255,255,.9);font-size:.92rem}
.afl-t-challenge .afl-suite{color:#fff}
.afl-rebours{display:flex;gap:.4rem}
.afl-rb-case{display:grid;justify-items:center;min-width:3.1rem;padding:.4rem .3rem .35rem;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.afl-rb-case b{font:800 1.45rem/1 var(--afl-disp);font-variant-numeric:tabular-nums}
.afl-rb-case small{margin-top:.15rem;font:700 .62rem/1 var(--afl-disp);letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.afl-rebours-petit .afl-rb-case{min-width:2.7rem}
.afl-rebours-petit .afl-rb-case b{font-size:1.15rem}

/* Consultation : vote dans la carte, résultats animés */
.afl-question{font-size:1.2rem}
.afl-votes{display:grid;gap:.5rem;padding:.3rem 1.1rem .5rem}
.afl-vote{display:flex;gap:.7rem;align-items:center;width:100%;min-height:3rem;padding:.65rem .95rem;border-radius:14px;border:1.5px solid var(--afl-trait);background:var(--afl-surface);color:var(--afl-texte);font:700 .95rem/1.3 var(--afl-txt);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.afl-vote:hover{border-color:var(--afl-klein);background:var(--afl-voile)}
.afl-vote:active{transform:scale(.985)}
.afl-vote:focus-visible{outline:3px solid rgba(0,28,168,.45);outline-offset:2px}
.afl-vote-rond{flex:none;width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid var(--afl-doux);transition:border .2s,background .2s}
.afl-vote[aria-pressed="true"]{border-color:var(--afl-klein);background:var(--afl-voile)}
.afl-vote[aria-pressed="true"] .afl-vote-rond{border:5px solid var(--afl-klein)}
.afl-resultats{display:grid;gap:.45rem;margin:0;padding:.3rem 1.1rem .4rem;list-style:none}
.afl-res{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.6rem;min-height:2.8rem;padding:.55rem .9rem;border-radius:12px;background:var(--afl-surface-2);overflow:hidden;font-weight:600}
.afl-res-barre{position:absolute;inset:0 auto 0 0;width:var(--afl-pc);background:rgba(0,28,168,.14);border-radius:12px 0 0 12px}
.afl-vient-de-voter:not(.est-anime) .afl-res-barre{width:0}
.afl-vient-de-voter .afl-res-barre{transition:width 1.1s var(--afl-courbe)}
.afl-res.est-moi .afl-res-barre{background:linear-gradient(90deg,rgba(0,28,168,.28),rgba(0,28,168,.18))}
.afl-res-lib,.afl-res b{position:relative}
.afl-res-lib small{color:var(--afl-klein);font-weight:800}
html.app-sombre .afl-res-lib small,html[data-theme="sombre"] .afl-res-lib small{color:#fff}
.afl-res b{font:800 .95rem/1 var(--afl-disp);font-variant-numeric:tabular-nums}
.afl-res-total{margin:0;padding:.1rem 1.1rem .5rem;font-size:.82rem;color:var(--afl-doux)}
.afl-message{margin:0;padding:0 1.1rem .8rem;font-size:.86rem;font-weight:600;color:var(--afl-accent)}
.afl-message:empty{display:none}

/* Document */
.afl-doc{display:flex;gap:.9rem;align-items:flex-start;padding:.2rem 1.1rem .4rem}
.afl-doc-fichier{position:relative;flex:none;display:grid;place-items:center;width:3.6rem;height:4.4rem;border-radius:10px 22px 10px 10px;background:linear-gradient(160deg,#F5F5F5,#e6e6ee);color:#191970;box-shadow:inset 0 0 0 1px rgba(18,13,22,.08)}
.afl-doc-fichier .afl-ico{width:1.7rem;height:1.7rem}
.afl-doc-fichier b{position:absolute;bottom:-.35rem;left:50%;transform:translateX(-50%);padding:.1rem .4rem;border-radius:6px;background:#950714;color:#fff;font:800 .62rem/1.3 var(--afl-disp)}
.afl-doc .afl-titre{margin-top:0}

/* Comité */
.afl-t-comite{border-top:4px solid #191970}

/* Actualité publique */
.afl-public .afl-av-fede{box-shadow:0 0 0 1px var(--afl-trait)}

/* Squelettes */
.afl-squelette{padding:1rem 1.1rem 1.2rem;display:grid;gap:.7rem;box-shadow:none}
.afl-sq-tete{display:flex;gap:.7rem;align-items:center}
.afl-sq-rond,.afl-sq-ligne,.afl-sq-media{display:block;border-radius:999px;background:linear-gradient(90deg,var(--afl-surface-2) 0%,rgba(0,28,168,.07) 40%,var(--afl-surface-2) 80%);background-size:300% 100%;animation:afl-reflet 1.4s ease-in-out infinite}
.afl-sq-rond{flex:none;width:2.6rem;height:2.6rem;border-radius:50%}
.afl-sq-ligne{height:.8rem}
.afl-sq-media{height:11rem;border-radius:14px}
@keyframes afl-reflet{0%{background-position:100% 0}100%{background-position:-50% 0}}
.afl-bas{padding:1.2rem 0 .5rem}
.afl-fin{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:0;color:var(--afl-doux);font:700 .9rem/1.2 var(--afl-disp)}
.afl-fin .afl-ico{color:var(--afl-klein);width:1.3rem;height:1.3rem}
.afl-vide,.afl-erreur{display:grid;justify-items:center;gap:.6rem;padding:2rem 1.2rem;border-radius:var(--afl-rayon);background:var(--afl-surface);border:1px dashed var(--afl-trait);text-align:center;color:var(--afl-doux)}
.afl-vide .afl-ico{width:2rem;height:2rem;color:var(--afl-klein)}
.afl-vide p,.afl-erreur p{margin:0;max-width:26rem}

/* Tirer pour rafraîchir */
.afl-tirer{display:flex;gap:.5rem;justify-content:center;align-items:center;height:0;overflow:hidden;color:var(--afl-doux);font:700 .82rem/1 var(--afl-disp);transition:height .2s}
.afl-tirer.est-visible{height:var(--afl-tire,0)}
.afl-tirer .afl-ico{width:1.3rem;height:1.3rem;transform:rotate(calc(var(--afl-tire,0px) * 3));transition:color .2s}
.afl-tirer.est-pret .afl-ico{color:var(--afl-klein)}
.afl-tirer.est-actif{height:3rem}
.afl-tirer.est-actif .afl-ico{animation:afl-tourne .8s linear infinite}
@keyframes afl-tourne{to{transform:rotate(360deg)}}

/* ── Story plein écran ── */
html.afl-sans-defilement{overflow:hidden}
.afl-story-ecran{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;background:rgba(10,8,20,.94);color:#fff;font-family:var(--afl-txt);animation:afl-ouvre .28s var(--afl-courbe);outline:none}
@keyframes afl-ouvre{from{opacity:0;transform:scale(.97)}}
.afl-st-cadre{position:relative;width:min(100vw,calc(100vh * 9 / 16));height:min(100vh,calc(100vw * 16 / 9));max-height:100dvh;overflow:hidden;background:linear-gradient(170deg,#191970,#001CA8);display:flex;flex-direction:column;justify-content:flex-end}
@media (max-width:699px){.afl-st-cadre{width:100vw;height:100vh;height:100dvh;max-height:none}}
@media (min-width:700px){.afl-st-cadre{height:min(92vh,860px);width:calc(min(92vh,860px) * 9 / 16);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}}
.afl-st-alerte{background:linear-gradient(170deg,#950714,#F32837)}
.afl-st-challenge{background:linear-gradient(170deg,#191970,#001CA8)}
.afl-st-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:afl-zoom 9s ease-out both}
@keyframes afl-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
.afl-st-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,20,.55) 0%,rgba(10,8,20,0) 22%,rgba(10,8,20,0) 42%,rgba(10,8,20,.88) 100%)}
.afl-st-sans-image .afl-st-voile{background:radial-gradient(90% 60% at 80% 10%,rgba(255,255,255,.12),transparent 60%)}
.afl-st-barres{position:absolute;top:calc(.7rem + env(safe-area-inset-top));left:.7rem;right:.7rem;z-index:3;display:flex;gap:4px}
.afl-st-barre{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.afl-st-barre i{display:block;height:100%;background:#fff}
.afl-st-tete{position:absolute;top:calc(1.4rem + env(safe-area-inset-top));left:.8rem;right:.5rem;z-index:4;display:flex;gap:.6rem;align-items:center}
.afl-st-tete>div{flex:1;min-width:0}
.afl-st-tete b{display:block;font:800 .95rem/1.2 var(--afl-disp);text-shadow:0 1px 3px rgba(0,0,0,.4)}
.afl-st-tete small{font-size:.78rem;opacity:.85}
.afl-st-avatar{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;overflow:hidden;background:#191970;border:2px solid #fff;font:800 .8rem/1 var(--afl-disp)}
.afl-st-bouton{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:rgba(18,13,22,.35);color:#fff;cursor:pointer}
.afl-st-bouton .afl-ico{width:1.3rem;height:1.3rem}
.afl-st-bouton:focus-visible,.afl-st-zone:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.afl-st-zone{position:absolute;top:5rem;bottom:30%;z-index:2;width:35%;border:0;background:transparent;cursor:pointer}
.afl-st-prec{left:0}.afl-st-suiv{right:0;width:65%}
.afl-st-contenu{position:relative;z-index:3;display:grid;gap:.7rem;padding:1.4rem 1.3rem calc(1.6rem + env(safe-area-inset-bottom));animation:afl-monte .5s var(--afl-courbe) both}
@keyframes afl-monte{from{opacity:0;transform:translateY(18px)}}
.afl-st-type{justify-self:start;padding:.25rem .65rem;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);font:800 .7rem/1.3 var(--afl-disp);letter-spacing:.08em;text-transform:uppercase}
.afl-st-alerte .afl-st-type{background:#F32837}
.afl-st-titre{margin:0;font:800 clamp(1.5rem,6.5vw,2rem)/1.15 var(--afl-disp);color:#fff;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.afl-st-texte{margin:0;font-size:1.02rem;line-height:1.5;color:rgba(255,255,255,.94)}
.afl-st-sofia{margin:0;padding:.55rem .75rem;border-radius:12px;background:rgba(255,255,255,.14);font-size:.85rem;font-weight:700}
.afl-st-video .afl-video{border-radius:16px}
.afl-st-video .afl-video-note{display:none}
.afl-st-action{justify-self:start;position:relative;z-index:3}

/* ── Mouvement réduit ── */
@media (prefers-reduced-motion:reduce){
  .afl *,.afl-stories *,.afl-story-ecran,.afl-story-ecran *{animation:none!important;transition:none!important}
  .afl-a-entrer{opacity:1;transform:none}
  .afl-ch-avion{display:none}
}
/* ── Téléphone ── */
@media (max-width:480px){
  .afl-cartes{gap:.9rem}
  .afl-reac span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .afl-reac{padding:.35rem .7rem}
  .afl-titre{font-size:1.08rem}
  .afl-t-message .afl-titre,.afl-ch-titre{font-size:1.2rem}
  .afl-carte{border-radius:18px}
  .afl-rb-case{min-width:2.75rem}
  .afl-rb-case b{font-size:1.25rem}
  .afl-actions .afl-action{flex:1 1 auto}
}

/* Audit d'affichage (11/10/2026) : sur téléphone, les pastilles « Exemple · Nouveau » prenaient la moitié de l'en-tête de carte et
   le nom de l'auteur passait sur trois lignes (« Fédération / française / d'ULM »). Elles passent sous le nom, alignées sur le texte. */
@media (max-width:520px){
  .afl-tete{flex-wrap:wrap;row-gap:.35rem}
  .afl-badges{order:3;flex-basis:100%;margin:0 0 0 3.3rem}
  .afl-badges:empty{display:none}
  .afl-msg-haut{flex-wrap:wrap;row-gap:.35rem}
  .afl-msg-haut>div{flex-basis:calc(100% - 3.3rem)}
  .afl-msg-haut>.afl-exemple{margin-left:3.3rem}
}

/* Challenge, lot 3 : carte « Nouveau badge » (le dessin arrive du serveur) */
.afl-badge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;padding:.6rem 1.1rem .4rem}
.afl-badge-svg svg{display:block;width:4.2rem;height:4.2rem;filter:drop-shadow(0 6px 12px rgba(0,28,168,.25))}
.afl-badge-titre{margin:0 0 .15rem}
.afl-badge-txt{margin:0;font-size:.92rem;line-height:1.4}
.afl-badge-fam{margin:.3rem 0 0;font:800 .68rem/1.3 Montserrat,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75}