/* AD WORKSHOPS : styles communs (animateur·ices, participant·es, projection) */
:root{
  --navy:#132438;--navy-2:#0B1726;--yellow:#FFCC00;--blue:#4DB4E8;--ink:#132438;--ink-2:#2B3A50;--muted:#4A5A70;--faint:#5B6A80;
  --line:#D5DCE6;--line-2:#EEF2F7;--bg:#F4F6FA;--card:#FFFFFF;--soft:#F7F9FC;
  --ok:#1C6B47;--ok-bg:#E3F4EC;--mid:#8A4B08;--mid-bg:#FCE6D4;--hi:#A3220F;--hi-bg:#FDE2DE;
  --lv-faible:#3E9C73;--lv-moyen:#E0A33A;--lv-eleve:#B93A2B;
  --display:'Bricolage Grotesque',Figtree,system-ui,-apple-system,'Segoe UI',sans-serif;--body:Figtree,system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
a{color:#185A78}a:hover{color:var(--navy)}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.55;cursor:default}
input,select,textarea{font:inherit;color:var(--ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.boot{padding:60px;text-align:center;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{margin:0}
.title{font-family:var(--display);font-weight:700;font-size:32px;line-height:1.1}
.h2{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.15}

/* Logo : même construction qu'AD CAL */
.mark{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-weight:800;font-size:17px;line-height:1;color:#fff;text-decoration:none}
.mark .ad{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:14px;background:var(--yellow);color:var(--navy);letter-spacing:.02em}
.mark .nm{letter-spacing:.18em}
.mark.sm{font-size:15px;gap:9px}.mark.sm .ad{width:30px;height:30px;border-radius:8px;font-size:13px}
.mark.lg{font-size:26px;gap:14px}.mark.lg .ad{width:44px;height:44px;border-radius:12px;font-size:19px}
.mark.dark{color:var(--navy)}
.proj .mark.lg .ad{width:54px;height:54px;border-radius:14px;font-size:23px}

/* Barre du haut */
.top{background:var(--navy);color:#fff;min-height:64px;padding:0 28px;padding-top:env(safe-area-inset-top,0);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:20}
.top .left{display:flex;align-items:center;gap:14px}
.top .space{font-size:13px;color:#C9D3E1;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}
.top .space select{height:32px;border-radius:8px;border:0;padding:0 8px;font-size:14px;font-weight:700;color:var(--navy);margin-left:6px}
.top nav{display:flex;gap:2px;flex-wrap:wrap}
.top nav a{color:#9FB0C8;text-decoration:none;font-size:15px;font-weight:600;padding:21px 12px;white-space:nowrap}
.top nav a.on{color:#fff;box-shadow:inset 0 -3px 0 var(--yellow)}
.top nav a:hover{color:#fff}
.who{display:flex;align-items:center;gap:10px;font-size:14px}
/* Barre du haut : plus d'onglets pour le superadmin, on resserre avant de passer sur deux lignes */
.top .left,.top nav,.who{flex-shrink:0}
@media (max-width:1560px) and (min-width:981px){.top{gap:10px;padding:0 20px}.top nav a{padding:21px 8px;font-size:14px}.top .space{padding-left:8px}}
@media (max-width:1200px) and (min-width:981px){.nav-long{display:none}.top nav a{padding:21px 6px}.top{gap:8px}}
@media (max-width:1120px) and (min-width:981px){.top .left .mark .nm{display:none}}
@media (max-width:1300px) and (min-width:981px){.who .nm{display:none}.top .space{font-size:0}.top .space select{margin-left:0}}
.who .nm{text-align:right;line-height:1.25}.who .nm b{display:block;color:#fff}.who .nm span{color:#C9D3E1}
.av{width:34px;height:34px;border-radius:50%;background:#2E5A7E;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}
.ghost-btn{height:34px;padding:0 12px;border-radius:10px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);font-size:13px;font-weight:700}

/* Page */
.page{max-width:1240px;margin:0 auto;padding:26px 28px 24px;display:flex;flex-direction:column;gap:20px}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.foot{text-align:center;padding:10px 28px 30px;font-size:13px;color:var(--faint)}
.foot a{color:var(--faint)}
.back{font-size:14px;font-weight:600;text-decoration:none}
.card{background:var(--card);border-radius:18px;padding:22px}
.card.flush{padding:0;overflow:hidden}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.span2{grid-column:span 2}.span-all{grid-column:1 / -1}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.stack{display:flex;flex-direction:column;gap:12px}
.muted{color:var(--muted)}.small{font-size:13px}
.empty{padding:26px;text-align:center;color:var(--muted)}

/* Boutons et champs */
.btn{height:46px;padding:0 18px;border-radius:12px;border:1.5px solid #B7C2D3;background:#fff;color:var(--navy);font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:var(--navy)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--navy-2)}
.btn.primary:hover{background:#3FA6DB;border-color:#3FA6DB}
.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.danger{color:var(--hi);border-color:#E7C4BE}
.btn.sm{height:36px;padding:0 12px;font-size:13px;border-radius:10px}
.btn.icon{width:36px;padding:0}
.link{background:none;border:0;padding:0;color:#185A78;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.fld input,.fld select,.fld textarea,.input{height:46px;border-radius:10px;border:1.5px solid #B7C2D3;background:#fff;padding:0 12px;font-size:15px;font-weight:500}
.fld textarea{height:auto;min-height:100px;padding:10px 12px;line-height:1.5;resize:vertical}
.fld small{font-weight:500;color:var(--muted)}
.check{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}
.check input{width:20px;height:20px;accent-color:var(--navy);margin:0}
.chip{height:38px;padding:0 12px;border-radius:999px;border:0;background:var(--line-2);color:var(--navy);font-size:14px;font-weight:700}
.chip.on{background:var(--navy);color:#fff}
.segs{display:inline-flex;background:var(--line-2);border-radius:12px;padding:4px;gap:4px}
.seg{height:40px;padding:0 16px;border-radius:9px;border:0;background:transparent;color:var(--navy);font-size:15px;font-weight:700}
.seg.on{background:#fff;box-shadow:0 1px 3px rgba(19,36,56,.18)}
.vopt{min-height:60px;border-radius:14px;background:#fff;border:2px solid var(--line);color:var(--navy);text-align:left;padding:10px 14px;display:flex;align-items:center;gap:12px;width:100%}
.vopt .box{width:26px;height:26px;border-radius:8px;flex-shrink:0;border:2px solid #B7C2D3;background:#fff;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.vopt.on{background:var(--navy);border-color:var(--navy);color:#fff}.vopt.on .box{background:var(--yellow);border-color:var(--yellow)}
.vopt:disabled{opacity:.5}
.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.lv-faible{background:var(--ok-bg);color:var(--ok)}.lv-moyen{background:var(--mid-bg);color:var(--mid)}.lv-eleve{background:var(--hi-bg);color:var(--hi)}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.note.ok{background:var(--ok-bg);color:var(--ok);font-weight:700}
.note.warn{background:#FCE6D4;color:#8A4B08}
.note svg{flex-shrink:0;margin-top:1px}

/* Onglets soulignés en jaune */
.tabs{display:flex;gap:26px;border-bottom:1.5px solid var(--line);flex-wrap:wrap}
.tabs button{background:none;border:0;color:var(--muted);padding:12px 2px;margin-bottom:-1.5px;border-bottom:3px solid transparent;font-size:16px;font-weight:700}
.tabs button.on{color:var(--navy);border-bottom-color:var(--yellow)}
/* Étapes d'une session */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.steps button{min-height:64px;border-radius:14px;background:#fff;border:1.5px solid var(--line);color:var(--navy);text-align:left;padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.steps button span{font-size:12px;font-weight:700;color:var(--muted)}
.steps button b{font-size:16px}
.steps button.on{background:var(--navy);border-color:var(--navy);color:#fff}.steps button.on span{color:#C9D3E1}

/* Tableaux */
.tbl-wrap{overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;background:var(--soft);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:12px 14px}
.tbl td{padding:12px 12px;border-top:1px solid var(--line-2);vertical-align:middle}
.tbl tr.dim td{opacity:.55}
.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:#FAFBFD}

/* Barres de résultats */
.bars{display:flex;height:30px;border-radius:8px;overflow:hidden;font-size:13px;font-weight:700;background:var(--line-2)}
.bars span{display:flex;align-items:center;padding-left:8px;min-width:0;white-space:nowrap;overflow:hidden}
.bars .f{background:var(--lv-faible);color:#fff}.bars .m{background:var(--lv-moyen);color:var(--navy-2)}.bars .e{background:var(--lv-eleve);color:#fff}
.legend{display:flex;gap:14px;font-size:13px;font-weight:700;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.meter{height:12px;border-radius:6px;background:var(--line-2);overflow:hidden}.meter>div{height:100%;background:var(--navy)}
.meter.blue>div{background:var(--blue)}
.profile-row{display:grid;grid-template-columns:240px minmax(0,1fr) 130px;gap:16px;align-items:center}
.profile-row .tagline{font-size:14px;font-weight:700}
.part-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1.5px solid var(--line-2);padding:10px 0 8px;margin-top:4px}
.part-head h3{font-family:var(--display);font-size:20px}
.part-head .legend{margin-left:auto}
.p-part{font-family:var(--display);font-size:20px;margin:8px 0 0}

/* Atelier */
.postits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.postit{background:#fff;border:1px solid #E3E8EF;border-top:4px solid var(--yellow);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:110px}
.postit .acts{display:flex;gap:6px;justify-content:flex-end;margin-top:auto}
.vote-row{display:grid;grid-template-columns:34px minmax(0,1fr) 200px 156px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2)}
.vote-row .rank{font-family:var(--display);font-size:20px;color:var(--muted)}
.counter{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.counter button{width:44px;height:44px;border-radius:12px;border:0;background:var(--line-2);color:var(--navy);font-size:22px;font-weight:700}
.counter button.plus{background:var(--blue);color:var(--navy-2)}
.counter b{width:32px;text-align:center;font-family:var(--display);font-size:22px}

/* Fenêtre modale */
.modal-bg{position:fixed;inset:0;background:rgba(11,23,38,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:70}
.modal{background:#fff;border-radius:20px;padding:26px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 80px rgba(11,23,38,.35)}
.modal.wide{width:min(1040px,100%);padding:0;overflow:hidden}

/* Prise en main */
.tile{background:var(--bg);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}

/* Aide */
.help-step{display:flex;align-items:center;gap:14px}
.help-step .n{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--yellow);display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;font-weight:700;flex-shrink:0}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink-2)}
.ticks li svg{flex-shrink:0;margin-top:2px}
.refs a{color:var(--navy);text-decoration:none;display:inline-flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.5}
.refs a b{text-decoration:underline;text-underline-offset:3px}
.editing .editable{outline:2px dashed #E0B94A;outline-offset:4px}
.edit-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#EEF6FC;border:1.5px solid #F1D98A;border-radius:14px;padding:12px 16px;font-size:14px;color:#5A4500}

/* Toast */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:calc(100vw - 32px)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#toast.err{background:var(--hi)}

/* Connexion */
.login{min-height:100vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.login .pitch{background:var(--navy);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.login .pitch h1{font-family:var(--display);font-size:40px;line-height:1.1}
.login .pitch p{font-size:17px;line-height:1.55;color:#C9D3E1;margin:0}
.login .form{padding:56px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.login .form>div{max-width:440px;display:flex;flex-direction:column;gap:20px}
.code-in{height:64px;border-radius:12px;border:1.5px solid #B7C2D3;text-align:center;font-family:var(--display);font-size:30px;letter-spacing:10px;width:100%}

/* Projection */
.proj{height:100vh;height:100dvh;position:relative;overflow:hidden;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:44px 60px 40px;gap:20px}
.proj .ph{display:flex;justify-content:space-between;align-items:center;gap:20px}
.proj .ph .sess{font-size:22px;color:#C9D3E1;padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
.proj main{flex:1;min-height:0;display:flex;align-items:center;overflow:hidden}.proj main>*{flex-shrink:0}
.proj h1{font-family:var(--display);font-size:clamp(38px,4.4vw,64px);line-height:1.05}
.proj .code{font-family:var(--display);font-size:clamp(70px,8vw,124px);letter-spacing:.16em;color:var(--yellow);line-height:1}
.proj .qr{background:#fff;border-radius:28px;padding:22px;width:min(420px,32vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.proj .qr svg,.proj .qr img{width:100%;height:100%}
.proj nav{display:flex;justify-content:center;gap:8px}
.proj nav button{height:42px;padding:0 16px;border-radius:999px;border:0;background:rgba(255,255,255,.1);color:#C9D3E1;font-size:15px;font-weight:700}
.proj nav button.on{background:#fff;color:var(--navy)}
.proj .pbar{display:flex;height:clamp(36px,5vh,54px);border-radius:12px;overflow:hidden;font-size:clamp(16px,1.6vw,24px);font-weight:700}
.proj .pbar span{display:flex;align-items:center;padding-left:14px;white-space:nowrap;overflow:hidden}
.qrbox{width:168px;height:168px;border-radius:12px;background:#fff;border:1px solid var(--line);padding:8px}
.qrbox svg,.qrbox img{width:100%;height:100%}

/* Graphiques de détail */
.quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px}
.quad div{border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;min-height:96px}
.quad b{font-family:var(--display);font-size:30px}
.matrix{display:grid;gap:4px;font-size:13px}
.matrix .c{border-radius:8px;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:700}

/* ---------- Participant·es (téléphone) ---------- */
body.part{background:var(--bg)}
.p-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow-wrap:break-word}
.p-shell>.p-prog,.p-shell>.p-main{width:100%;max-width:600px;margin-left:auto;margin-right:auto}
.p-top{background:var(--navy);color:#fff;padding:14px max(18px, calc((100% - 1240px) / 2 + 28px));padding-top:calc(14px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10}
.p-top .grp{font-size:12px;font-weight:600;background:rgba(255,255,255,.12);padding:5px 10px;border-radius:999px;white-space:nowrap}
.p-prog{padding:14px 18px 0;display:flex;flex-direction:column;gap:8px}
.p-seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.p-seg span{height:6px;border-radius:3px;background:var(--line)}
.p-seg span.done{background:var(--navy)}.p-seg span.cur{background:var(--blue)}
/* Ligne de progression : toujours sur une seule ligne, le nom du thème s'abrège seulement si l'écran est trop étroit */
.p-progline{display:flex;align-items:baseline;gap:12px;font-size:13px;font-weight:600;color:var(--muted);min-width:0}
.p-prog-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-prog-count{flex-shrink:0;white-space:nowrap}
.p-prog-short{display:none}
@media (max-width:480px){.p-prog-long{display:none}.p-prog-short{display:inline}}
.p-main{flex:1;padding:18px;display:flex;flex-direction:column;gap:16px}
.p-foot{position:sticky;bottom:0;padding:12px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid #E1E6EE}
.p-foot-in{max-width:564px;margin:0 auto;display:flex;gap:10px}
.p-foot .btn{height:52px;border-radius:14px;font-size:16px}
.p-foot .btn.primary{flex:1}
.p-foot-in>.btn{min-width:0;white-space:normal;line-height:1.15;padding:0 14px}
.p-h1{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.15}
.p-q{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.2}
.p-lead{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
.p-code{height:64px;border-radius:14px;border:2px solid var(--navy);background:#fff;font-family:var(--display);font-size:30px;letter-spacing:8px;text-align:center;text-transform:uppercase;width:100%}
.opt{min-height:58px;border-radius:14px;background:#fff;border:2px solid var(--line);color:var(--navy);font-size:17px;font-weight:600;text-align:left;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.opt.on{background:var(--navy);border-color:var(--navy);color:#fff}
.zone{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.zone .lbl{font-size:15px;font-weight:600}
.z4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.z4 button{min-height:44px;border-radius:10px;border:0;background:var(--line-2);color:var(--navy);font-size:14px;font-weight:700;padding:4px 6px;line-height:1.15}
@media (max-width:480px){.z4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.p-top{gap:8px}.p-top .mark.sm .nm{letter-spacing:.1em}.p-top .grp{font-size:11px;padding:4px 8px}}
.z4 button.on{background:var(--navy);color:#fff}
.z4.legend-row{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;text-align:center}
.pairbox{background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.pairbox .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pairbox .g button{min-height:48px;border-radius:10px;border:0;background:var(--line-2);color:var(--navy);font-size:15px;font-weight:600;padding:6px}
.pairbox .g button.on{background:var(--navy);color:#fff}
.res{background:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.res details summary{cursor:pointer;font-size:13px;font-weight:700;color:#185A78}
.res details p{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--ink-2)}

@media (max-width:980px){
  .grid3,.grid2{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}
  .steps{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}
  .profile-row{grid-template-columns:minmax(0,1fr)}
  .vote-row{grid-template-columns:28px minmax(0,1fr) 140px;}.vote-row .meter{display:none}
  .postits{grid-template-columns:minmax(0,1fr)}
  .login{grid-template-columns:minmax(0,1fr)}.login .pitch{padding:32px}.login .form{padding:32px}
  .obm{grid-template-columns:minmax(0,1fr)}.obm>aside{flex-direction:row;align-items:center;padding:12px 18px}.obm .ob-ic{display:none}.obm .ob-cnt{font-size:26px}.obm>section{padding:18px}
}
@media (max-width:700px){
  .top{padding:0 14px;position:static}.top .space{display:none}.who .nm{display:none}.who .ghost-btn{display:none}.top nav a{padding:16px 9px;font-size:14px}.top nav{flex-wrap:nowrap;flex-shrink:1;max-width:100%;overflow-x:auto;scrollbar-width:none}.top nav::-webkit-scrollbar{display:none}
  .page{padding:18px 14px}
  .title{font-size:26px}
}
@media print{
  .top,.p-top,.p-foot,.p-prog,.no-print,#toast{display:none!important}
  body,body.part{background:#fff}
  .res{border:1px solid var(--line)}
}

/* Tableau de bord */
.kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.kpi b{font-family:var(--display);font-size:38px;line-height:1.05}
.mbars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:end;height:180px}
.mbar{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.mstack{width:46px;display:flex;flex-direction:column-reverse;border-radius:6px;overflow:hidden}
.fam-head{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid var(--line);padding-bottom:8px;flex-wrap:wrap}
.fam-head h2{font-family:var(--display);font-size:20px}
.fam-head .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
/* Plan d'action par dimension */
.dimcard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
@media (max-width:980px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.dimcard{grid-template-columns:minmax(0,1fr)}.mbars{gap:8px}}

/* Tableau de bord : sessions et participant·es (B), tendances par famille (C) */
.bchart{position:relative;height:250px}
.bcols{position:absolute;inset:0;display:grid;align-items:end}
.bcol{display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:6px;height:100%;justify-content:flex-end;border-radius:12px;cursor:default}
.bcol:hover{background:var(--bg)}
.bcol span{width:22px;border-radius:999px}
.bline{position:absolute;inset:0;width:100%;height:250px;pointer-events:none}
.bdot{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:2.5px solid var(--navy);transform:translate(-50%,-50%);pointer-events:none}
.bval{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:800;color:var(--navy);pointer-events:none}
.blabels{display:grid;text-align:center;font-size:12px;color:var(--muted)}
.blabels b{color:var(--navy)}
.famdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ctot{font-family:var(--display);font-size:40px;line-height:1}
.trend{margin-left:auto;font-size:13px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}
.trend.up{background:#E3F4EC;color:#1C6B47}.trend.down{background:#FDE2DE;color:#A3220F}

.empty-dash{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;min-height:180px}

/* Atelier Arbre des causes : téléphone */
.acp-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.acp-g{height:44px;border-radius:10px;border:0;background:var(--navy);color:#fff;font-size:16px;font-weight:800}
.acp-g:disabled{background:var(--line-2);color:#8794A8}
.acp-plenbtn{border:2px solid var(--blue);text-align:left;width:100%}
.acp-lv{min-height:36px;padding:4px 12px;border-radius:999px;border:0;background:var(--line-2);color:var(--navy);font-size:13px;font-weight:700}
.acp-lv.on.lv-S{background:#FFCC00;color:var(--navy)}.acp-lv.on.lv-T{background:#4DB4E8;color:#0B1726}.acp-lv.on.lv-C{background:var(--navy);color:#fff}
.acp-in{width:100%;box-sizing:border-box;border-radius:10px;border:1.5px solid #B7C2D3;padding:10px 12px;font:inherit;font-size:15px;color:var(--navy)}
textarea.acp-in{min-height:66px;resize:vertical}
.acp-timer{background:#fff;border-bottom:1px solid #E1E6EE;padding:10px 18px;display:flex;align-items:center;gap:12px}
.acp-timer b{font-family:var(--display);font-size:20px}
.acp-tbar{flex:1;height:8px;border-radius:4px;background:var(--line-2);overflow:hidden}.acp-tbar div{height:100%;background:var(--blue);width:100%}
.acp-lvtag{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.acp-lvtag.lv-S{background:#FFCC00;color:#132438}.acp-lvtag.lv-T{background:#DCEEF7;color:#0B4A6E}.acp-lvtag.lv-C{background:#E3E8EF;color:#132438}
.acp-votes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.acp-v{height:64px;border-radius:14px;border:2px solid transparent;font-size:16px;font-weight:800}
.acp-v.v-pour{background:#E3F4EC;color:#1C6B47}.acp-v.v-contre{background:#FDE2DE;color:#A3220F}.acp-v.v-abst{background:#fff;color:var(--navy);border-color:#B7C2D3}
.acp-v.on.v-pour{background:#3E9C73;color:#fff}.acp-v.on.v-contre{background:#B93A2B;color:#fff}.acp-v.on.v-abst{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Atelier Arbre des causes : écran animateur·ice et projection */
.code-big{font-family:var(--display);font-size:34px;letter-spacing:.14em}
.acp-clock{font-family:var(--display);font-size:46px;line-height:1}.acp-clock.sm{font-size:22px}
.acp-ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.acp-gstat{border-radius:12px;padding:10px 12px;background:var(--bg);display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.acp-gstat b{color:var(--navy);font-size:15px}.acp-gstat.ok{background:#E3F4EC;color:#1C6B47}
.acp-colhead{display:flex;align-items:baseline;gap:8px;border-bottom:3px solid;padding-bottom:6px}
.acp-fc{padding:12px 14px;border:2px solid transparent}.acp-fc.on{border-color:var(--blue)}
.acp-plen{display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:16px;align-items:start}
.acp-li{text-align:left;border-radius:12px;padding:10px 12px;background:#fff;border:1.5px solid var(--line-2);display:flex;flex-direction:column;gap:4px;color:var(--navy);width:100%}
.acp-li.on{background:var(--bg);border-color:var(--blue)}.acp-li .dot{width:10px;height:10px;border-radius:50%}
.acp-li .pill{align-self:flex-start}
.pill.lv-info{background:#DCEEF7;color:#185A78}
.acp-lvtag{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.acp-ftitle{font-family:var(--display);font-size:26px;line-height:1.2}
.acp-vbar{display:flex;height:34px;border-radius:10px;overflow:hidden;font-size:13px;font-weight:800;background:var(--line-2)}
.acp-vbar span{display:flex;align-items:center;padding-left:10px;white-space:nowrap;overflow:hidden}
.acp-vbar .vp{background:#3E9C73;color:#fff}.acp-vbar .vc{background:#B93A2B;color:#fff}.acp-vbar .va{background:#D5DCE6;color:var(--navy)}
.acp-vbar.big{height:clamp(40px,4vw,64px);font-size:clamp(14px,1.5vw,24px);border-radius:14px}
.acp-speaking{background:#EEF6FC;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.acp-qrow{border-top:1px solid var(--line-2);padding-top:8px}
.acp-tree{display:flex;flex-direction:column}
.acp-cap{font-size:11px;font-weight:800;letter-spacing:.22em;color:#B88C00;margin:2px 0 10px}
.acp-tree .acp-cap:last-child{color:var(--muted);margin:12px 0 0}
.acp-spine{position:relative;display:flex;flex-direction:column;gap:22px}
.acp-spine::before{content:"";position:absolute;left:12px;top:22px;bottom:0;width:2px;border-radius:2px;background:linear-gradient(180deg,#FFCC00,#4DB4E8 55%,#B7C2D3)}
.acp-band{display:grid;grid-template-columns:26px 230px minmax(0,1fr);gap:16px;align-items:start;position:relative}
.acp-node{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid;box-shadow:0 0 0 4px #fff;justify-self:center;margin-top:4px;position:relative;z-index:1}
.acp-bl{font-size:16px}
.acp-bitems{display:flex;flex-wrap:wrap;gap:10px}
.acp-node-card{background:var(--bg);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;max-width:320px}
.acp-node-card span:not(.pill){font-size:13px;color:var(--ink-2)}.acp-node-card .pill{align-self:flex-start}
.acp-node-card.rej{opacity:.55}
.acp-tree.dark .acp-node{background:var(--navy);box-shadow:0 0 0 4px var(--navy)}
.acp-tree.dark .acp-spine::before{background:linear-gradient(180deg,#FFCC00,#4DB4E8 55%,rgba(255,255,255,.85))}
.acp-tree.dark .acp-bl{font-size:clamp(18px,1.6vw,24px);color:#fff}.acp-tree.dark .small.muted{color:#C9D3E1}
.acp-tree.dark .acp-node-card{background:#fff;color:var(--navy)}.acp-tree.dark .acp-node-card b{font-size:clamp(15px,1.3vw,19px)}
.acp-tree.dark .acp-cap{color:rgba(255,204,0,.85)}.acp-tree.dark .acp-cap:last-child{color:rgba(255,255,255,.75)}
@media (max-width:1100px){.acp-plen{grid-template-columns:minmax(0,1fr)}.acp-band{grid-template-columns:26px minmax(0,1fr)}.acp-bitems{grid-column:2}}

/* ================= Contrôles à la charte, pour toute l'appli ================= */
input[type=checkbox]{-webkit-appearance:none;appearance:none;margin:0;width:20px;height:20px;border:1.5px solid #B7C2D3;border-radius:6px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;flex-shrink:0;vertical-align:middle;transition:background .12s,border-color .12s}
input[type=checkbox]::before{content:"";width:11px;height:11px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:var(--navy);transform:scale(0);transition:transform .12s}
input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
input[type=checkbox]:checked::before{transform:scale(1)}
input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
input[type=radio]{-webkit-appearance:none;appearance:none;margin:0;width:20px;height:20px;border:1.5px solid #B7C2D3;border-radius:50%;background:#fff;display:inline-grid;place-content:center;cursor:pointer;flex-shrink:0;vertical-align:middle}
input[type=radio]::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--navy);transform:scale(0);transition:transform .12s}
input[type=radio]:checked{border-color:var(--blue);background:var(--blue)}input[type=radio]:checked::before{transform:scale(1)}
input[type=checkbox].sw{width:42px;height:24px;border-radius:999px;border:0;background:#D5DCE6;position:relative;display:inline-block}
input[type=checkbox].sw::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;clip-path:none;transform:none;box-shadow:0 1px 3px rgba(19,36,56,.3);transition:left .15s}
input[type=checkbox].sw:checked{background:var(--blue)}input[type=checkbox].sw:checked::before{left:21px}
/* Listes déroulantes : flèche dessinée, prioritaire sur le fond des champs de saisie (.input) */
select,select.input{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23132438' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;padding-right:40px !important;cursor:pointer}
select:focus-visible{outline:3px solid var(--blue);outline-offset:1px}
/* ================= Écran Outils ================= */
.tl-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tl-filters select{height:44px;font-weight:600;width:auto;min-width:0;max-width:228px;flex:0 1 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tl-filters .tl-space{font-weight:700;border-color:var(--navy)}
.tl-search{flex:1 1 180px;min-width:170px;position:relative}.tl-search svg{position:absolute;left:14px;top:14px}.tl-search input{padding-left:38px;width:100%;box-sizing:border-box}
.tl-bulk{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:14px;padding:10px 14px}
.tl-bulk .tl-bulk-go{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.tl-bulk .link{margin-left:auto;color:#fff}
.tl-card{overflow:hidden}
.tl-head,.tl-row{display:grid;grid-template-columns:44px minmax(0,1fr) 190px 210px 136px;gap:12px;align-items:center;padding:12px 20px}
.tl-head{background:#F7F9FC;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.tl-fam{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px 8px;background:#fff;border:0;text-align:left;font:inherit;cursor:pointer;color:var(--navy)}
.tl-fam b{font-family:var(--display);font-size:17px}.tl-fam .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #D5DCE6}
.tl-row{border-top:1px solid var(--line-2)}.tl-row:hover{background:#F7F9FC}.tl-row.sel{background:#EEF6FC;box-shadow:inset 3px 0 0 var(--blue)}
.tl-name{display:flex;flex-direction:column;gap:5px;min-width:0;background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer;color:var(--navy)}
.tl-name b{font-size:15px}.tl-tags{display:flex;gap:6px;flex-wrap:wrap}.tl-tags span{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--line-2);color:var(--ink-2)}
.tl-state{justify-self:start;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}
.tl-ok{background:#E3F4EC;color:#1C6B47}.tl-new{background:#FFCC00;color:#132438}.tl-upd{background:#DCEEF7;color:#185A78}
.tl-sp{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px;min-width:0}
.tl-open{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#1C6B47}.tl-open i{width:8px;height:8px;border-radius:50%;background:#3E9C73}
.tl-act{justify-self:end}.tl-act .btn{white-space:nowrap}.tl-manage{background:var(--line-2);border-color:var(--line-2)}
.tl-foot{padding:14px 20px;border-top:1px solid var(--line-2)}
.tl-ov{position:fixed;inset:0;background:rgba(19,36,56,.32);z-index:60}
.tl-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--bg);z-index:61;box-shadow:-18px 0 40px rgba(11,23,38,.2);display:flex;flex-direction:column;overflow:auto}
.tl-dh{background:var(--navy);color:#fff;padding:22px 24px;display:flex;justify-content:space-between;gap:12px}
.tl-dh h2{font-family:var(--display);font-size:24px;line-height:1.15;color:#fff}
.tl-dfam{font-size:12px;font-weight:700;color:var(--yellow);letter-spacing:.08em;text-transform:uppercase}
.tl-x{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;border:0;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0}
.tl-db{padding:20px 24px;display:flex;flex-direction:column;gap:16px}
.tl-box{background:#fff;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tl-swrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 2px;border-top:1px solid var(--line-2);font-weight:600;cursor:pointer}
@media (max-width:980px){.tl-head{display:none}.tl-row{grid-template-columns:32px minmax(0,1fr);row-gap:8px}.tl-state,.tl-sp,.tl-act{grid-column:2;justify-self:start}}

/* ================= Accueil « Mes outils » ================= */
.home-fam{font-family:var(--display);font-size:19px;margin:0}
.fam-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #D5DCE6}
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.home-card{display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--navy)}
.home-name{font-size:17px;line-height:1.25}.home-card p{margin:0;line-height:1.45;color:var(--ink-2)}
.home-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line-2);flex-wrap:wrap}
.home-foot .btn{white-space:nowrap}
.nm-tool{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:12px;padding:10px 14px}
/* ================= Suppression depuis la liste ================= */
.del-cell{width:56px;text-align:right}
.icon-del{width:36px;height:36px;border-radius:10px;background:#fff;border:1.5px solid #E1E6EE;color:#9F1D1D;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-del:hover{background:#FDE2DE;border-color:#F1B8AF}
.icon-del:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.danger-note{background:#FDE2DE;color:#8A1C0C}
.btn.danger:disabled{opacity:.45;cursor:not-allowed}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ================= Outils : onglets et vue par espace ================= */
.tl-seg{display:inline-flex;align-items:center;background:#E6EBF2;border-radius:12px;padding:4px;gap:4px}
.tl-seg button{height:36px;padding:0 14px;border-radius:9px;border:0;background:transparent;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}
.tl-seg button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(19,36,56,.12)}
.tl-seg .tl-seg-a{height:36px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap;text-decoration:none}
@media (max-width:560px){.tl-seg{display:flex;max-width:100%;overflow-x:auto}.tl-seg button,.tl-seg .tl-seg-a{padding:0 10px;font-size:13px}}
.mx-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.mx-card{overflow:hidden}.mx-scroll{overflow-x:auto}
.mx-row{display:grid;justify-content:start;align-items:center;padding:8px 20px;border-top:1px solid #F1F4F8;min-width:max-content}
.mx-row:hover{background:#F7F9FC}
.mx-head{background:#F7F9FC;border-top:0;align-items:end;padding:10px 20px}.mx-head:hover{background:#F7F9FC}
.mx-label{position:sticky;left:0;background:inherit;padding-right:12px;font-size:15px}
.mx-head .mx-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mx-row .mx-label{background:#fff}.mx-row:hover .mx-label{background:#F7F9FC}.mx-head .mx-label{background:#F7F9FC}
.mx-col{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:0 6px}
.mx-col .small{font-size:12px}
.mx-col b{font-size:14px;line-height:1.2}
.mx-cell{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}
.mx-on,.mx-off{width:46px;font-size:12px;font-weight:700}.mx-on{color:#1C6B47}.mx-off{color:#8794A8}
.mx-fam{display:flex;align-items:center;gap:10px;padding:14px 20px 6px;border-top:1px solid var(--line-2);min-width:max-content}
.mx-fam b{font-family:var(--display);font-size:16px}.mx-fam .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #D5DCE6}
.mx-pick{position:relative}.mx-pick summary{list-style:none;display:inline-flex;align-items:center}.mx-pick summary::-webkit-details-marker{display:none}
.mx-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:320px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(11,23,38,.18);padding:12px;display:flex;flex-direction:column;gap:10px}
.mx-list{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:8px}

/* ================= Atelier Décision collective (dec.js, dec-join.js) ================= */
.dc-eyebrow{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.dc-big{font-family:var(--display);font-weight:700;font-size:56px;line-height:1}
.dc-of{font-size:26px;color:var(--muted)}
.dc-timer{font-family:var(--display);font-weight:700;font-size:40px;line-height:1;min-width:110px}
.dc-exs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dc-ex{border:1.5px dashed #B7C2D3;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px;color:var(--navy);min-height:64px}
.dc-ex b{font-size:15px}.dc-ex span{font-size:13px;color:var(--muted)}
.dc-ex.on{border-style:solid;border-color:var(--blue);background:#EEF6FC;box-shadow:inset 0 0 0 1px var(--blue)}
.dc-choice{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:3px;width:100%;color:var(--navy)}
.dc-choice b{font-size:16px}.dc-choice span{font-size:14px;color:var(--muted)}
.dc-choice.on{border-color:var(--blue);background:#EEF6FC;box-shadow:inset 0 0 0 1px var(--blue)}
.dc-tour{min-height:360px;justify-content:space-between;gap:16px}
.dc-tourtxt{font-family:var(--display);font-weight:700;font-size:38px;line-height:1.15;text-align:center;margin:0;padding:36px 0}
.dc-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start}
.dc-split.wide{grid-template-columns:minmax(0,3fr) minmax(240px,2fr)}
.dc-aside{gap:10px;position:sticky;top:12px}
.dc-aside>.btn{width:100%}
.dc-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}
.dc-idea{border:1.5px solid var(--line-2);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;background:#fff;cursor:pointer}
.dc-idea.on{border-color:var(--blue);background:#EEF6FC}
.dc-num{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.dc-num.pr{background:var(--yellow);color:var(--navy)}
.dc-num.big{flex-basis:34px;width:34px;height:34px;font-size:16px;background:#fff;color:var(--navy)}
.dc-num.big.pr{background:var(--yellow)}
.dc-mh{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.dc-mod{border:1.5px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column}.dc-mod.on{background:#EEF6FC;border-color:var(--blue)}
.dc-modb{display:flex;flex-direction:column;gap:3px;text-align:left;background:none;border:0;padding:10px 12px;font:inherit;color:inherit;cursor:pointer;width:100%}.dc-modb b{font-size:15px;line-height:1.3}
.dc-modact{display:flex;gap:6px;padding:0 12px 10px}
.dc-axl{border-top:1px solid var(--line-2);padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px}.dc-axl>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.dc-axl b{color:var(--muted)}
.dc-pbars{display:flex;flex-direction:column;gap:10px}.dc-pb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 52px;gap:12px;align-items:center;font-size:14px}.dc-pb>span:first-child{font-weight:700;line-height:1.3}
.dc-pbt{height:12px;border-radius:6px;background:#EEF2F7;overflow:hidden}.dc-pbt i{display:block;height:100%;background:var(--blue);border-radius:6px}.dc-pb>b{text-align:right;font-family:var(--display);font-size:16px}
.dc-thead{padding:16px 20px;gap:12px}.dc-tfoot{padding:14px 20px;gap:12px;border-top:1px solid var(--line-2)}
.dc-topn{height:36px;width:76px;padding:0 28px 0 10px}
.dc-reft tr.on td{background:#EEF6FC}
.rm-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.rm-grid tr.on td{background:#EEF6FC}
@media (max-width:860px){.rm-grid{grid-template-columns:minmax(0,1fr)}}
.dc-pjp{min-height:74vh;display:flex;flex-direction:column;gap:3vh;width:100%}.dc-pjtag{flex-shrink:0;font-size:clamp(15px,1.4vw,22px);font-weight:700;color:#C9D3E1;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 16px;white-space:nowrap}
.proj .dc-pbars{gap:2.2vh}.proj .dc-pb{font-size:clamp(16px,1.6vw,26px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 110px;gap:24px}.proj .dc-pbt{height:clamp(14px,2vh,22px);background:rgba(255,255,255,.14)}.proj .dc-pb>b{font-size:clamp(20px,2vw,32px);color:var(--yellow)}
.dc-idea input:disabled{opacity:.5;cursor:not-allowed}
.dc-idea input{appearance:none;-webkit-appearance:none;flex:0 0 22px;margin:1px 0 0;width:22px;height:22px;border:1.5px solid #B7C2D3;border-radius:7px;background:#fff;cursor:pointer}
.dc-idea input:checked{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23132438' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--blue)}
.dc-n{font-size:12px;font-weight:700;color:var(--muted)}
.dc-opt{border:1.5px solid var(--line-2);border-radius:12px;padding:8px 10px 8px 12px;display:flex;gap:10px;align-items:center;background:#fff}
.dc-modes{display:flex;flex-wrap:wrap;gap:4px;background:var(--line-2);border-radius:12px;padding:4px}
.dc-modes .seg{height:40px;padding:0 12px;font-size:14px}
.dc-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}
.dc-legend span{display:inline-flex;align-items:center;gap:5px}.dc-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.dc-rrow{display:grid;grid-template-columns:26px minmax(0,34%) minmax(0,1fr) auto auto;gap:12px;align-items:center}
.dc-rk{font-weight:800}
.dc-bar{height:28px;border-radius:8px;background:var(--line-2);position:relative;overflow:hidden}
.dc-bar i{position:absolute;inset:0 auto 0 0;background:var(--navy);border-radius:8px}
.dc-bar span{position:absolute;left:10px;top:4px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap}.dc-bar span.out{color:var(--navy)}
.dc-jm{display:flex;height:28px;border-radius:8px;overflow:hidden;position:relative;background:var(--line-2)}
.dc-jm i{display:block;height:100%}
.dc-jm b{position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed var(--navy)}
.dc-jm.big{height:clamp(30px,4vh,46px)}.dc-jm.big b{border-left-color:#fff}
.dc-crow{border-top:1px solid var(--line-2);padding-top:10px}
.dc-reasons{margin:6px 0 0;padding-left:20px;font-size:14px;color:var(--ink-2)}
.dc-plan td{padding:8px 10px}.dc-plan .input{height:40px;width:100%;min-width:110px}.dc-plan .btn.icon{width:40px;height:40px}.dc-plan td{vertical-align:top}.dc-plan textarea.dc-pta{height:auto;min-height:40px;padding:8px 10px;line-height:1.4;resize:vertical;display:block}
/* téléphone */
.dc-ta{height:auto;min-height:96px;padding:12px;line-height:1.45;resize:vertical;width:100%}
.dc-prog{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted)}
.dc-mine{background:#fff;border-radius:12px;padding:10px 12px;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.dc-mine span{min-width:0;overflow-wrap:anywhere}
.dc-ropt{border:1.5px solid var(--line);background:#fff;border-radius:12px;min-height:48px;padding:8px 12px;text-align:left;font-size:15px;display:flex;gap:10px;align-items:center;width:100%;color:var(--navy)}
.dc-ropt span:last-child{min-width:0;overflow-wrap:anywhere}
.dc-rkc{flex:0 0 30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.dc-ropt.on{border-color:var(--navy)}.dc-ropt.on .dc-rkc{background:var(--blue);border-color:var(--blue);color:var(--navy)}
.dc-card{background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.dc-card>b{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.dc-ments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dc-ments button,.dc-two button{min-height:44px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:13px;font-weight:700;color:var(--ink-2);padding:4px}
.dc-ments button.on,.dc-two button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.dc-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dc-ments.two{grid-template-columns:1fr 1fr}
.dc-pbar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.dc-pbar i{display:block;height:100%;background:var(--blue)}
#dcDk.on-dk{border-color:var(--blue);background:#EEF6FC}
.dc-two button.on.warn{background:#FCE6D4;color:#8A4B08;border-color:#E8A26A}
.dc-seg4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.dc-seg4 button{height:44px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:16px;color:var(--navy)}
.dc-seg4 button.on{background:var(--blue);border-color:var(--blue)}
.dc-pts{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.dc-pts button{width:44px;height:44px;border-radius:12px;border:1.5px solid #B7C2D3;background:#fff;font-weight:800;font-size:18px;color:var(--navy)}
.dc-pts b{width:22px;text-align:center;font-size:18px}
@media (max-width:1100px){.dc-exs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.dc-split,.dc-split.wide{grid-template-columns:minmax(0,1fr)}.dc-aside{position:static}.dc-rrow{grid-template-columns:22px minmax(0,1fr) auto;row-gap:6px}.dc-rrow .dc-bar,.dc-rrow .dc-jm{grid-column:2/4}.dc-rrow>.pill:not(.lv-info),.dc-rrow>span:empty{grid-column:2}.dc-tourtxt{font-size:28px;padding:20px 0}}

/* Texte mis en forme : zone étirable avec barre de mise en forme */
.rte{border:1.5px solid #B7C2D3;border-radius:10px;background:#fff;display:flex;flex-direction:column;overflow:hidden;resize:vertical;min-height:110px;font-weight:500;font-size:15px}
.rte:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,180,232,.25)}
.rte-bar{display:flex;gap:2px;padding:4px;border-bottom:1px solid var(--line-2);background:var(--soft);flex-wrap:wrap;flex-shrink:0}
.rte-bar button{min-width:34px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--navy);font-size:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px}
.rte-bar button:hover{background:var(--line-2)}.rte-bar button.on{background:#DCEEF7;color:#185A78}
.rte-bar .sep{width:1px;background:var(--line);margin:5px 4px}
.rte-ed{flex:1;overflow:auto;padding:10px 12px;line-height:1.5;outline:none;color:var(--ink);font-weight:500}
.rte-ed ul,.rte-ed ol,.rich ul,.rich ol{margin:4px 0;padding-left:22px}.rte-ed p,.rich p{margin:0 0 4px}
.rte-ed:empty::before{content:attr(data-ph);color:#8A97AA}
.rich{line-height:1.45}.postit .rich ul,.postit .rich ol{padding-left:18px;margin:2px 0}

/* Répartition du temps de travail */
.tm-card{margin-bottom:16px;display:flex;flex-direction:column;gap:14px}
.tm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tm-head .segs .seg{height:46px}
.tm-sum{font-size:15px;color:var(--ink-2)}.tm-sum b{font-family:var(--display);font-size:22px;color:var(--ink)}
.tm-warn{padding:8px 12px}
.tm-bar{position:relative;display:flex;height:30px;border-radius:9px;overflow:visible;background:var(--line-2)}
.tm-bar i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;height:100%;min-width:0;overflow:hidden}
.tm-bar i:first-child{border-radius:9px 0 0 9px}.tm-bar i:last-of-type{border-radius:0 9px 9px 0}
.tm-bar i.rest{background:repeating-linear-gradient(45deg,#EEF2F7 0 6px,#E3E8F0 6px 12px)}
.tm-ref{position:absolute;top:-6px;bottom:-6px;width:0;border-left:3px solid #E0A33A}
.tm-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-2)}
.tm-leg span{display:inline-flex;align-items:center;gap:6px}.tm-leg i{width:12px;height:12px;border-radius:3px;display:inline-block}
.tm-leg i.rest{background:#E3E8F0}
.tm-prio{font-weight:700;color:var(--ink)}
.tm-proj{width:100%}.tm-proj .tm-sum{font-size:clamp(18px,1.8vw,28px);color:#C9D3E1}.tm-proj .tm-sum b{color:#fff;font-size:clamp(28px,3vw,48px)}
.tm-proj .tm-bar{height:clamp(44px,6vh,70px);margin:18px 0}.tm-proj .tm-bar i{font-size:clamp(16px,1.6vw,24px)}.tm-proj .tm-bar.dark{background:rgba(255,255,255,.1)}
.tm-proj .tm-bar i.rest{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,rgba(255,255,255,.16) 8px 16px)}
.tm-proj .tm-leg{font-size:clamp(16px,1.5vw,22px);color:#E6ECF4;gap:10px 28px}
.tm-proj .tm-warn{font-size:clamp(15px,1.4vw,20px)}

/* ================= Support d'animation (deck.js) ================= */
.slide{container-type:inline-size;aspect-ratio:16/9;background:var(--navy);color:#fff;border-radius:14px;position:relative;overflow:hidden;width:100%}
.slide.xs{border-radius:10px}
.slide .sl-top{position:absolute;top:3.6cqw;left:5cqw;right:5cqw;display:flex;align-items:center;gap:1.6cqw}
.slide .mark{font-size:1.5cqw;gap:.8cqw}.slide .mark .ad{width:3.2cqw;height:2.8cqw;border-radius:.7cqw}
.slide .sl-sess{font-size:1.25cqw;color:#C9D3E1;padding-left:1.4cqw;border-left:1px solid rgba(255,255,255,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slide .sl-bottom{position:absolute;bottom:2.4cqw;left:5cqw;right:5cqw;display:flex;flex-direction:column;gap:.5cqw}
.slide .sl-refs{display:flex;flex-direction:column;gap:.3cqw;font-size:.95cqw;line-height:1.35;color:#AEBBCC;border-top:1px solid rgba(255,255,255,.18);padding-top:.8cqw}
.slide .sl-sign{font-size:1cqw;color:#8FA0B8}
.slide .sl-body{position:absolute;top:9.5cqw;left:5cqw;right:5cqw;bottom:9cqw;display:flex;flex-direction:column;gap:1.5cqw;overflow:hidden}
.slide .sl-eb{font-size:1.3cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.slide h1{font-family:var(--display);font-size:4.6cqw;line-height:1.05;margin:0}
.slide h2{font-family:var(--display);font-size:3.4cqw;line-height:1.08;margin:0}
.slide .sl-title{position:absolute;left:5cqw;right:12cqw;top:15cqw;display:flex;flex-direction:column;gap:1.1cqw}
.slide .sl-title>span:not(.sl-eb){font-size:1.6cqw;color:#C9D3E1}.slide .sl-sub{font-size:2cqw;color:#E6ECF4}
.slide .sl-rule{width:7cqw;height:.45cqw;background:var(--yellow);margin:1cqw 0}
.slide .sl-rich{font-size:1.85cqw;line-height:1.38}.slide .sl-rich p{margin:0 0 .8cqw}
.slide .sl-rich ul,.slide .sl-rich ol{margin:0;padding:0;display:flex;flex-direction:column;gap:1.1cqw}
.slide .sl-rich ul{list-style:none}.slide .sl-rich ul li{padding-left:2.4cqw;position:relative}
.slide .sl-rich ul li::before{content:"";position:absolute;left:0;top:.72cqw;width:.9cqw;height:.9cqw;border-radius:50%;background:var(--yellow)}
.slide .sl-rich ol{padding-left:2.6cqw}.slide .sl-rich.alt ul li::before{background:var(--blue)}
.slide .sl-rich b{color:#FFCC00}
.slide .sl-two{display:grid;grid-template-columns:1fr 1fr;gap:4cqw}
.slide .sl-lead{font-size:1.7cqw;color:#E6ECF4;margin:0}
.slide .sl-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw;margin-top:.6cqw}
.slide .sl-cards.n5{grid-template-columns:repeat(5,1fr);gap:1.1cqw}.slide .sl-cards.n2{grid-template-columns:repeat(2,1fr)}.slide .sl-cards.n3,.slide .sl-cards.n6{grid-template-columns:repeat(3,1fr)}
.slide .sl-cards div{background:rgba(255,255,255,.08);border-top:.4cqw solid var(--yellow);border-radius:1cqw;padding:1.6cqw;display:flex;flex-direction:column;gap:.8cqw}
.slide .sl-cards b{font-size:1.9cqw}.slide .sl-cards span{font-size:1.4cqw;color:#C9D3E1;line-height:1.35}
.slide .sl-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.4cqw;margin-top:1.4cqw}
.slide .sl-steps.n2{grid-template-columns:repeat(2,1fr)}.slide .sl-steps.n3{grid-template-columns:repeat(3,1fr)}.slide .sl-steps.n4{grid-template-columns:repeat(4,1fr)}.slide .sl-steps.n6{grid-template-columns:repeat(6,1fr)}
.slide .sl-steps div{display:flex;flex-direction:column;gap:.8cqw;align-items:flex-start}
.slide .sl-steps i{font-style:normal;font-family:var(--display);font-size:4cqw;color:var(--yellow);line-height:1}.slide .sl-steps b{font-size:1.8cqw;line-height:1.2}.slide .sl-steps span{font-size:1.35cqw;color:#C9D3E1}
.slide .sl-key{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:4cqw;align-items:start;margin-top:.6cqw}
.slide .sl-kv{display:flex;flex-direction:column;gap:.8cqw}.slide .sl-kv b{font-family:var(--display);font-size:9cqw;line-height:1;color:var(--yellow)}.slide .sl-kv span{font-size:1.8cqw;color:#C9D3E1}
.slide .sl-livebox{justify-content:center;align-items:flex-start;border:.2cqw dashed rgba(255,255,255,.3);border-radius:1.4cqw;padding:3cqw}
.deckp{min-height:100vh;background:#0B1726;display:flex;align-items:center;justify-content:center}
.deck-stage{width:min(100vw,calc(100vh * 16 / 9));max-height:100vh}
.deck-stage .slide{border-radius:0}
.deck-nav{position:fixed;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;background:rgba(11,23,38,.88);border-radius:999px;padding:6px 10px;color:#C9D3E1;font-weight:700;font-size:14px;opacity:.15;transition:opacity .2s;max-width:96vw;overflow-x:auto;z-index:20}
.deck-nav:hover,.deck-nav:focus-within{opacity:1}
.deck-nav button{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:999px;min-width:36px;height:36px;padding:0 12px;font-weight:700;white-space:nowrap}
.deck-nav button.on{background:#fff;color:var(--navy)}.deck-nav .dk-sep{width:1px;height:22px;background:rgba(255,255,255,.25);margin:0 4px}
.deck-nav .dk-scr{font-size:12px}
/* Même place (en bas à droite) sur toutes les diapos, écrans en direct compris */
.pres-wrap{min-height:100vh;background:var(--bg)}
.pres-top{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px}
.pres-top .sess{color:#C9D3E1;font-size:15px;padding-left:14px;border-left:1px solid rgba(255,255,255,.25)}
.pres-clock{font-family:var(--display);font-size:22px;min-width:96px;text-align:right}
.pres{max-width:1500px;margin:0 auto;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;align-items:start}
.pres-main{display:flex;flex-direction:column;gap:12px}.pres-side{display:flex;flex-direction:column;gap:14px}
.pres-notes{font-size:16px;line-height:1.55}.pres-notes p{margin:0 0 8px}
.prep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.prep-list{display:flex;flex-direction:column}
.prep-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line-2);cursor:pointer}
.prep-row:hover{background:#FAFBFD}.prep-row.on{background:#EEF6FC;box-shadow:inset 3px 0 0 var(--blue)}
.prep-row.off .prep-t b{color:#8A97AA;text-decoration:line-through}
.prep-n{font-weight:800;color:var(--muted);font-size:13px}.prep-t{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.prep-t b{font-size:14px}
.prep-sw{display:flex;align-items:center}
.prep-right{position:sticky;top:12px}
.pill.dk-tool{background:var(--line-2);color:var(--navy)}
.dk-ver{font-size:13px;padding:4px 0;border-top:1px solid var(--line-2)}
.pj-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pj-post{background:#fff;color:var(--navy);border-top:6px solid var(--yellow);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;font-size:clamp(14px,1.2vw,18px)}
.pj-post b{font-size:clamp(18px,1.6vw,24px)}.pj-post>span{font-weight:700;color:var(--muted)}
.pj-post .rich ul{margin:2px 0;padding-left:18px}
.pj-prio{display:flex;flex-direction:column;gap:18px}.pj-prio>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;align-items:start}
.pj-rk{font-family:var(--display);font-size:clamp(28px,3vw,44px);color:var(--yellow);line-height:1}
.pj-prio b{font-size:clamp(20px,2vw,30px)}.pj-prio .rich{font-size:clamp(16px,1.5vw,22px);color:#E6ECF4}.pj-prio .rich ul{margin:0;padding-left:22px}
@media (max-width:980px){.pres,.prep{grid-template-columns:minmax(0,1fr)}.prep-right{position:static}.pj-posts{grid-template-columns:minmax(0,1fr)}}

/* ---------- Poste d'animation : écran de session à gauche, ce que voit le groupe à droite ---------- */
body.an-on{overflow:hidden}body.an-drag{user-select:none;cursor:col-resize}
.an{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}
.an-top{flex:none;height:56px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:0 16px}
.an-home{display:inline-flex;text-decoration:none}.an-top .mark{font-size:14px;gap:8px}.an-top .mark .ad{width:32px;height:28px;border-radius:7px}
.an-ses{min-width:0;font-weight:700;font-size:14px;color:#C9D3E1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;border-left:1px solid rgba(255,255,255,.22)}
.an-sp{flex:1}
.an-clock{flex:none;border:0;background:none;color:#fff;font-family:var(--body);font-variant-numeric:tabular-nums;font-weight:800;font-size:17px;padding:0 6px;min-width:76px}
.an-tb{flex:none;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-weight:700;font-size:13px;padding:0 14px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-family:var(--body)}
.an-tb:hover{border-color:#fff}
.an-led{width:8px;height:8px;border-radius:50%;background:#7E8DA3}.an-tb.on .an-led{background:#3CCB7F}
.an-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 8px min(var(--r,42%),calc(100% - 528px))}
.an-sess{grid-column:1;grid-row:1;min-width:0;overflow:auto;padding:20px 22px 40px;display:flex;flex-direction:column;gap:16px;container-type:inline-size}
.an-gut{grid-column:2;grid-row:1;background:#DCE3EC;cursor:col-resize;position:relative;touch-action:none}
.an-gut:after{content:'';position:absolute;left:3px;top:50%;width:2px;height:40px;margin-top:-20px;background:#9FB0C8;border-radius:2px}
.an-gut:hover,.an-gut:focus-visible{background:#C9D3E1;outline:0}
.an-grp{grid-column:3;grid-row:1;min-width:0;overflow:auto;background:#0B1726;color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px}
.an-shead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.an-meta{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.an-tip{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px dashed var(--field);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45;color:var(--ink)}
.an-tip span{flex:1}.an-tip .link{flex:none;font-size:13px}
.an-sess .steps{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}
.an-sess .steps button{position:relative;min-height:58px;padding:9px 12px;min-width:0}.an-sess .steps button b{font-size:14px;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
.an-pt{display:none;position:absolute;right:9px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2px #fff}
.an-sess .steps button.on .an-pt{box-shadow:0 0 0 2px var(--navy)}.an-sess .steps button.an-proj .an-pt{display:block}
.an-pin{display:flex;flex-direction:column;gap:16px}
@media (min-height:760px) and (min-width:901px){.an-pin{position:sticky;top:-20px;z-index:3;background:#0B1726;margin:-20px -20px 0;padding:20px 20px 14px;box-shadow:0 10px 14px -12px rgba(0,0,0,.6)}}
.an-lab-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
.an-lab{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9FB0C8;display:flex;align-items:center;gap:8px}
.an-live-b{background:#E5484D;color:#fff;border-radius:999px;padding:2px 8px;letter-spacing:.06em}
.an-link{flex:none;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-weight:700;font-size:12px;padding:0 12px;font-family:var(--body)}
.an-link.off{color:#F0A92E;border-color:#F0A92E}
.an-stage-box{padding:2px}
.an-stage{width:100%;aspect-ratio:16/9;background:var(--navy);border-radius:10px;position:relative;overflow:hidden;outline:2px solid var(--yellow);outline-offset:2px}
.an-stage .slide{border-radius:0;height:100%}
.an-live{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
.an-live .proj{min-height:0;height:100%;overflow:hidden}
.an-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#C9D3E1;font-size:15px}
.an-pilot{display:flex;align-items:center;gap:10px}
.an-nb{width:44px;height:44px;border-radius:12px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:22px;font-weight:700;line-height:1}
.an-nb:hover:not(:disabled){background:rgba(255,255,255,.2)}.an-nb:disabled{opacity:.35;cursor:default}
.an-cnt{font-weight:800;min-width:56px;text-align:center;white-space:nowrap}
.an-keys{margin-left:auto;font-size:12px;color:#7E8DA3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-notes{background:#14263B;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.5;color:#E6ECF4}
.an-notes p{margin:0 0 6px}.an-notes p:last-child{margin:0}.an-notes ul,.an-notes ol{margin:4px 0;padding-left:20px}
.an-k{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}
.an-none{color:#9FB0C8}
.an-next{display:flex;gap:14px;align-items:center;background:#14263B;border-radius:12px;padding:12px 14px;color:#9FB0C8;font-size:13px;line-height:1.45}
.an-next .an-k{color:#9FB0C8;margin-bottom:2px}.an-next b{color:#fff;font-size:14px}
.an-mini{flex:none;width:150px}.an-mini .slide{border-radius:6px;border:1px solid rgba(255,255,255,.2)}
.an-nt{min-width:0}
.an-full{position:fixed;inset:0;z-index:45;background:#000;display:flex;align-items:center;justify-content:center}
.an-full[hidden]{display:none}
.an-full .an-stage{width:min(100vw,177.78vh);outline:0;border-radius:0}
.an-hint{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);color:#9FB0C8;font-size:12px;opacity:.7;white-space:nowrap}
@container (max-width:700px){
  .grid3,.grid2{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}
  .steps{overflow-x:auto}
  .vote-row{grid-template-columns:28px minmax(0,1fr) 140px}.vote-row .meter{display:none}
  .postits{grid-template-columns:minmax(0,1fr)}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.dimcard{grid-template-columns:minmax(0,1fr)}
  .acp-plen{grid-template-columns:minmax(0,1fr)}
  .dc-split,.dc-split.wide{grid-template-columns:minmax(0,1fr)}.dc-aside{position:static}
}
@media (max-width:1100px){.an-keys{display:none}.an-top .mark .nm{display:none}}
@media (max-width:900px){
  .an-split{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;overflow:auto}
  .an-sess{grid-column:1;grid-row:2;overflow:visible}.an-grp{grid-column:1;grid-row:1;overflow:visible}.an-gut{display:none}
  .an-ses{display:none}
}

/* ---------- Outils d'animation (version 2.8) : écran de l'outil, scène projetée, commandes ---------- */
.page.ao-page{max-width:none;padding:0;gap:0}
.ao-right .an-lab-row{flex-wrap:wrap}.ao-right .an-lab{white-space:nowrap}.an-live-b{white-space:nowrap}
.ao-ws{display:grid;grid-template-columns:minmax(0,1fr) min(44%,calc(100% - 520px));min-height:calc(100vh - 64px)}
.ao-left{padding:20px 22px 40px;display:flex;flex-direction:column;gap:16px;min-width:0}
.ao-right{background:#0B1726;color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}
.ao-card{gap:14px}.ao-h2{font-family:var(--display);font-size:18px;margin:0}
.ao-state{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.ao-state .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.ao-ctrl{gap:8px}
.ao-seqs{display:flex;flex-direction:column;gap:8px}
.ao-seq{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.ao-seq input{height:40px;border:1px solid var(--field);border-radius:10px;padding:0 10px;width:100%;font:inherit;background:#fff;color:var(--ink)}
.ao-seq input[type=number]{width:76px}
.ao-n{width:32px;height:32px;border-radius:9px;border:0;background:var(--line-2);font-weight:800;color:var(--muted)}
.ao-seq.cur .ao-n{background:var(--yellow);color:var(--navy)}
.ao-sw{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:14px}
.ao-gres{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.ao-gcard{border:1px solid var(--line-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.ao-gcard>b{font-family:var(--display);font-size:16px}
.ao-mem{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;border-radius:8px;padding:1px 2px}
.ao-mem.fresh{animation:aoFresh 3s ease-out}
@keyframes aoFresh{0%{background:rgba(255,204,0,.55)}100%{background:transparent}}
.ao-mem .btn.icon{width:28px;height:28px;min-width:28px;padding:0;border-radius:8px;font-size:11px}
.ao-role{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;background:#DCEEF7;color:#185A78;white-space:nowrap}
.ao-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 12px;border-radius:999px;background:var(--blue);color:var(--navy);font-weight:700;font-size:14px}
.ao-chip button{border:0;background:rgba(19,36,56,.12);color:var(--navy);width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:800}
.ao-rolein{height:36px;border:1px dashed var(--field);border-radius:999px;padding:0 12px;font:inherit;font-size:14px;width:170px}
.ao-cur{font-family:var(--display);font-size:26px}.ao-curt{font-family:var(--display);font-size:34px;font-variant-numeric:tabular-nums}.ao-curt.over{color:var(--hi)}
.ao-queue{display:flex;flex-direction:column}
.ao-qrow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}.ao-qrow:last-child{border-bottom:0}
.ao-rk{font-weight:800;color:var(--muted)}
.ao-addin{height:40px;border:1px solid var(--field);border-radius:10px;padding:0 12px;font:inherit;flex:1;min-width:0}
.pill.lv-info{background:#DCEEF7;color:#185A78}
/* Scène 16:9 : ce que voit le groupe, à toute taille */
.ao-stage{container-type:inline-size;position:absolute;inset:0;background:var(--navy);color:#fff;overflow:hidden}
.ao-head{position:absolute;left:4cqw;top:3cqw;right:30cqw;display:flex;align-items:center;gap:1.4cqw;min-width:0}
.ao-head .mark{font-size:1.5cqw;gap:.8cqw}.ao-head .mark .ad{width:3.2cqw;height:2.8cqw;border-radius:.7cqw}
.ao-sess{font-size:1.4cqw;color:#C9D3E1;padding-left:1.4cqw;border-left:1px solid rgba(255,255,255,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ao-join{position:absolute;right:4cqw;top:2.2cqw;display:flex;align-items:center;gap:1.2cqw;font-size:1.3cqw;color:#C9D3E1;text-align:right}
.ao-join span:first-child{display:flex;flex-direction:column;gap:.2cqw}
.ao-join b{font-family:var(--display);font-size:2.6cqw;letter-spacing:.14em;color:var(--yellow);line-height:1}
.ao-qr{width:12cqw;height:12cqw;background:#fff;border-radius:1cqw;padding:.8cqw;display:flex}.ao-qr svg{width:100%;height:100%}
.ao-body{position:absolute;left:4cqw;right:4cqw;top:15.5cqw;bottom:4cqw;display:flex;flex-direction:column;gap:1.4cqw;overflow:hidden}
.ao-center{align-items:center;justify-content:center;text-align:center}
.ao-eb{font-size:1.6cqw;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.ao-eb.muted{color:#9FB0C8}
.ao-h{font-family:var(--display);font-size:4cqw;line-height:1.08;margin:0;color:#fff}
.ao-name{font-size:5.4cqw}
.ao-big{font-family:var(--display);font-size:13cqw;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.ao-big.sm{font-size:9cqw}
.ao-big.lv-warn{color:var(--yellow)}.ao-big.lv-end,.ao-big.over{color:#FF8A7A}
.ao-bar{width:60%;height:1cqw;border-radius:1cqw;background:rgba(255,255,255,.14);overflow:hidden}.ao-two .ao-bar{width:80%}
.ao-bar i{display:block;height:100%;background:var(--blue);transition:width .25s linear}.ao-bar i.warn{background:var(--yellow)}.ao-bar i.over{background:#FF8A7A}
.ao-meta{display:flex;gap:3cqw;font-size:1.8cqw;color:#C9D3E1}.ao-meta b{color:#fff;font-size:2.6cqw}
.ao-badge{display:inline-block;font-size:1.8cqw;font-weight:800;border-radius:999px;padding:.4cqw 1.6cqw}.ao-badge.warn{color:var(--navy);background:var(--yellow)}.ao-badge.end{color:#fff;background:#B42318}
.ao-paused{font-size:1.6cqw;color:#C9D3E1}
.ao-row{display:flex;align-items:baseline;gap:2cqw}.ao-sub{font-size:1.7cqw;color:#C9D3E1}
.ao-count{font-size:2cqw}.ao-count b{font-size:3.6cqw}
.ao-names{display:flex;flex-wrap:wrap;gap:.8cqw;justify-content:center;max-width:86%;max-height:16cqw;overflow:hidden}
.ao-names span{font-size:1.6cqw;background:rgba(255,255,255,.08);border-radius:999px;padding:.3cqw 1.2cqw}
.ao-grps{display:grid;gap:1.3cqw;align-content:start}.ao-grps.n1{grid-template-columns:1fr}.ao-grps.n2{grid-template-columns:repeat(2,1fr)}.ao-grps.n3{grid-template-columns:repeat(3,1fr)}.ao-grps.n4{grid-template-columns:repeat(4,1fr)}.ao-grps.n5{grid-template-columns:repeat(5,1fr)}
.ao-grp{background:rgba(255,255,255,.07);border-top:.4cqw solid var(--yellow);border-radius:1cqw;padding:1.1cqw 1.3cqw;display:flex;flex-direction:column;gap:.45cqw;min-width:0}
.ao-grp>b{font-family:var(--display);font-size:2.1cqw}
.ao-grp>span{display:flex;justify-content:space-between;gap:.6cqw;font-size:1.5cqw;border-radius:.4cqw;padding:0 .3cqw}
.ao-grp>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ao-grp i{font-style:normal;color:var(--yellow);font-weight:700;font-size:1.2cqw;white-space:nowrap}
.ao-grp>span.fresh{animation:aoFresh 3s ease-out}
.ao-two{display:grid;grid-template-columns:1.2fr 1fr;gap:4cqw;align-items:center}
.ao-col{display:flex;flex-direction:column;gap:1.2cqw;align-items:flex-start;min-width:0}
.ao-q{display:flex;gap:1.2cqw;align-items:center;background:rgba(255,255,255,.07);border-radius:1cqw;padding:.9cqw 1.4cqw;font-size:2cqw;width:100%}.ao-q b{color:var(--yellow);font-family:var(--display)}
/* Outils du lot 2 à l'écran : sondage éclair et nuage de mots, ligne d'opinion, tirage d'événements */
.ao-hq{font-size:3.4cqw}
.ao-bars{display:flex;flex-direction:column;gap:1.3cqw;margin-top:1cqw}
.ao-barrow{display:grid;grid-template-columns:34% minmax(0,1fr) 9cqw;gap:1.6cqw;align-items:center;font-size:2cqw}
.ao-barrow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ao-barrow b{text-align:right;font-variant-numeric:tabular-nums}
.ao-bart{height:2cqw;background:rgba(255,255,255,.12);border-radius:1cqw;overflow:hidden}.ao-bart i{display:block;height:100%;background:var(--yellow);border-radius:1cqw;transition:width .4s}
.ao-cloud{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:1cqw 2.4cqw;min-height:0;overflow:hidden}
.ao-cloud span{font-family:var(--display);font-weight:700;line-height:1.05;max-width:100%;overflow-wrap:anywhere;text-align:center}
.ao-live{margin-top:auto}
.ao-line{gap:1cqw}.ao-line .ao-hq{font-size:2.8cqw}
.ao-histo{display:flex;flex-direction:column;gap:.6cqw}
.ao-hl{font-size:1.5cqw;color:#C9D3E1}.ao-hl b{color:var(--yellow)}
.ao-hcols{display:grid;grid-template-columns:repeat(11,1fr);gap:.6cqw;align-items:end;height:11.5cqw;padding-top:2.6cqw}.ao-histo.tall .ao-hcols{height:20cqw}
.ao-hcol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:.3cqw;font-size:1.3cqw;min-width:0}
.ao-hcol i{display:block;width:100%;border-radius:.5cqw .5cqw 0 0;position:relative;transition:height .4s}.ao-hcol i.r1{background:rgba(201,211,225,.55)}.ao-hcol i.r2{background:var(--yellow)}
.ao-hcol em{position:absolute;left:50%;top:-4.4cqw;transform:translateX(-50%);font-style:normal;font-size:1.2cqw;color:inherit}.ao-hcol i.r1 em{color:#C9D3E1}.ao-hcol i.r2 em{color:var(--yellow)}
.ao-axis{display:flex;justify-content:space-between;gap:2cqw;font-size:1.5cqw;color:#C9D3E1;border-top:1px solid rgba(255,255,255,.25);padding-top:.6cqw}
.ao-med{font-size:1.8cqw}.ao-med b{color:var(--yellow)}
.ao-wait{margin:auto;font-size:2.2cqw;color:#C9D3E1;text-align:center}
.ao-cardback{width:24cqw;aspect-ratio:3/4;border-radius:2cqw;background:repeating-linear-gradient(45deg,#1d3550,#1d3550 1cqw,#132438 1cqw,#132438 2cqw);border:.4cqw solid var(--yellow);display:flex;align-items:center;justify-content:center}
.ao-cardback b{font-family:var(--display);font-size:3cqw;color:var(--yellow)}
.ao-evs{display:grid;gap:2cqw;width:100%;align-items:stretch}.ao-evs.n1{grid-template-columns:minmax(0,62cqw);justify-content:center}.ao-evs.n2{grid-template-columns:repeat(2,1fr)}.ao-evs.n3{grid-template-columns:repeat(3,1fr)}.ao-evs.n4{grid-template-columns:repeat(4,1fr)}.ao-evs.n5,.ao-evs.n6{grid-template-columns:repeat(3,1fr)}
.ao-ev{background:#fff;color:var(--navy);border-radius:2cqw;border-top:1cqw solid var(--yellow);padding:2.4cqw;min-height:22cqw;display:flex;flex-direction:column;gap:1.4cqw;justify-content:center;text-align:left}
.ao-evs.n5 .ao-ev,.ao-evs.n6 .ao-ev{min-height:13cqw;padding:1.6cqw}
.ao-ev span{font-size:1.4cqw;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#185A78}
.ao-ev b{font-family:var(--display);font-size:4.4cqw;line-height:1.15}.ao-ev.sm b{font-size:2.6cqw}.ao-ev.sm{justify-content:flex-start}.ao-evs.n5 .ao-ev b,.ao-evs.n6 .ao-ev b{font-size:2.1cqw}
.ao-ev.flip{animation:aoFlip .7s ease-out both}
@keyframes aoFlip{0%{transform:perspective(80cqw) rotateY(90deg);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ao-ev.flip{animation:none}.ao-bart i,.ao-hcol i{transition:none}}
/* Commandes du lot 2 */
.ao-minrow{gap:10px;flex-wrap:nowrap;align-items:center}.ao-minrow>span:first-child{font-weight:600;font-size:14px}
.ao-minrow input{width:76px;height:40px;border:1.5px solid #B7C2D3;border-radius:10px;padding:0 10px;font:inherit;background:#fff;color:var(--ink)}
.ao-opt{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}
.ao-opt input{height:40px;border:1.5px solid #B7C2D3;border-radius:10px;padding:0 12px;font:inherit;font-size:15px;font-weight:500;width:100%;background:#fff;color:var(--ink)}
.ao-opt .btn.icon{width:40px;height:40px}
.ao-rrow{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr) 84px;gap:10px;align-items:center;font-size:14px}.ao-rrow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ao-rrow b{text-align:right;font-variant-numeric:tabular-nums}
.ao-rbar{height:12px;background:var(--line-2);border-radius:6px;overflow:hidden}.ao-rbar i{display:block;height:100%;background:var(--blue)}
.ao-word.off{opacity:.5;text-decoration:line-through}
.ao-hrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2)}.ao-hrow:last-child{border-bottom:0}.ao-hrow>span:first-child{min-width:0}
.ao-decks{display:flex;flex-wrap:wrap;height:auto}.ao-decks .seg{height:auto;min-height:40px;padding:6px 14px;text-align:left}
.ao-deck{margin:0;padding:10px 14px 10px 34px;max-height:220px;overflow:auto;border:1px solid var(--line-2);border-radius:12px;font-size:14px;line-height:1.6;background:var(--soft)}
.ao-drawn{display:flex;flex-direction:column}.ao-drawn>div{padding:8px 0;border-bottom:1px solid var(--line-2);font-size:14px}.ao-drawn>div:last-child{border-bottom:0}.ao-drawn>div.cur{font-weight:600}
/* Écrans projetés chargés : pages et situation en grand */
.pj-pg{position:absolute;left:60px;bottom:14px;display:flex;align-items:center;gap:10px;font-size:clamp(14px,1.3vw,20px);font-weight:700;color:#C9D3E1;z-index:3}
.pj-pg i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.25);display:inline-block}.pj-pg i.on{background:var(--yellow)}
.pj-posts.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.pj-posts.fold .rich{display:none}
.pj-zoomov{position:absolute;inset:0;background:rgba(11,23,38,.74);display:flex;align-items:center;justify-content:center;padding:6% 10%;z-index:4}
.pj-zoom{background:#fff;color:var(--navy);border-top:10px solid var(--yellow);border-radius:24px;padding:clamp(24px,3vw,48px);width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.pj-zoom b{font-family:var(--display);font-size:clamp(32px,3.6vw,56px);line-height:1.1}.pj-zoom>span{font-weight:700;color:var(--muted);font-size:clamp(18px,1.8vw,28px)}.pj-zoom .rich{display:block;font-size:clamp(20px,2vw,32px);line-height:1.4}
html.cs-verre .pj-zoom{background:#1d3550;color:#fff;border-top:0;border-left:10px solid var(--yellow)}html.cs-verre .pj-zoom>span{color:#C9D3E1}
.an-zoom{background:#14263B;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.an-zoom[hidden]{display:none}
.an-zl{display:flex;flex-direction:column;max-height:220px;overflow:auto;border-radius:8px}
.an-zl button{display:flex;justify-content:space-between;gap:10px;align-items:center;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#E6ECF4;padding:8px 8px;text-align:left;font:inherit;font-size:14px;font-weight:600}
.an-zl button:hover{background:rgba(255,255,255,.06)}.an-zl button.on{background:rgba(77,180,232,.18);box-shadow:inset 3px 0 0 var(--blue)}.an-zl small{color:#9FB0C8;font-weight:600;white-space:nowrap}
/* Matrices collaboratives à l'écran */
.ao-mxb{gap:1cqw}.ao-mxh{font-size:2.6cqw}
.ao-mx{flex:1;display:grid;gap:1.2cqw;min-height:0}.ao-mx.q{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.ao-mx.n2{grid-template-columns:repeat(2,1fr)}.ao-mx.n3{grid-template-columns:repeat(3,1fr)}.ao-mx.n4{grid-template-columns:repeat(4,1fr)}
.ao-zn{background:rgba(255,255,255,.06);border-radius:1.2cqw;padding:1cqw 1.2cqw;display:flex;flex-direction:column;gap:.8cqw;min-height:0;min-width:0;overflow:hidden}
.ao-zn>b{font-family:var(--display);font-size:1.9cqw;color:#fff;display:flex;justify-content:space-between;align-items:baseline;gap:1cqw}.ao-zn>b span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao-zn>b small{font-family:var(--body);font-size:1.2cqw;color:#C9D3E1;font-weight:600;white-space:nowrap}
.ao-pts{display:flex;flex-wrap:wrap;gap:.8cqw;align-content:flex-start;align-items:flex-start}
.ao-pt{background:#fff;color:var(--navy);border-top:.35cqw solid var(--yellow);border-radius:.6cqw;padding:.8cqw 1.1cqw;font-size:1.75cqw;line-height:1.25;max-width:100%;position:relative;font-weight:600;overflow-wrap:anywhere}
.ao-mx.mid .ao-pt{font-size:1.4cqw;padding:.7cqw .9cqw}.ao-mx.dense .ao-pt{font-size:1.1cqw;padding:.5cqw .7cqw}
.ao-pt.best{outline:.3cqw solid var(--yellow);outline-offset:.15cqw}.ao-pt.dim{opacity:.5}
.ao-pt i{font-style:normal;display:inline-flex;gap:.25cqw;margin-left:.6cqw;vertical-align:middle}.ao-pt i s{width:.9cqw;height:.9cqw;border-radius:50%;background:var(--navy);display:inline-block;text-decoration:none}.ao-pt i u{text-decoration:none;font-weight:800;background:var(--navy);color:#fff;border-radius:999px;padding:0 .6cqw;font-size:1.1cqw}
.ao-pt em{position:absolute;top:-1cqw;left:-1cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--yellow);color:var(--navy);font-style:normal;font-weight:800;font-size:1.2cqw;display:flex;align-items:center;justify-content:center}
.ao-cnt{margin:auto;font-family:var(--display);font-size:4cqw;color:#fff;text-align:center;line-height:1}.ao-cnt small{display:block;font-family:var(--body);font-size:1.3cqw;color:#C9D3E1;margin-top:.6cqw}
.ao-pg{position:absolute;left:4cqw;bottom:1.2cqw;display:flex;align-items:center;gap:.7cqw;font-size:1.4cqw;font-weight:700;color:#C9D3E1}.ao-pg i{width:.8cqw;height:.8cqw;border-radius:50%;background:rgba(255,255,255,.25);display:inline-block}.ao-pg i.on{background:var(--yellow)}
.ao-pgrow{background:#EEF6FC;border-radius:10px;padding:8px 10px}
/* Jeux d'inclusion */
.ao-jst{justify-content:center;gap:2cqw}.ao-jc{font-family:var(--display);color:#fff;font-size:4.2cqw;line-height:1.15;display:flex;flex-direction:column;gap:1.4cqw}.ao-jc span{font-family:var(--body);font-size:1.9cqw;color:#C9D3E1;font-weight:500}
.ao-jtm{position:absolute;right:0;bottom:0;font-family:var(--display);font-size:5cqw;color:var(--yellow);font-variant-numeric:tabular-nums}.ao-jtm.end{color:#FF8A7A}
.ao-jkv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 14px;font-size:14px;margin:0}.ao-jkv dt{font-weight:700;color:var(--muted)}.ao-jkv dd{margin:0}
.ao-jsteps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;line-height:1.45;font-size:14px}
.ao-jgames{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ao-jgm{border:1.5px solid var(--line-2);border-radius:14px;padding:12px 14px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:6px;color:var(--navy);font:inherit}
.ao-jgm:hover{border-color:#B7C2D3}.ao-jgm.on{border-color:var(--blue);background:#EEF6FC;box-shadow:inset 0 0 0 1px var(--blue)}
.ao-jgm b{font-size:15px}.ao-jobj{font-size:13px;color:var(--ink-2);line-height:1.4}.ao-jfav{color:#B98A00}
.ao-jmeta{display:flex;flex-wrap:wrap;gap:6px}.ao-jmeta span{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--line-2);color:var(--navy)}.ao-jmeta .lk{background:#DCEEF7;color:#185A78}
/* Matrices : commandes */
.ao-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ao-steps button{border:1.5px solid #B7C2D3;background:#fff;border-radius:12px;min-height:56px;padding:6px 10px;text-align:left;color:var(--navy);font-weight:700;font-size:14px;line-height:1.25}
.ao-steps button small{display:block;font-weight:600;color:var(--muted);font-size:12px}.ao-steps button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.ao-steps button.on small{color:#C9D3E1}.ao-steps button.done small{color:var(--ok)}
.ao-zh{font-weight:800;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}
.ao-nrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px) 40px;gap:8px;align-items:center}.ao-nrow.sel{grid-template-columns:22px minmax(0,1fr) minmax(0,190px) 40px}
.ao-nrow input:not([type=checkbox]),.ao-nrow select{height:40px;border:1.5px solid #B7C2D3;border-radius:10px;padding:0 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink);width:100%;min-width:0}
.ao-nrow .btn.icon{width:40px;height:40px}.ao-nrow.hid input:not([type=checkbox]){text-decoration:line-through;opacity:.55}
.ao-msel{width:20px;height:20px;accent-color:#4DB4E8}
.ao-vrow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:14px}.ao-vrow b{white-space:nowrap}
.ao-zin{height:40px;border:1.5px solid #B7C2D3;border-radius:10px;padding:0 10px;font:inherit;font-size:14px;width:160px;background:#fff;color:var(--ink)}
@media (max-width:700px){.ao-steps{grid-template-columns:repeat(2,1fr)}.ao-nrow{grid-template-columns:minmax(0,1fr) 40px}.ao-nrow select{grid-column:1}.ao-nrow.sel{grid-template-columns:22px minmax(0,1fr) 40px}.ao-nrow.sel select{grid-column:2}}
/* Style des cartes projetées : « verre » (texte blanc sur fond translucide, filet jaune à gauche) */
.cs-pick{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px;font-size:12px;font-weight:700;color:#C9D3E1;white-space:nowrap}
.cs-pick>span{padding:0 6px 0 8px}.cs-pick button{border:0;background:transparent;color:#fff;border-radius:999px;height:28px;padding:0 10px;font-weight:700;font-size:12px}.cs-pick button.on{background:#fff;color:var(--navy)}
html.cs-verre .pj-post{background:rgba(255,255,255,.1);color:#fff;border-top:0;border-left:6px solid var(--yellow)}html.cs-verre .pj-post>span{color:#C9D3E1}html.cs-verre .pj-post .rich{color:#E6ECF4}
html.cs-verre .postit{border-top:1px solid #E3E8EF;border-left:4px solid var(--yellow)}
html.cs-verre .ao-pt{background:rgba(255,255,255,.12);color:#fff;border-top:0;border-left:.35cqw solid var(--yellow)}html.cs-verre .ao-pt i s{background:var(--yellow)}html.cs-verre .ao-pt i u{background:var(--yellow);color:var(--navy)}
html.cs-verre .ao-ev{background:rgba(255,255,255,.1);color:#fff;border-top:0;border-left:1cqw solid var(--yellow)}html.cs-verre .ao-ev span{color:#C9D3E1}
/* Écran projeté d'un outil */
.ao-proj{min-height:100vh;background:#0B1726;display:flex;align-items:center;justify-content:center}
.ao-proj-in{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9}
.ao-sound{position:fixed;right:14px;bottom:14px;height:40px;border-radius:999px;border:0;background:var(--yellow);color:var(--navy);font-weight:800;padding:0 16px;z-index:5}
.ao-gone{color:#C9D3E1;font-size:20px}
@media (max-width:900px){.ao-ws{grid-template-columns:minmax(0,1fr)}.ao-right{order:-1}}
/* Poste d'animation : outil à l'écran */
.an-toolbar{background:#fff;border:2px solid var(--blue);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.an-toolbar .card{border:0;padding:0;background:none}.an-toolbar .ao-card+.ao-card{border-top:1px solid var(--line-2);border-radius:0;padding-top:14px}
.an-menu[hidden]{display:none}
.an-menu{position:absolute;top:44px;right:0;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 12px 30px rgba(11,23,38,.3);padding:8px;width:280px;z-index:30;display:flex;flex-direction:column}
.an-menu button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:10px;font-weight:700;color:var(--navy);font-size:14px}.an-menu button:hover,.an-menu button:focus-visible{background:var(--line-2)}
.an-tb.on2{background:#fff;color:var(--navy)}
.an-tb.an-icb{width:36px;padding:0;justify-content:center}
.tlp-s{display:none}
@media (max-width:1180px){.ao-right .tlp-l{display:none}.ao-right .tlp-s{display:inline}}
/* Téléphones : outil par-dessus la page de l'atelier */
.tj-over{position:fixed;inset:0;z-index:60;background:var(--bg);overflow:auto}
.tj-hide{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;height:34px;padding:0 12px;font-weight:700;font-size:13px}
.tj-mini{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--navy)}
.tj-minibar{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;color:#fff;font:inherit;font-size:14px;min-height:44px;text-align:left}
.tj-minibar b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tj-minibar #tjMini{font-family:var(--display);font-size:20px;font-variant-numeric:tabular-nums}
.tj-open{background:var(--yellow);color:var(--navy);border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px}
.tj-big{font-family:var(--display);font-size:56px;line-height:1;font-variant-numeric:tabular-nums;color:var(--navy)}.tj-big.lv-warn{color:#7A4A00}.tj-big.lv-end{color:var(--hi)}
.tj-big sup{font-size:22px}
.tj-chrono{align-items:center;text-align:center;gap:8px}
.tj-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.tj-tables .btn{height:52px}
.tj-done{height:56px;border-radius:14px;font-size:17px}
.tj-role{background:#DCEEF7;color:#185A78}
/* Téléphones : matrices collaboratives */
.tj-zones{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tj-zones .btn{min-height:48px;height:auto;padding:8px 10px;white-space:normal;line-height:1.25;font-size:14px}.tj-zones .btn.on{background:var(--blue);border-color:var(--blue);color:var(--navy)}
.tj-mine{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:12px;padding:8px 8px 8px 12px;font-size:14px}.tj-mine small{display:block;color:var(--muted);font-weight:700;font-size:12px}
.tj-mine .btn{width:44px;height:44px;padding:0;flex:none}
.tj-ptz{font-weight:800;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.tj-pt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:12px;padding:8px 12px;font:inherit;font-size:15px;text-align:left;color:var(--navy)}
.tj-pt.on{border-color:var(--blue);border-top-color:var(--yellow);background:#EEF6FC;box-shadow:inset 0 0 0 1px var(--blue)}.tj-pt b{flex:none;font-size:15px;letter-spacing:.1em}
.tj-ptrow{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;align-items:center}.tj-ptrow .tj-pt{cursor:default}.tj-ptrow .btn{width:44px;height:44px;padding:0;font-size:20px}

/* Téléphones : sondage, ligne d'opinion, tirage */
.tj-opts{display:flex;flex-direction:column;gap:10px}
.tj-opts .btn{min-height:52px;height:auto;padding:10px 16px;border-radius:14px;font-size:16px;justify-content:flex-start;text-align:left;white-space:normal;line-height:1.3}
.tj-opts .btn.on{background:var(--blue);border-color:var(--blue);color:var(--navy)}
.tj-opts .btn .tj-tick{margin-left:auto;font-weight:800}
.tj-val{align-self:center;min-width:72px;text-align:center;font-family:var(--display);font-size:40px;line-height:1;padding:8px 14px;border-radius:999px;background:var(--navy);color:#fff;font-variant-numeric:tabular-nums}
.tj-range{width:100%}
.tj-ends{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-top:-4px}.tj-ends span{max-width:48%}.tj-ends span:last-child{text-align:right}.tj-ends b{display:block;color:var(--navy);font-size:15px}
.tj-words{display:flex;flex-wrap:wrap;gap:8px}.tj-words span{background:#DCEEF7;color:#185A78;border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px}
.tj-ev{background:#fff;border:1px solid var(--line);border-top:5px solid var(--yellow);border-radius:14px;padding:16px;font-family:var(--display);font-size:22px;line-height:1.25;color:var(--navy)}


/* Curseurs, partout dans l'appli : grosse poignée jaune au centre bleu marine, partie parcourue en bleu marine (--p : position, en %) */
input[type=range]{-webkit-appearance:none;appearance:none;height:44px;background:transparent;margin:0;cursor:pointer;--p:50%}
input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(77,180,232,.45),0 2px 6px rgba(19,36,56,.3)}
input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(to right,var(--navy) var(--p),#D5DCE6 var(--p))}
input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:#D5DCE6}input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--navy)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle,var(--navy) 0 30%,var(--yellow) 33%);box-shadow:0 2px 6px rgba(19,36,56,.3);margin-top:-12px}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle,var(--navy) 0 30%,var(--yellow) 33%);box-shadow:0 2px 6px rgba(19,36,56,.3)}

/* 2.12 : sous la barre d'une dimension (score, groupe partagé, évolution) ; question de contexte au curseur */
.res-extra{display:flex;flex-wrap:wrap;gap:6px;padding-left:2px}.res-extra .pill{background:var(--line-2);color:var(--navy)}.res-extra .pill.lv-info{background:#DCEEF7;color:#185A78}
.pj-extra{display:flex;flex-wrap:wrap;gap:10px}.pj-extra .pill{font-size:clamp(13px,1.2vw,18px);padding:4px 12px;background:rgba(255,255,255,.12);color:#E6ECF4}.pj-extra .pill.lv-info{background:#DCEEF7;color:#185A78}
.ctx-hist{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;height:110px;align-items:end}
.ctx-hist span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.ctx-hist i{display:block;width:100%;min-height:2px;background:var(--blue);border-radius:6px 6px 0 0}
.ctx-hist b{font-size:12px;color:var(--muted);font-weight:700}
.p-sval{align-self:center;background:var(--navy);color:#fff;font-weight:800;border-radius:999px;padding:4px 14px;font-size:15px}
.pos-row{display:flex;flex-direction:column;gap:6px}
.pos-bar{position:relative;height:10px;border-radius:999px;background:var(--line-2)}.pos-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--blue)}.pos-bar em{position:absolute;top:-4px;width:3px;height:18px;margin-left:-1px;background:var(--navy);border-radius:2px}

/* ---------- Travail en sous-groupes (2.12) ---------- */
.sg-fmts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.sg-fmt{border:1.5px solid var(--line-2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#fff;text-align:left;cursor:pointer;color:var(--navy)}
.sg-fmt b{font-family:var(--display);font-size:16px}.sg-fmt span{font-size:13px;color:var(--ink-2);line-height:1.4}
.sg-fmt.on{background:#EEF6FC;border-color:var(--blue)}.sg-fmt:disabled{opacity:.5;cursor:not-allowed}
.sg-segs{display:flex;flex-wrap:wrap}.sg-segs .seg{flex:1 1 auto;white-space:normal;line-height:1.15;min-height:40px;height:auto;padding:6px 12px}
.sg-grow{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.sg-grow:first-of-type{border-top:0;padding-top:0}
.sg-grow>b{font-family:var(--display);font-size:16px}
.sg-line{display:flex;flex-direction:column;gap:2px;font-size:14px}.sg-line span{color:var(--ink-2)}
.sg-ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}
.sg-mem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.sg-mname{font-weight:700;min-width:0;overflow-wrap:anywhere}.sg-roles{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.sg-move{height:40px;max-width:100%}.sg-mem .btn{justify-self:end}
.sg-alea{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#F4F6FA;border-radius:10px;padding:8px 10px}
.sg-clockbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.sg-clockbar>.stack{flex:1 1 260px}
.sg-time{font-family:var(--display);font-size:44px;line-height:1;color:var(--navy);min-width:120px;text-align:center}.sg-time.over{color:#B93A2B}
.sg-slot{display:flex;flex-direction:column;gap:6px}.sg-sl{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.sg-sl i{font-style:normal;display:inline-flex;min-width:20px;height:20px;border-radius:10px;background:var(--line-2);color:var(--navy);align-items:center;justify-content:center;font-size:11px;margin-left:4px;padding:0 6px}
.sg-entry{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border:1.5px solid var(--line-2);border-radius:10px;padding:8px 10px;background:#fff;font-size:14px}
.sg-entry>span:first-child{min-width:0;overflow-wrap:anywhere}.sg-entry.open{border-color:#E0A33A}
.sg-champ{border:1.5px solid var(--line-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#fff;flex:1;min-width:0}
.sg-champ>b{font-size:15px}.sg-ax{font-size:13px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px}.sg-ax span{font-weight:700;color:var(--muted)}
.sg-cross{border-collapse:collapse;width:100%;font-size:14px}.sg-cross th,.sg-cross td{border:1px solid var(--line);padding:8px 10px;text-align:center}
.sg-cross th span{font-weight:600;color:var(--muted);font-size:12px}.sg-cross td b{font-family:var(--display);font-size:22px}.sg-cross td.self{color:var(--faint);background:#F7F9FC;font-size:12px}
.sg-cross.dark{font-size:clamp(16px,1.6vw,24px);color:#fff}.sg-cross.dark th,.sg-cross.dark td{border-color:rgba(255,255,255,.18);padding:14px}
.sg-cross.dark th span{color:#C9D3E1;font-size:clamp(13px,1.1vw,17px)}.sg-cross.dark td b{font-size:clamp(28px,3vw,48px);color:var(--yellow)}.sg-cross.dark td.self{background:rgba(255,255,255,.04);color:#8FA0B8}
.sg-pyr{display:flex;flex-direction:column-reverse;align-items:center;gap:8px}
.sg-fl{border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;background:#F4F6FA;border:1.5px solid var(--line-2);box-sizing:border-box}
.sg-fl b{font-family:var(--display);font-size:16px;display:flex;gap:10px;align-items:center}
.sg-fl b i{font-style:normal;flex:0 0 26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.sg-fl ul{margin:0;padding-left:22px;font-size:14px;line-height:1.4}.sg-fl.lock{opacity:.4}
.sg-pyr.dark .sg-fl{background:rgba(255,255,255,.08);border-color:transparent;color:#fff;padding:clamp(10px,1vw,16px) clamp(14px,1.4vw,24px)}
.sg-pyr.dark .sg-fl b{font-size:clamp(17px,1.6vw,26px)}.sg-pyr.dark .sg-fl b i{flex-basis:clamp(26px,2.2vw,36px);height:clamp(26px,2.2vw,36px);font-size:clamp(14px,1.2vw,19px)}
.sg-pyr.dark .sg-fl ul{font-size:clamp(14px,1.25vw,20px);color:#E6ECF4}.sg-pyr.dark .sg-fl.lock{opacity:.3}
.sg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sg-col{background:#F4F6FA;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.sg-col ul{margin:0;padding-left:20px}
.sg-col.synth{grid-column:1/-1;background:#EEF6FC}
.sg-show2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}
.sg-scenhead{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.sg-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,1.2vw,20px)}
.sg-pg{background:rgba(255,255,255,.07);border-radius:14px;padding:clamp(12px,1.2vw,20px);display:flex;flex-direction:column;gap:8px}
.sg-pg b{font-family:var(--display);font-size:clamp(18px,1.7vw,28px)}.sg-pg span{color:#C9D3E1;font-size:clamp(14px,1.2vw,19px)}.sg-pg em{font-style:normal;font-weight:700;color:#E6ECF4;font-size:clamp(14px,1.2vw,19px)}
.sg-stp{display:flex;gap:6px}.sg-stp i{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.18)}.sg-stp i.on{background:var(--yellow)}
.sg-ptime{font-family:var(--display);font-size:clamp(44px,5vw,84px);line-height:1;color:var(--yellow)}.sg-ptime.over{color:#FF9A8B}
.sg-cols.dark .sg-col{background:rgba(255,255,255,.08);color:#fff;font-size:clamp(14px,1.25vw,20px)}.sg-cols.dark .sg-col.synth{background:rgba(77,180,232,.18)}.sg-cols.dark .sg-sl{color:#C9D3E1;font-size:clamp(12px,1vw,16px)}.sg-cols.dark .muted{color:#8FA0B8}
.sg-show2.dark .sg-entry,.sg-show2.dark .sg-champ{background:rgba(255,255,255,.08);border-color:transparent;color:#fff;font-size:clamp(14px,1.2vw,19px)}.sg-show2.dark .sg-sl,.sg-show2.dark .sg-ax span,.sg-show2.dark .muted{color:#C9D3E1}.sg-show2.dark .sg-entry.open{border-color:#E0A33A}
.sg-scenhead.dark{font-size:clamp(16px,1.5vw,24px);color:#E6ECF4}.sg-scenhead.dark b{color:var(--yellow)}
@media (max-width:980px){.sg-show2{grid-template-columns:minmax(0,1fr)}.sg-ax{grid-template-columns:minmax(0,1fr)}}
/* Sous-groupes, téléphone */
.sg-phead{background:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;border-left:5px solid var(--yellow)}
.sg-phead>b{font-family:var(--display);font-size:20px;line-height:1.2}
.sg-prole{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:14px}.sg-prole b{font-size:15px}.sg-prole span{color:var(--ink-2)}
.sg-pslot{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.sg-pslot.cur{border-color:var(--blue);background:#EEF6FC}.sg-pslot.lock{opacity:.55}.sg-pslot .dc-mine{background:#F4F6FA}.sg-pslot.cur .dc-mine{background:#fff}
.sg-pslot>.sg-sl{text-transform:none;letter-spacing:0;font-size:14px;color:var(--navy);line-height:1.35}
.sg-lockline{font-size:13px;font-weight:700;color:var(--muted)}
.sg-pobj{background:var(--navy);color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.4}.sg-pobj>.small{color:var(--yellow);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.sg-rubs{display:flex;gap:4px}.sg-rubs button{flex:0 1 44px;min-width:0;height:44px;border-radius:22px;padding:0;border:1.5px solid var(--line);background:#fff;font-weight:700;color:var(--navy);cursor:pointer;font:inherit;font-weight:700}
.sg-rubs button.ok{border-color:var(--blue)}.sg-rubs button.on{background:#EEF6FC;border-color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}
.sg-imp{border-left:3px solid var(--blue)!important}
.note[hidden]{display:none}
.syn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.syn-g{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.syn-g>b{font-family:var(--display);font-size:17px}
.syn-k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.syn-li{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4}.syn-li .btn.icon{flex-shrink:0;color:var(--muted)}
.proj .syn-grid.dark{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:2.4vh 28px}.proj .syn-grid.dark .syn-g{border-color:rgba(255,255,255,.2)}.proj .syn-grid.dark .syn-g>b{font-size:clamp(22px,2.2vw,34px);color:var(--yellow)}.proj .syn-grid.dark .syn-k{font-size:clamp(13px,1.1vw,17px);color:#C9D3E1}.proj .syn-grid.dark .syn-li{font-size:clamp(17px,1.6vw,25px)}
.syn-gs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sg-rub{display:grid;grid-template-columns:24px minmax(0,1fr) 40px;gap:8px;align-items:center}.sg-rub>b{font-size:13px;color:var(--muted);text-align:center}.sg-rub .input{height:40px}.sg-rub .btn.icon{height:40px;width:40px;color:var(--muted)}
.sg-src{display:flex;justify-content:space-between;gap:12px;text-align:left;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer;font:inherit;color:inherit;width:100%}.sg-src.on{background:#EEF6FC;border-color:var(--blue)}.sg-src>.small{align-self:center;text-align:right;max-width:45%}
.sg-map{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 86px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2)}.sg-map:last-child{border-bottom:0}.sg-map .input{height:40px}.sg-map .pill{justify-self:end}
@media (max-width:640px){.sg-map{grid-template-columns:minmax(0,1fr)}.sg-map>span[aria-hidden]{display:none}.sg-map .pill{justify-self:start}}
.sg-add{display:flex;flex-direction:column;gap:8px}.sg-add .btn{align-self:flex-start}
.dc-ta.sg-short{min-height:64px}
.sg-pt{font-family:var(--display);font-size:26px;line-height:1}
.sg-tsegs{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}.sg-tsegs .seg{flex:1 1 auto;min-height:40px;height:auto;padding:6px 10px;white-space:normal;line-height:1.15;font-size:14px}
.sg-pe{display:flex;flex-direction:column;gap:8px}

/* ---------- Prise en main (générale et par outil) : panneau bleu marine, texte, progression ---------- */
.modal.obw{width:min(800px,100%);padding:0;overflow:auto;border-radius:22px}.modal.obw.gen{width:min(1000px,100%)}
.obm{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:450px}
.obm>aside{background:var(--navy);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.obm .ob-ic{width:84px;height:84px;border-radius:18px;background:rgba(255,204,0,.14);display:flex;align-items:center;justify-content:center;color:var(--yellow)}
.obm .ob-cnt{font-family:var(--display);font-size:44px;line-height:1}.obm .ob-cnt small{font-size:17px;color:#C9D3E1;font-family:var(--body);font-weight:600}
.obm>section{padding:22px 26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ob-eb{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);line-height:1.3}
.ob-body{display:flex;flex-direction:column;gap:12px}.ob-body h2{font-size:26px;margin:0}
.ob-body p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}.ob-body ul{margin:0;padding-left:20px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.ob-note{background:#EEF6FC;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.ob-dots{display:flex;gap:6px}.ob-dots i{width:8px;height:8px;border-radius:99px;background:#D5DCE6}.ob-dots i.on{width:26px;background:var(--navy)}
.ob-foot{margin-top:auto;border-top:1px solid var(--line-2);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.btn.ob-skip{border-color:transparent;background:none;color:var(--muted)}
/* ---------- Accueil ---------- */
.hm-hello{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:stretch}
.hm-eb{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.hm-h1{font-family:var(--display);font-size:38px;line-height:1.1;margin:0}
.hm-sit{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.hm-qa{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.hm-cardt{font-family:var(--display);font-size:18px}.hm-link{color:#185A78;font-weight:700}
.hm-res{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}.hm-res:last-child{border-bottom:0}.hm-res b{font-size:15px;line-height:1.3}
.hm-note{background:#EEF6FC;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.hm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hm-step{border:1.5px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start;font:inherit;font-size:14px;font-weight:600;background:#fff;color:var(--navy);text-align:left;cursor:pointer;min-height:44px}
.hm-step i{flex:0 0 24px;height:24px;border-radius:50%;border:1.5px solid var(--field);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800}
.hm-step.done{color:var(--muted)}.hm-step.done i{background:var(--blue);border-color:var(--blue);color:var(--navy)}
.hm-sech{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}.hm-sech h2{font-size:24px;margin:0}
.hm-filters{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
.hm-filters .tl-search{flex:1 1 180px;min-width:160px;max-width:300px}.hm-filters .segs{flex-shrink:0;padding:3px;gap:3px}.hm-filters .seg{height:38px;padding:0 14px}.hm-filters .input{height:44px}.hm-th{flex:0 0 210px;height:44px}.hm-famsel{display:none;flex:0 0 240px;height:44px}
@media (max-width:1240px){.hm-segs{display:none!important}.hm-famsel{display:block}}
.hm-famt{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:17px;margin:6px 0 -2px}.hm-famt i{width:10px;height:10px;border-radius:50%;display:inline-block}.hm-famt>span:last-child{font-family:var(--body);font-size:13px;color:var(--muted);font-weight:600}
.hm-starc{color:#E0B400;line-height:0}
.hm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-tile{background:#fff;border:1px solid var(--line-2);border-top:4px solid var(--navy);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer;min-height:150px}
.hm-tile:hover{border-color:var(--blue)}
.hm-ttop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.hm-ttop b{font-size:15px;line-height:1.25}
.hm-tile p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-tfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
.hm-star{border:0;background:none;padding:4px;margin:-4px;color:#B7C2D3;line-height:0;cursor:pointer;flex-shrink:0;border-radius:8px}.hm-star.on{color:#E0B400}.hm-star:hover{color:var(--navy)}
.hm-more{display:flex;justify-content:center;gap:8px;align-items:center;border:1px dashed var(--line);background:#fff;border-radius:14px;padding:10px 16px;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;width:100%}
.hm-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;box-shadow:-10px 0 30px rgba(19,36,56,.18);z-index:61;padding:22px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.hm-fold{background:#fff;border:1px solid var(--line-2);border-radius:14px;display:flex;flex-direction:column}.hm-fold.open{padding-bottom:16px}.hm-fold .grid3{padding:0 16px}
.hm-foldb{display:flex;align-items:center;gap:10px;background:none;border:0;padding:14px 16px;font:inherit;color:var(--navy);text-align:left;cursor:pointer;width:100%}.hm-foldb .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hm-foldb b{flex:1}
@media (max-width:1100px){.hm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-hello{grid-template-columns:minmax(0,1fr)}.hm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.hm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-h1{font-size:30px}}
@media (max-width:520px){.hm-tiles,.hm-steps{grid-template-columns:minmax(0,1fr)}.hm-filters{flex-wrap:wrap}.hm-filters .tl-search,.hm-th{flex:1 1 100%}.hm-segs{max-width:100%;overflow-x:auto}}
/* ---------- 2.14 · Situations-problèmes ---------- */
.sp-dots{display:inline-flex;gap:4px;margin-top:6px}.sp-dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2);border:1.5px solid var(--line)}.sp-dots i.on{background:var(--blue);border-color:var(--blue)}
.pill.sp-g0{background:#F1F8EC;color:#3F6B1C}.pill.sp-g1{background:#FDE3C8;color:#8A4300}.pill.sp-g2{background:#FBCFA9;color:#7A2E00}.pill.sp-g3{background:var(--hi-bg);color:var(--hi)}
.sp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.sp-card{border:1.5px solid var(--line-2);border-radius:14px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.sp-card header{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.sp-card header b{font-family:var(--display);font-size:18px;line-height:1.2}.sp-card header span{font-size:13px;color:var(--muted)}
.sp-r{display:flex;flex-direction:column;gap:2px;font-size:14px}.sp-r>span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sp-r p{margin:0;white-space:pre-line;overflow-wrap:anywhere}.sp-r.sub{padding-left:10px;border-left:3px solid var(--line-2)}.sp-r.sub>span{text-transform:none;letter-spacing:0;font-size:12px}
.sp-facs{display:flex;flex-wrap:wrap;gap:6px}.sp-facs em{font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#EEF6FC;color:var(--navy)}
.sp-card.dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}.sp-card.dark header b{font-size:clamp(18px,1.6vw,26px)}.sp-card.dark header span,.sp-card.dark .sp-r>span{color:#C9D3E1}.sp-card.dark .sp-r{font-size:clamp(13px,1.1vw,18px)}.sp-card.dark .sp-facs em{background:rgba(77,180,232,.22);color:#fff}.sp-card.dark .sp-r.sub{border-color:rgba(255,255,255,.2)}
.sp-cards.n3 .sp-card.dark .sp-r{font-size:clamp(12px,.95vw,16px)}
.sp-causes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sp-facf{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.sp-facf legend{margin-bottom:8px;font-weight:700}
.sp-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-levels>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sp-grav{display:grid;grid-template-columns:140px repeat(4,minmax(0,1fr));gap:6px;align-items:center}
.sp-grav .h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}.sp-grav .pl{font-weight:700;font-size:14px}
.sp-grav button{height:40px;border-radius:10px;border:1.5px solid #B7C2D3;background:#fff;font:inherit;font-weight:700;font-size:13px;color:var(--navy);cursor:pointer;padding:0 6px}
.sp-grav button:hover{border-color:var(--blue)}.sp-grav button.on{background:#EEF6FC;border-color:var(--blue)}
.sp-du td{vertical-align:top}
.sp-prow{display:grid;grid-template-columns:minmax(0,18%) minmax(0,42%) minmax(0,26%) minmax(0,14%);gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:clamp(15px,1.4vw,22px)}
.sp-prow.h{font-size:clamp(11px,.9vw,14px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#C9D3E1;padding-top:0}.sp-prow .f{color:#C9D3E1;font-size:clamp(13px,1.1vw,17px)}.sp-prow .pill{font-style:normal;font-size:clamp(13px,1.2vw,18px)}
@media (max-width:760px){.sp-causes,.sp-facf,.sp-levels{grid-template-columns:minmax(0,1fr)}.sp-grav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sp-grav>span:first-child,.sp-grav .h{display:none}.sp-grav .pl{grid-column:1/-1;margin-top:6px}}
/* ---------- 2.14 · RPS-DU ---------- */
.pill.rd-l0{background:var(--ok-bg);color:var(--ok)}.pill.rd-l1{background:#F1F8EC;color:#3F6B1C}.pill.rd-l2{background:#FDE3C8;color:#8A4300}.pill.rd-l3{background:var(--hi-bg);color:var(--hi)}
.rd-tab{flex-shrink:0;height:40px;padding:0 14px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--navy);cursor:pointer;white-space:nowrap}.rd-tab:hover{border-color:var(--blue)}.rd-tab.on{background:#EEF6FC;border-color:var(--blue)}
.rd-prog{height:8px;border-radius:4px;background:var(--line-2);overflow:hidden;width:120px;margin-bottom:4px}.rd-prog i{display:block;height:100%;background:var(--blue)}
.rd-cote{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.rd-qt{font-family:var(--display);font-size:24px;line-height:1.25;margin:0}
.rd-cotes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rd-cotes button{height:46px;border-radius:10px;border:1.5px solid #B7C2D3;background:#fff;font:inherit;font-weight:700;font-size:15px;color:var(--navy);cursor:pointer}.rd-cotes button:hover{border-color:var(--blue)}.rd-cotes button.on{background:#EEF6FC;border-color:var(--blue)}
.rd-fnav{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}.rd-fnav>span{font-size:12px;font-weight:700;color:var(--muted)}.rd-fnav>div{display:flex;flex-wrap:wrap;gap:4px}
.rd-qb{position:relative;width:34px;height:34px;border-radius:8px;border:1.5px solid #B7C2D3;background:#fff;font:inherit;font-weight:700;font-size:13px;color:var(--navy);cursor:pointer;padding:0}.rd-qb.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--blue)}
.rd-qb.l0{background:var(--ok-bg);border-color:#9AD1B5}.rd-qb.l1{background:#F1F8EC;border-color:#BFDCA8}.rd-qb.l2{background:#FDE3C8;border-color:#F0B987}.rd-qb.l3{background:var(--hi-bg);border-color:#EBA79C}
.rd-qb i{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--navy);border:2px solid #fff}
.rd-dist{display:flex;flex-direction:column;gap:6px}.rd-dist>div{display:grid;grid-template-columns:72px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:13px}.rd-bar{height:10px;border-radius:5px;background:var(--line-2);overflow:hidden}.rd-bar i{display:block;height:100%;background:var(--blue)}
.rd-hm th,.rd-hm td{text-align:center}.rd-hm th:first-child,.rd-hm tbody th{text-align:left}
.rd-cell{padding:4px!important}.rd-cell button{width:100%;min-height:40px;border:0;border-radius:8px;background:transparent;font:inherit;font-weight:800;font-size:12px;color:inherit;cursor:pointer}
.rd-cell.rd-l0{background:var(--ok-bg);color:var(--ok)}.rd-cell.rd-l1{background:#F1F8EC;color:#3F6B1C}.rd-cell.rd-l2{background:#FDE3C8;color:#8A4300}.rd-cell.rd-l3{background:var(--hi-bg);color:var(--hi)}
.rd-det{display:grid;grid-template-columns:minmax(0,1fr) 80px 110px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:14px}.rd-det:last-child{border-bottom:0}.rd-det .pill{justify-self:end}
.rd-lib{display:block;width:100%;text-align:left;border:1.5px solid var(--line-2);border-radius:10px;background:#fff;padding:8px 10px;font:inherit;font-size:13px;color:var(--navy);cursor:pointer}.rd-lib:hover{border-color:var(--blue);background:#EEF6FC}
.rd-plan td{vertical-align:top}.rd-plan select.input{min-width:130px}
.rd-pans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2vw;margin-top:auto}.rd-pans>div{background:rgba(255,255,255,.08);border-radius:14px;padding:1.4vw;text-align:center;display:flex;flex-direction:column;gap:6px}.rd-pans b{font-size:clamp(18px,1.8vw,30px)}.rd-pans span{font-size:clamp(14px,1.2vw,20px);color:#C9D3E1}
.rd-phm{width:100%;border-collapse:separate;border-spacing:6px;font-size:clamp(13px,1.15vw,19px)}.rd-phm th{color:#C9D3E1;font-weight:700;text-align:center}.rd-phm tbody th{text-align:left;color:#fff}.rd-phm td{border-radius:10px;text-align:center;padding:10px 6px;font-weight:800;background:rgba(255,255,255,.06)}
.rd-phm td.rd-l0{background:#E3F4EC;color:#1C6B47}.rd-phm td.rd-l1{background:#F1F8EC;color:#3F6B1C}.rd-phm td.rd-l2{background:#FDE3C8;color:#8A4300}.rd-phm td.rd-l3{background:#FDE2DE;color:#A3220F}
.rd-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rd-pick button{min-height:56px;border-radius:12px;border:1.5px solid #B7C2D3;background:#fff;font:inherit;font-weight:800;font-size:17px;color:var(--navy);cursor:pointer}.rd-pick button.on{background:#EEF6FC;border-color:var(--blue)}
@media (max-width:1100px){.rd-cote{grid-template-columns:minmax(0,1fr)}}
/* ---------- 2.14 · Espace de discussion sur le travail ---------- */
.pill.ed-etude{background:#FDE3C8;color:#8A4300}
.ed-cyc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ed-cy{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--line-2);border-radius:12px;padding:10px}.ed-cy .input{height:40px}
.ed-warn{background:#fff;border:1px solid var(--line-2);border-left:4px solid #E0A33A;border-radius:10px;padding:10px 14px;font-size:14px}
.ed-rule{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.ed-rule .input{height:44px}
.ed-ph .seg{flex:1 1 auto}
.ed-subj{display:grid;grid-template-columns:minmax(0,1fr) 34px auto;gap:10px;align-items:center;border:1.5px solid var(--line-2);border-radius:12px;padding:8px 10px;background:#fff}.ed-subj.on{background:#EEF6FC;border-color:var(--blue)}.ed-subj.hid{opacity:.6}
.ed-st{border:0;background:transparent;text-align:left;font:inherit;color:var(--navy);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:0;min-width:0}.ed-st b{font-size:15px;overflow-wrap:anywhere}
.ed-dots{min-width:30px;height:30px;border-radius:15px;background:var(--yellow);color:var(--navy);font-weight:800;display:inline-grid;place-items:center;font-size:14px}.ed-dots:empty{background:transparent}
.ed-clock{font-family:var(--display);font-size:26px;color:var(--navy)}.ed-clock.over{color:var(--hi)}
.ed-q4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ed-qn{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line-2);border-radius:12px;padding:10px}.ed-qn b{font-size:14px}.ed-qn textarea{min-height:70px}
.ed-padd{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:8px}.ed-padd .input{height:44px}
.ed-tbl td{vertical-align:top}.ed-tbl select.input{min-width:150px}
.ed-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ed-kpis .card{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.ed-kpis b{font-family:var(--display);font-size:30px}.ed-kpis span{font-size:13px;color:var(--muted)}
.ed-prules{display:grid;gap:12px;font-size:clamp(18px,1.9vw,30px)}.ed-prules>div{display:flex;gap:16px;align-items:center}.ed-prules i{font-style:normal;width:1.8em;height:1.8em;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-weight:800;flex-shrink:0;font-size:.8em}
.ed-pcadre{background:rgba(255,255,255,.08);border-radius:14px;padding:16px 20px;font-size:clamp(15px,1.4vw,22px);color:#E6ECF4;display:flex;flex-direction:column;gap:6px}.ed-pcadre b{color:var(--yellow);font-size:.8em}
.ed-psubj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ed-psubj>div{background:rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:clamp(14px,1.3vw,21px)}.ed-psubj b{min-width:2em;height:2em;border-radius:1em;background:var(--yellow);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.ed-pq4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vw}.ed-pq4>div{background:rgba(255,255,255,.08);border-radius:14px;padding:1.4vw;font-size:clamp(15px,1.4vw,24px);color:#E6ECF4;display:flex;flex-direction:column;gap:6px}.ed-pq4 b{color:var(--yellow)}
.ed-presp{display:flex;flex-direction:column;gap:10px}.ed-presp>div{display:flex;justify-content:space-between;gap:20px;align-items:center;background:rgba(255,255,255,.08);border-radius:12px;padding:12px 18px;font-size:clamp(15px,1.4vw,22px)}.ed-presp em{display:block;font-style:normal;font-size:.8em;color:#C9D3E1}.ed-presp b{flex-shrink:0;padding:4px 14px;border-radius:999px;font-size:.85em}.ed-presp .a-retenue{background:#E3F4EC;color:#1C6B47}.ed-presp .a-etude{background:#FDE3C8;color:#8A4300}.ed-presp .a-non{background:#FDE2DE;color:#A3220F}
.ed-rules summary{font-weight:700;cursor:pointer;font-size:14px}.ed-rules ol,.ed-rl{margin:6px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.ed-left{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ed-left i{width:16px;height:16px;border-radius:50%;border:2px solid var(--yellow);background:transparent}.ed-left i.on{background:var(--yellow)}.ed-left span{font-size:13px;font-weight:700;color:var(--muted);margin-left:4px}
.ed-dot{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px 12px;font-size:15px}.ed-dot b{min-width:22px;text-align:center}.ed-dot .btn.icon{width:44px;height:44px;font-size:20px}
@media (max-width:1100px){.ed-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ed-q4,.ed-padd{grid-template-columns:minmax(0,1fr)}}
.sp-prow .pill{background:rgba(255,255,255,.12);color:#E6ECF4}.sp-prow .pill.sp-g0{background:#F1F8EC;color:#3F6B1C}.sp-prow .pill.sp-g1{background:#FDE3C8;color:#8A4300}.sp-prow .pill.sp-g2{background:#FBCFA9;color:#7A2E00}.sp-prow .pill.sp-g3{background:var(--hi-bg);color:var(--hi)}
.rd-hm td.rd-rowh{text-align:left;white-space:nowrap}
.rd-plan td:first-child{min-width:170px}.rd-plan textarea{min-width:160px}.rd-plan input.input{min-width:130px}
.ed-padd .btn{height:44px;min-height:44px}
.pill.ed-up{background:#EEF2F7;color:var(--navy)}.ed-tbl td:nth-child(2){min-width:150px}.ed-tbl textarea{min-width:160px}.ed-tbl input.input{min-width:120px}.ed-tbl select.input{min-width:140px}
.ed-cyc{grid-template-columns:repeat(2,minmax(0,1fr))}
.ed-tbl select.input{min-width:0;width:160px}.ed-tbl td:nth-child(6) .input{min-width:0;width:150px}.ed-tbl td:nth-child(5) input.input{min-width:0;width:160px}.ed-tbl td:nth-child(3) textarea{min-width:0;width:190px}
.ed-tbl td:nth-child(4) select.input{width:205px}

/* Démo en libre accès (2.15) */
.demo-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--navy-2);color:#C9D3E1;padding:7px 20px;font-size:14px}
.demo-bar b{background:var(--yellow);color:var(--navy);border-radius:6px;padding:2px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.demo-bar span{flex:1;min-width:200px}
.demo-bar .btn.sm:not(.primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.demo-steps{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.demo-steps b{color:var(--navy)}
/* Jeux d'inclusion (2.15) : QR code et code lisibles du fond de la salle, l'écran laissant la place */
.ao-t-jeux .ao-join{gap:1.8cqw;font-size:1.5cqw}
.ao-t-jeux .ao-join b{font-size:3.6cqw}
.ao-t-jeux .ao-qr{width:15cqw;height:15cqw;border-radius:1.2cqw;padding:1cqw}
.ao-t-jeux .ao-body{top:18.5cqw}

/* QR code en grand sur l'écran projeté (touche Q, ou bouton « QR en grand » du poste) */
.qr-big{position:fixed;inset:0;z-index:9000;background:var(--navy);color:#fff;display:grid;place-items:center;animation:qrbIn .25s ease}
.qr-big-in{display:flex;align-items:center;gap:6vw;padding:4vh 5vw;max-width:100%}
.qr-big-qr{width:min(72vh,48vw);aspect-ratio:1;background:#fff;border-radius:3vh;padding:2.6vh;display:flex;flex:none}.qr-big-qr svg{width:100%;height:100%}
.qr-big-t{display:flex;flex-direction:column;gap:2.4vh;min-width:0}
.qr-big-t .qb-eb{font-size:clamp(14px,2.2vh,26px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.qr-big-t .qb-url{font-size:clamp(18px,3.4vh,40px);color:#C9D3E1;overflow-wrap:anywhere}
.qr-big-t .qb-code{font-family:var(--display);font-size:clamp(48px,13vh,150px);letter-spacing:.12em;color:var(--yellow);line-height:1}
.qr-big-hint{position:absolute;bottom:2.4vh;left:0;right:0;text-align:center;font-size:clamp(12px,1.6vh,18px);color:#7F90A8}
@keyframes qrbIn{from{opacity:0}to{opacity:1}}
@media (max-aspect-ratio:1/1){.qr-big-in{flex-direction:column;text-align:center}.qr-big-qr{width:min(70vw,52vh)}}

/* ---------- 2.16 : Cartographie des acteurs et des interfaces en tension (carto.js, carto-join.js) ---------- */
.ca-x{color:var(--muted);font-weight:500}
.ca-int{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap}.ca-int i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
/* champ avec son libellé dedans : nom et exemple au repos, effacés dès la saisie */
.ca-fl{position:relative;display:block}
.ca-fl textarea,.ca-fl input{display:block;width:100%;box-sizing:border-box;border:1.5px solid #B7C2D3;border-radius:12px;padding:11px 13px;font:500 15px var(--body);color:var(--navy);background:#fff;line-height:1.4}
.ca-fl textarea{resize:vertical;min-height:48px}.ca-fl input{height:46px}
.ca-fl textarea:focus,.ca-fl input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,180,232,.22)}
.ca-flt{position:absolute;left:14.5px;right:14px;top:12.5px;font:500 15px var(--body);color:var(--muted);pointer-events:none;line-height:1.4}
.ca-flt b{font-weight:700;color:var(--navy)}
.ca-fl input~.ca-flt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-fl.ca-flu .ca-flt{display:none}
.ca-fl input:disabled{background:var(--soft)}
.ca-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px}
.ca-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.ca-add .btn{height:46px}
.ca-empty{border:1.5px dashed #B7C2D3;border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.ca-empty b{font-size:16px}.ca-empty span{font-size:14px;color:var(--muted);max-width:380px;line-height:1.45}
.ca-alist{display:flex;flex-direction:column;gap:6px}
.ca-arow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;border:1.5px solid var(--line-2);border-radius:12px;padding:8px 10px;background:#fff;text-align:left;font:inherit;color:var(--navy);cursor:pointer;min-height:52px}
.ca-arow.ro{cursor:default;grid-template-columns:30px minmax(0,1fr)}.ca-arow.on{border-color:var(--blue);background:#EEF6FC}
.ca-arow .n{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.ca-arow.on .n{background:var(--yellow);color:var(--navy)}
.ca-at{display:flex;flex-direction:column;gap:2px;min-width:0}.ca-at b{font-size:15px;overflow-wrap:anywhere}.ca-at .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-mapbox{background:var(--navy);border-radius:14px;padding:8px}.ca-map{display:block;width:100%;height:auto}.ca-node{outline:none}.ca-node:focus-visible circle:first-of-type{stroke:#fff}
.ca-mapempty{margin:0;color:#C9D3E1;font-size:14px;padding:40px 16px;text-align:center}
.ca-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);font-weight:600}.ca-legend span{display:inline-flex;align-items:center;gap:6px}
.ca-legend i{width:18px;height:4px;border-radius:2px;display:inline-block}.ca-legend i.tri{height:12px;width:18px;border-radius:5px;border:1.5px dashed #9FB0C8;background:rgba(159,176,200,.18)}
.ca-legend .n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#7F90A8;color:#fff;font-size:11px}
.ca-legend.dark{color:#C9D3E1;font-size:clamp(12px,1vw,16px)}
.ca-chips{display:flex;flex-wrap:wrap;gap:6px}
.ca-ch{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 6px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--navy);cursor:pointer}
.ca-ch .c{width:28px;height:28px;border-radius:50%;background:var(--line-2);display:grid;place-items:center;font-size:12px;font-weight:800}
.ca-ch.on{border-color:var(--blue);background:#EEF6FC}.ca-ch.on .c{background:var(--blue);color:var(--navy)}
.ca-ilist{display:flex;flex-direction:column}
.ca-who{min-width:0;overflow-wrap:anywhere;font-size:14px}.ca-num{font-variant-numeric:tabular-nums;color:var(--muted)}.ca-dots{text-align:right;font-weight:800;color:var(--navy);white-space:nowrap}
.ca-k{display:inline-block;margin-right:8px;background:#FFCC00;color:#132438;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800;vertical-align:1px}
.ca-h3{font-family:var(--display);font-size:20px;line-height:1.2;margin:0;overflow-wrap:anywhere}
.ca-ten{display:grid;grid-template-columns:minmax(0,1fr) 172px auto;gap:8px;align-items:center;border:1.5px solid var(--line-2);border-radius:10px;padding:6px 6px 6px 12px;background:#fff;font-size:14px}.ca-ten>span{overflow-wrap:anywhere}
.ca-ten .ca-src{height:40px;font-size:13px;padding:0 8px}
.ca-tadd{display:grid;grid-template-columns:minmax(0,1fr) 172px auto;gap:8px;align-items:start}.ca-tadd.two{grid-template-columns:minmax(0,1fr) auto}.ca-tadd .btn,.ca-tadd select{height:46px}
.ca-grp{display:flex;flex-direction:column;gap:6px}.ca-gh{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}.ca-gh span{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.ca-sol{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1.5px solid var(--line-2);border-radius:10px;padding:8px 8px 8px 12px;font-size:14px}.ca-sol>span{overflow-wrap:anywhere}
.ca-tabs{gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
.ca-lv .seg.on.ca-lv-ok{background:var(--ok-bg);color:var(--ok)}.ca-lv .seg.on.ca-lv-mid{background:var(--mid-bg);color:var(--mid)}.ca-lv .seg.on.ca-lv-hi{background:var(--hi-bg);color:var(--hi)}
.ca-ph .seg{flex:1 1 auto}
.ca-tbl td{vertical-align:top}.ca-role{display:inline-block;margin:0 4px 4px 0;padding:3px 9px;border-radius:999px;background:var(--line-2);font-size:12px;font-weight:700;white-space:nowrap}.ca-role.d{background:var(--navy);color:#fff}
@container (max-width:700px){.ca-ten,.ca-tadd{grid-template-columns:minmax(0,1fr) auto}.ca-ten .ca-src,.ca-tadd select{grid-column:1/-1;grid-row:2}.ca-ib{grid-template-columns:minmax(0,1fr) 74px 44px}.ca-ib .ca-int,.ca-irow.hd .ca-ib span:nth-child(3){display:none}.ca-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.ca-ten,.ca-tadd{grid-template-columns:minmax(0,1fr) auto}.ca-ten .ca-src,.ca-tadd select{grid-column:1/-1;grid-row:2}.ca-ib{grid-template-columns:minmax(0,1fr) 74px 44px}.ca-ib .ca-int,.ca-irow.hd .ca-ib span:nth-child(3){display:none}.ca-two{grid-template-columns:minmax(0,1fr)}}
/* écran projeté */
.ca-peb{font-size:clamp(14px,1.3vw,20px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ca-psit{width:100%;gap:2.6vh;max-width:1500px}.ca-pt{margin:0;font-family:var(--display);font-size:clamp(26px,2.9vw,46px);line-height:1.2;overflow-wrap:anywhere}
.ca-pe{display:flex;gap:18px;align-items:baseline}.ca-pe span{background:var(--yellow);color:var(--navy);font-weight:800;border-radius:8px;padding:4px 12px;font-size:clamp(13px,1.2vw,19px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ca-pe b{font-size:clamp(20px,2.1vw,34px);line-height:1.3;font-weight:600;color:#E6ECF4}
.ca-pp{color:#C9D3E1;font-size:clamp(16px,1.5vw,24px)}
.ca-pmap{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:3vw;align-items:center}
.ca-pml{display:flex;flex-direction:column;gap:2vh;min-width:0}.ca-pml h1{font-size:clamp(26px,2.6vw,42px)}
.ca-pal{margin:0;padding-left:1.6em;display:flex;flex-direction:column;gap:.9vh;font-size:clamp(15px,1.35vw,22px)}.ca-pal li{padding-left:.3em}.ca-pal b{color:var(--yellow);margin-right:.5em}.ca-pal span{color:#C9D3E1}
.ca-pmr,.ca-pfm,.ca-ptm{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.4vh}
.ca-pmr svg{width:min(46vw,calc((100vh - 200px) * 1.06));height:auto}.ca-pfm svg{width:min(34vw,calc((100vh - 210px) * 1.06));height:auto}.ca-ptm svg{width:min(28vw,calc((100vh - 260px) * 1.06));height:auto}
.ca-pfiche{width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:3vw;align-items:center}
.ca-pfr{display:flex;flex-direction:column;gap:1.6vh;min-width:0}.ca-pfr h2{font-family:var(--display);font-size:clamp(30px,3.4vw,56px);line-height:1.05;margin:0;overflow-wrap:anywhere}
.ca-prole{font-size:clamp(17px,1.6vw,26px);font-weight:700;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:.3em;text-decoration-thickness:3px}
.ca-pfr dl{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:1.4vh 1.6vw;margin:.6vh 0 0;font-size:clamp(15px,1.45vw,23px);line-height:1.35}.ca-pfr dt{color:#9FB0C8;font-size:.72em;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding-top:.3em}.ca-pfr dd{margin:0;overflow-wrap:anywhere}
.ca-pbig{font-family:var(--display);font-size:clamp(40px,4vw,64px);color:var(--yellow);line-height:1;display:flex;flex-direction:column;align-items:flex-end}.ca-pbig small{font-family:var(--body);font-size:clamp(13px,1.1vw,17px);color:#C9D3E1;font-weight:600}
.ca-pif{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ca-pif>div{background:rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto 2.2em;gap:14px;align-items:center;font-size:clamp(14px,1.3vw,21px)}
.ca-pif span{min-width:0;overflow-wrap:anywhere}.ca-pif span i{font-style:normal;display:inline-block;margin-right:.5em;background:var(--yellow);color:var(--navy);border-radius:6px;padding:0 .4em;font-weight:800;font-size:.8em}
.ca-pif em{font-style:normal;color:#C9D3E1;white-space:nowrap;font-size:.85em}.ca-pif u{text-decoration:none;color:#fff;border-radius:999px;padding:.15em .7em;font-weight:800;font-size:.8em;white-space:nowrap}.ca-pif u.no{padding:0}
.ca-pif b{min-width:2em;height:2em;border-radius:1em;background:var(--yellow);color:var(--navy);display:grid;place-items:center}.ca-pif b.no{background:transparent}
.ca-pten{width:100%;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:2.4vw;align-items:center}
.ca-ptv{border-radius:999px;padding:.4em 1em;font-weight:800;font-size:clamp(13px,1.2vw,19px);color:#fff;white-space:nowrap}
.ca-ptr{display:flex;flex-direction:column;gap:1.6vh;min-width:0}.ca-ptr h2{font-family:var(--display);font-size:clamp(24px,2.6vw,42px);line-height:1.1;margin:0;overflow-wrap:anywhere}
.ca-pcols{display:grid;gap:1vw}.ca-pcols.n1{grid-template-columns:minmax(0,1fr)}.ca-pcols.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-pcols.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ca-pcols.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ca-pcols>div{display:flex;flex-direction:column;gap:.8vh;min-width:0}.ca-pcols h4{margin:0 0 .4vh;font-size:clamp(13px,1.15vw,18px);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);line-height:1.25}.ca-pcols h4 span{display:block;text-transform:none;letter-spacing:0;font-weight:500;color:#9FB0C8}
.ca-pcols p{margin:0;background:#FFF;color:var(--navy);border-radius:8px;padding:.6em .8em;font-size:clamp(13px,1.15vw,18px);line-height:1.3;font-weight:600;overflow-wrap:anywhere}.ca-pcols p.more{background:transparent;color:#C9D3E1;padding:0;font-weight:500}
.ca-pnone{color:#C9D3E1;font-size:clamp(16px,1.5vw,24px)}
.ca-psols{display:flex;flex-direction:column;gap:.6vh;border-top:1px solid rgba(255,255,255,.18);padding-top:1.2vh}.ca-psols span{font-size:clamp(12px,1vw,16px);letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--blue)}.ca-psols b{font-size:clamp(15px,1.35vw,22px);font-weight:600}
.ca-prules{display:flex;flex-direction:column;gap:1.2vh}.ca-prules>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto;gap:1.4vw;align-items:center;background:rgba(255,255,255,.07);border-radius:12px;padding:1.2vh 1.4vw;font-size:clamp(15px,1.4vw,22px)}
.ca-prules b{overflow-wrap:anywhere}.ca-prules span{color:#C9D3E1;font-size:.85em}.ca-prules em{font-style:normal;color:var(--yellow);font-weight:700;white-space:nowrap}
/* téléphones */
.ca-popt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;font-size:15px;color:var(--navy);text-align:left;cursor:pointer}
.ca-popt small{font-weight:500;color:var(--muted);font-size:12px;text-align:right}.ca-popt span{min-width:0;overflow-wrap:anywhere}
.ca-popt.sm{min-height:44px;padding:8px 12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}.ca-popt.sm small{text-align:left}.ca-popt.on{border-color:var(--blue);background:#EEF6FC}

.ca-tgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
@container (max-width:900px){.ca-tgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.ca-tgrid{grid-template-columns:minmax(0,1fr)}}
.ca-date input{padding-left:104px}.ca-date .ca-flt{right:auto}
.ca-fl.ca-date.ca-flu .ca-flt{display:block}
/* 2.16.1 : bouton de l'étape suivante, bleu clair et calé à droite (sens de lecture) */
.step-next{margin-left:auto}
.step-next::after{content:"";display:inline-block;width:7px;height:7px;border-top:2.2px solid currentColor;border-right:2.2px solid currentColor;transform:rotate(45deg);margin-left:10px;margin-right:2px}

/* 2.16.1 : Cartographie, écrans revus */
.ca-step{max-width:1240px}
.ca-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.ca-it{font-family:var(--display);font-size:24px;line-height:1.15;margin:0}.ca-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.45;max-width:760px}
.ca-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}.ca-foot .step-next{margin-left:auto}
.ca-narrow{max-width:860px}
.ca-frow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}.ca-fk{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:15px;line-height:1.3}
.ca-agrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.ca-phone{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px}.ca-pl{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto}.ca-ph{flex-wrap:nowrap}.ca-ph .seg{white-space:nowrap}
.ca-dotsset{display:flex;align-items:center;gap:8px;font-weight:700}.ca-dotsset .input{width:76px;height:40px}
.ca-igrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.ca-fsegs .seg{height:34px;padding:0 12px;font-size:13px}
.ca-irow{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;border-bottom:1px solid var(--line-2);padding:4px 0}.ca-irow:last-child{border-bottom:0}.ca-irow.pk{background:#DDEFFA;border-radius:10px}
.ca-irow.hd{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 0 6px}.ca-irow.hd>span:first-child{text-align:center}
.ca-ib{display:grid;grid-template-columns:minmax(0,1fr) 84px 124px 50px;gap:10px;align-items:center;border:0;background:transparent;font:inherit;color:var(--navy);text-align:left;padding:8px 8px;border-radius:10px;cursor:pointer;min-height:44px}
button.ca-ib:hover{background:var(--soft)}.ca-irow.hd .ca-ib{cursor:default;padding-top:0;padding-bottom:0;min-height:0}
.ca-pick{width:28px;height:28px;margin:0 auto;border-radius:8px;border:2px solid #B7C2D3;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--navy);padding:0}.ca-pick.on{background:var(--blue);border-color:var(--blue)}.ca-pick svg{width:16px;height:16px}
.ca-pickbox{position:sticky;top:12px}.ca-plist{margin:0;padding:0;list-style:none;counter-reset:cap;display:flex;flex-direction:column;gap:6px}
.ca-plist li{counter-increment:cap;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;background:#F4F6FA;border-radius:10px;padding:6px 6px 6px 8px}
.ca-plist li::before{content:counter(cap);width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:800;font-size:12px;display:grid;place-items:center}
.ca-thead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px}.ca-tctl{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@container (max-width:900px){.ca-agrid,.ca-igrid{grid-template-columns:minmax(0,1fr)}.ca-pickbox{position:static}.ca-frow{grid-template-columns:minmax(0,1fr);gap:4px}.ca-fk{padding-top:0}.ca-intro p{font-size:14px}}
@media (max-width:1100px){.ca-agrid,.ca-igrid{grid-template-columns:minmax(0,1fr)}.ca-pickbox{position:static}}
@media (max-width:640px){.ca-frow{grid-template-columns:minmax(0,1fr);gap:4px}.ca-fk{padding-top:0}}
.ca-pif>div.pk{box-shadow:inset 6px 0 0 var(--yellow)}.ca-pif span small{display:inline-block;margin-left:.6em;font-size:.7em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}
/* 2.16.1 : écran Accès, une ligne par personne et un volet pour les outils */
.acc-tbl td{vertical-align:middle}.acc-nm{display:block;font-size:15px}.acc-em{display:block;overflow-wrap:anywhere}
.acc-role{height:40px;min-width:170px}
.acc-tools{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px;min-width:170px;cursor:pointer;font:inherit;color:var(--navy);text-align:left}.acc-tools:hover{border-color:var(--blue)}
.acc-tools b{font-size:14px;white-space:nowrap}.acc-bar{display:block;width:100%;height:5px;border-radius:3px;background:var(--line-2);overflow:hidden}.acc-bar i{display:block;height:100%;background:var(--blue)}
.acc-tbl tr.dim td:last-child{opacity:1}
.acc-rowact{display:inline-flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.acc-drawer{width:min(480px,100%);gap:16px}.acc-drawer .acc-act{margin-top:auto;position:sticky;bottom:-22px;background:#fff;padding:12px 0 4px}
.acc-sel{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;font-weight:700;font-size:14px}.acc-sel select{height:46px}
.acc-fam{border:1.5px solid var(--line-2);border-radius:12px;padding:0 12px}.acc-fam+.acc-fam{margin-top:8px}
.acc-fam summary{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;list-style:none}.acc-fam summary::-webkit-details-marker{display:none}
.acc-fam summary i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.acc-fam summary b{font-size:14px}.acc-n{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.acc-fam summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 4px 0 6px;transition:transform .15s}.acc-fam[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.acc-all{display:flex;gap:16px;padding:0 0 6px}.acc-fam .check{padding:6px 0}
.ca-foot #caSaved{flex:1 1 auto;min-width:0}
.mx-grant{border:0;padding:0;margin-left:auto;gap:12px;font-size:13.5px}
.acc-all{display:inline-block;margin-top:6px}