/* =====================================================================================
   PIÈCE « SALLE DE RÉUNION » — styles propres au module pieces/reunion.js.
   Tout est préfixé pc-reunion- ; le reste (cartes, rapport, kpis, tableaux) vient de la page.
   Couleurs : variables de la page (--t1, --t2, --t3, --bord, --pf-rouge…) et --e des étapes ([data-e]).
   ===================================================================================== */

/* carte Mémoire clients : identité de l'école */
.pc-reunion-ecole{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.pc-reunion-ecole .c-texte-fort{flex:1 1 100%;font-weight:500}
.pc-reunion-ecole .pastille{order:2}
.pc-reunion-ecole .c-texte:not(.c-texte-fort){order:3;font-size:12px}

/* carte Mémoire clients : qui appeler */
.pc-reunion-contacts{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pc-reunion-contacts li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.pc-reunion-qui{font-size:12.5px;font-weight:500;color:var(--t1);overflow-wrap:anywhere;min-width:0}
.pc-reunion-etat{font-size:11.5px;color:var(--t2);white-space:nowrap}
.pc-reunion-tel{flex:1 1 100%;font-family:var(--f-mono);font-size:12px;color:var(--t1);text-decoration:underline dashed rgba(255,255,255,.3);text-underline-offset:3px;overflow-wrap:anywhere}
.pc-reunion-tel:hover,.pc-reunion-tel:focus-visible{text-decoration-color:var(--t1)}

/* ordre du jour (carte du Préparateur et rapport) */
.pc-reunion-odj{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px;counter-reset:odj}
.pc-reunion-odj li{position:relative;padding-left:28px;font-size:12.5px;line-height:1.45;color:var(--t2);counter-increment:odj;overflow-wrap:anywhere}
.pc-reunion-odj li::before{content:counter(odj);position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:var(--pf-voile-fort);border:1px solid var(--pf-bord);color:var(--pf-texte);font-family:var(--f-mono);font-size:10.5px;line-height:17px;text-align:center}
.pc-reunion-odj-rapport .pc-reunion-odj li{font-size:13px;color:var(--t1)}
.pc-reunion-sous-titre{margin:16px 0 6px;font-size:12px;font-weight:500;color:var(--t3)}
.pc-reunion-dire{margin:0;padding-left:16px;display:grid;gap:4px;font-size:12.5px;line-height:1.45;color:var(--t2)}

/* rapport : pipeline, une barre par étape */
.pc-reunion-pipeline{display:grid;gap:8px}
.pc-reunion-etape{display:grid;grid-template-columns:minmax(84px,120px) minmax(0,1fr) 44px;align-items:center;gap:12px}
.pc-reunion-nom{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--t1);white-space:nowrap}
.pc-reunion-nom::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--e,var(--t2));flex:none}
.pc-reunion-barre{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}
.pc-reunion-barre i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--e,var(--t2));opacity:.85;transition:width .8s var(--ease,ease)}
.pc-reunion-n{font-family:var(--f-mono);font-size:12.5px;color:var(--t2);text-align:right;font-variant-numeric:tabular-nums}

@media (max-width:760px){
  .pc-reunion-etape{grid-template-columns:86px minmax(0,1fr) 34px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .pc-reunion-barre i{transition:none}
}