@layer modules{
/* ════════ Feuilles de route (cahiers des charges) - vue Liste ════════ */

.cdc-wrap{display:flex;flex-direction:column;gap:var(--sp-12)}

/* ── Pastilles de statut (liste) ── */
[data-st]{--st:var(--mut)}
[data-st="brouillon"]{--st:#8b949e}
[data-st="en-cours"]{--st:#7c6cf0}
[data-st="a-valider"]{--st:var(--warn)}
[data-st="valide"]{--st:#3fb950}
[data-st="archive"]{--st:#6e7681}
[data-st="none"]{--st:#434b59}

/* Item de liste : pastille + texte (passe en flex-row sans casser .t/.p) */
.cdc-item{display:flex;align-items:center;gap:var(--sp-8)}
.cdc-it-txt{min-width:0;flex:1}
.cdc-st{flex:none;width:9px;height:9px;border-radius:50%;background:var(--st);box-shadow:0 0 0 2px color-mix(in srgb,var(--st) 22%,transparent)}
.cdc-st.is-none{background:transparent;border:1.5px dashed var(--st);box-shadow:none}

/* Marqueurs liste : drift + périmètre */
.cdc-drift{margin-left:var(--sp-4);color:var(--warn);font-size:var(--fs-xs)}
.cdc-scope{margin-left:var(--sp-6);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--fs-2xs);color:var(--mut2);font-family:-apple-system,sans-serif}
.cdc-fchip.is-drift.on{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent)}

/* Filtre / légende de statut (liste) */
.cdc-filter{display:flex;flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-8) var(--sp-10);border-bottom:1px solid var(--line);background:var(--card2)}
.cdc-fchip{display:inline-flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-8);border:1px solid var(--line);border-radius:var(--radius-pill);
  background:transparent;color:var(--mut);font-size:var(--fs-xs);line-height:1.7;cursor:pointer}
.cdc-fchip:hover{border-color:var(--mut2);color:var(--txt)}
.cdc-fchip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--txt)}
.cdc-fchip b{color:var(--txt);font-weight:var(--fw-strong)}
.cdc-fchip .cdc-st{width:8px;height:8px;box-shadow:none}

}