/* SpeakPro Academy — statuts de production des sections (01/11/2026).
   Partagé par Premium, les offres et Classic. Voir assets/js/academy/production.js. */
/* =====================================================================
   Statuts de production (Disponible, À faire, En cours, Indisponible, À vérifier)
   ===================================================================== */
.sp-status { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 999px; font: 600 12px/1.4 var(--pv-display, 'Plus Jakarta Sans', sans-serif); white-space: nowrap; border: 1px solid transparent; }
.sp-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.sp-status[data-s="available"] { color: #1F7A4C; background: #E8F5EE; border-color: #CDE9D9; }
.sp-status[data-s="todo"] { color: #8A5A12; background: #FCF1DE; border-color: #F2DDB6; }
.sp-status[data-s="progress"] { color: #1D4E89; background: #E7EFF9; border-color: #CADBF0; }
.sp-status[data-s="unavailable"] { color: #6B7484; background: #EEF0F3; border-color: #DEE2E8; }
.sp-status[data-s="review"] { color: #8E3B1C; background: #FBE9E1; border-color: #F2CDBD; }

/* Carte « à produire » : section prévue mais pas encore réalisée */
.sp-todo { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: start; padding: 22px; border-radius: 18px; border: 1.5px dashed #E2CDB9; background: repeating-linear-gradient(135deg, #FFFDFB 0 14px, #FBF5EE 14px 28px); }
.sp-todo-ico { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: #fff; color: #C8683F; border: 1px solid #EBDDCD; }
.sp-todo-ico svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sp-todo h3 { margin: 4px 0 6px; font-size: 18px; color: #10233F; font-family: 'Fraunces', Georgia, serif; }
.sp-todo p { margin: 0; color: #5C6B84; font-size: 14.5px; line-height: 1.6; }
.sp-todo .sp-status { margin-top: 2px; }
@media (max-width: 520px) { .sp-todo { grid-template-columns: 1fr; padding: 18px; } }


/* Classic : étape prévue mais pas encore produite, dans la barre des étapes */
.m1-rail-item.is-todo { opacity: .55; position: relative; }
.m1-rail-item.is-todo::after { content: 'À faire'; position: absolute; top: -7px; right: -4px; font: 700 9.5px/1 'Plus Jakarta Sans', sans-serif; color: #8A5A12; background: #FCF1DE; border: 1px solid #F2DDB6; border-radius: 999px; padding: 2px 5px; }
.m1-act .sp-todo { text-align: left; }