@import url("../fiches/fiche.css");

/* ===== Extensions fiches ATELIER ===== */

/* En-tête atelier : bandeau Pack coloré */
.opp-section.pack01{border-left-color:var(--purple)}
.opp-section.pack01 .opp-label{color:var(--purple)}
.opp-section.pack02{border-left-color:var(--blue)}
.opp-section.pack02 .opp-label{color:var(--blue)}
.opp-section.pack03{border-left-color:var(--teal)}
.opp-section.pack03 .opp-label{color:var(--teal)}
.opp-section.pilotage{border-left-color:var(--amber)}
.opp-section.pilotage .opp-label{color:var(--amber)}

.badge.pack{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}
.badge.heure{background:var(--blue-10);color:#1d4ed8;border:1px solid var(--blue-20)}
.badge.brique{background:var(--purple-10);color:#6d28d9;border:1px solid var(--purple-20)}

/* Types de lignes spécifiques atelier */
.fiche-row.objectifs .row-label{color:var(--purple)}
.fiche-row.objectifs li::before{background:var(--purple)}
.fiche-row.agenda .row-label{color:var(--teal)}
.fiche-row.livrables .row-label{color:var(--blue)}
.fiche-row.livrables li::before{background:var(--blue)}
.fiche-row.participants .row-label{color:var(--amber)}

/* Agenda : timeline horaire */
.agenda-list{list-style:none;padding:0;margin:0}
.agenda-list li{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--text2);line-height:1.5;padding:6px 0;border-bottom:1px dashed var(--border)}
.agenda-list li:last-child{border-bottom:none}
.agenda-list li::before{display:none}
.agenda-time{font-weight:800;color:var(--teal);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:104px;font-size:12px}
.agenda-topic{flex:1}
.agenda-topic strong{color:var(--text)}
.agenda-dur{font-size:11px;color:var(--text3);font-weight:600;white-space:nowrap}

/* Participants : puces avatars */
.who-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.who{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text2);background:var(--bg1);border:1px solid var(--border);border-radius:50px;padding:5px 12px}
.who .av{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;flex-shrink:0}
.av-l{background:#7c3aed}.av-s{background:#0d9488}.av-d{background:#2563eb}.av-a{background:#d97706}
.who-note{font-size:11.5px;color:var(--text3);margin-top:8px;font-style:italic}

/* Prérequis MIS EN AVANT — à préparer AVANT l'atelier */
.fiche-row.prereq-strong{grid-column:1/-1;background:var(--amber-10);border-top:2px solid var(--amber-20)}
.fiche-row.prereq-strong .row-label{color:#b45309}
.fiche-row.prereq-strong .prereq-intro{font-size:12px;color:#b45309;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.fiche-row.prereq-strong ul{list-style:none;padding:0}
.fiche-row.prereq-strong li{font-size:13px;color:var(--text2);line-height:1.55;padding-left:24px;position:relative;margin-bottom:6px}
.fiche-row.prereq-strong li::before{content:'☐';position:absolute;left:0;top:0;color:var(--amber);font-weight:700;font-size:14px;background:none;width:auto;height:auto}
.fiche-row.prereq-strong li strong{color:var(--text)}
.prereq-owner{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 7px;margin-left:6px;vertical-align:middle}
.prereq-owner.cli{background:var(--amber);color:#fff}
.prereq-owner.axn{background:var(--teal);color:#fff}
.prereq-owner.dep{background:var(--purple);color:#fff}

/* ===== QUESTIONS DE CADRAGE — modèle à remplir avant/pendant l'atelier ===== */
/* Chaque groupe de questions est rattaché à un livrable et au « Comment » de la fiche Roadmap. */
.fiche-row.questions{grid-column:1/-1;background:var(--purple-10);border-top:2px solid var(--purple-20)}
.fiche-row.questions .row-label{color:#6d28d9}
.q-intro{font-size:12px;color:#6d28d9;font-weight:700;margin-bottom:14px;line-height:1.5}
.q-intro span{font-weight:500;color:var(--text2)}
.q-group{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px 12px;margin-bottom:10px}
.q-group:last-child{margin-bottom:0}
.q-group-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.q-group-num{font-size:11px;font-weight:900;color:#fff;background:var(--purple);border-radius:5px;padding:2px 8px;letter-spacing:.3px}
.q-group-title{font-size:13.5px;font-weight:800;color:var(--text)}
.q-deliverable{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--blue-10);color:#1d4ed8;border:1px solid var(--blue-20);border-radius:4px;padding:2px 7px}
.q-method{font-size:11px;color:var(--text3);font-style:italic;margin-bottom:9px;padding-left:1px;line-height:1.4}
.q-method b{font-style:normal;font-weight:700;color:var(--text2)}
.q-group ul{list-style:none;padding:0;margin:0}
.q-group li{font-size:12.5px;color:var(--text2);line-height:1.55;padding-left:20px;position:relative;margin-bottom:7px}
.q-group li:last-child{margin-bottom:0}
.q-group li::before{content:'?';position:absolute;left:0;top:0;color:var(--purple);font-weight:900;font-size:13px;background:none;width:auto;height:auto}
.q-group li strong{color:var(--text)}
.q-fill{display:block;margin-top:5px;border-bottom:1px dashed var(--border2);height:14px}

/* Note de bas de fiche */
.fiche-note{grid-column:1/-1;font-size:11.5px;color:var(--text3);line-height:1.55;padding:14px 24px;border-top:1px solid var(--border);background:var(--bg1)}
.fiche-note strong{color:var(--text2)}

@media print{
  .q-group,.fiche-row.prereq-strong li{break-inside:avoid}
}