/* ═══════════════════════════════════════════════════════════════
   Procédures — checklist. Styles extraits des template strings de
   procedures.js. L'état « coché » passe par .is-done (le fond, la
   bordure et le texte barré sont gérés en CSS). La largeur de la
   barre de progression reste inline (valeur dynamique).
═══════════════════════════════════════════════════════════════ */
.proc-progress-card{margin-bottom:14px}
.proc-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.proc-progress-title{font-size:13px;font-weight:600}
.proc-progress-count{font-size:11px;color:var(--text3)}
.proc-progress-bar{height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.proc-progress-fill{height:100%;background:linear-gradient(90deg,var(--blue3,#60a5fa),var(--green,#4ade80));transition:width .3s}
.proc-reset-btn{margin-top:10px}

.proc-h{font-size:16px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.proc-step{display:flex;gap:12px;align-items:flex-start;padding:10px 8px;border-radius:8px;cursor:pointer;background:transparent;margin-bottom:4px;border:1px solid transparent;transition:all .15s}
.proc-step.is-done{background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.3)}
.proc-step-cb{width:18px;height:18px;flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:var(--green,#4ade80)}
.proc-step-body{flex:1}
.proc-step-num{font-size:11px;color:var(--text3);font-weight:600;margin-bottom:2px}
.proc-step-text{font-size:13px;color:var(--text);text-decoration:none;line-height:1.5}
.proc-step.is-done .proc-step-text{color:var(--text3);text-decoration:line-through}

.proc-note{margin-top:14px;padding:10px 12px;background:rgba(96,165,250,0.08);border-left:3px solid var(--blue3,#60a5fa);border-radius:6px;font-size:12px;color:var(--text2);line-height:1.6}
.proc-section{font-size:14px;font-weight:700;color:var(--text);margin:16px 0 8px;padding:6px 10px;background:rgba(255,255,255,0.04);border-radius:6px}
.proc-bullet{display:flex;gap:10px;padding:6px 8px;font-size:13px;color:var(--text2);line-height:1.5}
.proc-bullet-mark{color:var(--blue3,#60a5fa);flex-shrink:0}