/* Workshop Réseaux sociaux : compléments aux styles communs des workshops (et à ceux d'Offre irrésistible, repris pour les choix et les rappels). */
/* Nom du module dans l'application, repris à l'identique sur la slide d'exercice. */
.app-module{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:0 0 16px;padding:9px 13px;border-radius:11px;background:var(--gold-soft)}
.app-module span{color:var(--green);font-size:10px;font-weight:700}.app-module b{font-weight:900}.app-module small{color:var(--ink-soft);font-size:9px}
.warning-note i{background:var(--danger);color:white}
.choice-help{display:block;margin-top:8px;color:var(--muted);font-size:9px}
.radio-row small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.04em}
.radio-row i{font-style:normal}
/* Familles du parcours client : une couleur par famille, la même partout. */
[data-family="TOFU"]{--family:var(--mint)}[data-family="MOFU"]{--family:var(--gold)}[data-family="BOFU"]{--family:var(--coral-end)}[data-family="Après-vente"]{--family:var(--green)}
/* Inspirations et piliers. */
.inspiration-list,.pillar-inputs,.stage-list{display:grid;gap:14px;margin-bottom:20px}
.inspiration-card,.pillar-input{display:grid;grid-template-columns:28px repeat(3,minmax(0,1fr));gap:12px;align-items:start;padding:14px 16px 0;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.pillar-input{grid-template-columns:28px minmax(0,1fr) minmax(0,1.3fr)}
.inspiration-card>b,.pillar-input>b,.pillar-block header>b{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--green);color:var(--gold);font-size:12px}
/* Parcours client en six étapes. */
.stage-card{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px 0;border:1px solid var(--line);border-left:5px solid var(--family);border-radius:15px;background:var(--panel)}
.stage-card header{display:flex;gap:10px;align-items:flex-start}.stage-card header b,.matrix-cell b{flex:none;padding:3px 7px;border-radius:7px;background:var(--family);color:white;font-size:8px;font-weight:900;letter-spacing:.05em}
.stage-card h3{margin:0;font-size:12px}.stage-card header small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}
/* Matrice de conversion : un bloc par pilier, une case par étape. */
.wide-screen .screen-heading{max-width:none}
.matrix-count{margin:0 0 12px;color:var(--green);font-size:11px;font-weight:800}
.matrix{display:grid;gap:16px;margin-bottom:18px}
.pillar-block{padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}
.pillar-block header{display:flex;gap:10px;align-items:center;margin-bottom:12px}.pillar-block h3{margin:0;font-size:13px}.pillar-block header small{display:block;color:var(--muted);font-size:9px}
.matrix-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.matrix-cell{display:grid;gap:6px;padding:9px;border-top:4px solid var(--family);border-radius:11px;background:var(--cream)}
.matrix-cell>span{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:750}
.matrix-cell textarea{width:100%;min-height:70px;padding:8px;border:1px solid var(--line);border-radius:9px;background:white;font-size:11px;resize:vertical}
/* Choix d'une idée de la matrice pour le script. */
.idea-picker{min-width:0;margin-bottom:16px}.idea-picker>span{display:block;margin-bottom:8px;font-size:12px;font-weight:750}
.idea-picker>div{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.idea-chip{flex:0 0 210px;display:grid;gap:4px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left}
.idea-chip small{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.idea-chip span{font-size:10px;line-height:1.4}
.idea-chip.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--green-soft)}
.script-steps{display:grid;gap:4px;margin:0 0 6px;padding:0;list-style:none}
.choice-card.compact{margin:-10px 0 20px}
.word-count{display:block;margin-top:6px;color:var(--green);font-size:9px;font-weight:800}
/* Script en grand, pour le tournage. */
.teleprompter{margin:0 0 18px;padding:22px 24px;border-radius:18px;background:var(--green-deep);color:white}
.teleprompter>span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.teleprompter p{margin:12px 0 0;font-size:19px;line-height:1.55;white-space:pre-line}
.teleprompter .teleprompter-hook,.teleprompter .teleprompter-cta{color:var(--gold);font-weight:800}
.teleprompter p:empty{display:none}
/* Calendrier : les premiers contenus programmés. */
.post-list{display:grid;gap:8px;margin-bottom:20px}
.post-row{display:grid;grid-template-columns:28px 160px minmax(0,1fr);gap:10px;align-items:center}
.post-row b{color:var(--green);font-size:12px}
.post-row input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:white;font-size:11px}
@media(max-width:760px){.matrix-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card,.inspiration-card{grid-template-columns:1fr}.pillar-input{grid-template-columns:28px 1fr}.pillar-input label:last-child{grid-column:2}}
@media(max-width:560px){.matrix-cells{grid-template-columns:1fr}.post-row{grid-template-columns:22px 1fr}.post-row input[type="text"]{grid-column:2}.teleprompter p{font-size:17px}}