/* Concept « tableau-menu » : l'accueil se lit comme un menu de café. Trois colonnes (matin, après-midi, soir),
   chaque séance a un nom, l'heure est le « prix ». Fond ardoise, texte craie, aucune autre couleur.
   Look volontairement unique (sombre) quel que soit le thème du lecteur. */
:root{
  --bg:#1E2225; --ink:#F2ECDF; --soft:#D2CEC3; --paper:#2B3135; --white:#323A3F; --line:rgba(242,236,223,.3); --line-2:rgba(242,236,223,.13);
  --mark:#F2ECDF; --on-mark:#1E2225; --hi:rgba(242,236,223,.16); --dim:rgba(242,236,223,.3); --ok:#F2ECDF;
  --room:#15181A; --room-2:#262C30; --room-3:#343B40; --room-ink:#F7F2E7; --room-soft:#C9CBC5; --room-y:#F2ECDF;
  --f-display:"Big Shoulders Display","Oswald","Arial Narrow",sans-serif;
  --f-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;transition:background .35s}
body.room{background:var(--room);color:var(--room-ink)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:inherit}
p{margin:0}
h1,h2,h3{font-family:var(--f-display);font-weight:800;margin:0;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.6rem,7vw,5.2rem);text-transform:uppercase}
h2{text-transform:uppercase}
.ticker,.faq summary,.bigcount,.plan .amt,.wait .count,.end .q,.mail .bigtime,.brand{font-weight:800}
h2{font-size:clamp(1.8rem,4vw,2.8rem)}
h3{font-size:1.3rem}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:8px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.soft{color:var(--soft)}
.label{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--soft)}
.hl{background:linear-gradient(transparent 54%,var(--hi) 54%,var(--hi) 88%,transparent 88%);padding:0 .06em}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section[data-view]{padding-block:24px 64px}
.view-grid{display:grid;gap:56px}

.top{display:flex;align-items:center;gap:16px;padding-block:22px 0;flex-wrap:wrap}
.brand{display:inline-flex;align-items:baseline;font-family:var(--f-display);font-size:2rem;line-height:1;letter-spacing:.01em;text-decoration:none}
.brand::after{content:"";width:.22em;height:.22em;border-radius:50%;background:currentColor;margin-left:.08em}
.brand svg{width:32px;height:32px}
.top .right{margin-left:auto;font-size:.9rem;color:var(--soft);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
body.room .top .right{color:var(--room-soft)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--mark);border-radius:14px;padding:12px 22px;font-weight:700;cursor:pointer;text-decoration:none;background:var(--mark);color:var(--on-mark);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.line{background:transparent;color:var(--ink)}
.btn.big{padding:16px 28px;font-size:1.1rem;border-radius:18px}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.room .btn{border-color:var(--room-y);background:var(--room-y);color:var(--room)}
.room .btn.line{background:transparent;color:var(--room-ink);border-color:var(--room-3)}
.card{background:var(--paper);border-radius:24px;padding:24px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;padding:5px 12px;border-radius:999px;background:var(--paper)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.field{display:grid;gap:6px;text-align:left}
.field label{font-weight:700;font-size:.92rem}
.field .hint{font-size:.82rem;color:var(--soft)}
.input{width:100%;min-width:0;background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:12px 16px}
.room .input{background:var(--room-2);border-color:var(--room-3);color:var(--room-ink)}
.input::placeholder{color:var(--soft)}
.note{font-size:.86rem;color:var(--soft)}

/* ========== ACCUEIL : tableau-menu ========== */
.board{display:grid;gap:34px}
.board-head{display:grid;gap:14px;justify-items:center;text-align:center;padding-top:18px}
.board-head h1{font-size:clamp(3.2rem,10vw,7rem);line-height:.88;letter-spacing:.01em}
.board-head .lead{color:var(--soft);max-width:36rem;font-size:1.08rem}
.days{display:flex;gap:4px 18px;justify-content:center;flex-wrap:wrap}
.days button{border:0;background:transparent;padding:6px 2px;cursor:pointer;font-weight:700;color:var(--soft);border-bottom:2px solid transparent}
.days button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:2px solid var(--ink)}
.col{padding:22px 26px 26px;display:grid;gap:4px;align-content:start;min-width:0}
.col+.col{border-left:1px solid var(--line)}
.col h2{font-size:2.1rem;display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.col h2 small{font-family:var(--f-body);font-size:.8rem;font-weight:400;color:var(--soft);text-transform:none;letter-spacing:0}
.item{all:unset;box-sizing:border-box;width:calc(100% + 20px);margin:0 -10px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:10px;border-radius:12px;cursor:pointer}
.item .name{display:flex;align-items:baseline;gap:8px;font-weight:700;font-size:1.05rem;min-width:0}
.item .name span{min-width:0}
.item .name::after{content:"";flex:1;min-width:14px;border-bottom:2px dotted var(--line);transform:translateY(-5px)}
.item .time{font-family:var(--f-display);font-size:1.75rem;font-weight:800;line-height:1}
.item .meta{grid-column:1 / -1;font-size:.85rem;color:var(--soft);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.item:hover{background:var(--paper)}
.item:focus-visible{outline:3px solid var(--ink);outline-offset:0}
.item[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.item[aria-pressed="true"] .meta{color:var(--bg)}
.item[aria-pressed="true"] .name::after{border-color:currentColor;opacity:.4}
.item.off{opacity:.35;cursor:default}
.item.off:hover{background:none}
.item.off .name span{text-decoration:line-through}
.seats{display:inline-flex;gap:3px;align-items:center}
.seats i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.seats i.on{background:currentColor}
.under{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.under > div{padding:4px 26px 8px;display:grid;gap:12px;align-content:start;min-width:0}
.under > div+div{border-left:1px solid var(--line)}
.under h3{font-family:var(--f-display);font-size:1.6rem;font-weight:800;text-transform:uppercase}
.priceline{display:flex;align-items:baseline;gap:8px}
.priceline .lead{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-5px);min-width:14px}
.priceline .p{font-family:var(--f-display);font-size:1.6rem;font-weight:800;line-height:1}
.priceline small{display:block;font-size:.8rem;color:var(--soft)}
.howto{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:st}
.howto li{display:grid;grid-template-columns:30px 1fr;gap:10px;counter-increment:st}
.howto li::before{content:counter(st);font-family:var(--f-display);font-size:1.9rem;font-weight:800;line-height:1}
.howto b{display:block}
.howto span{font-size:.88rem;color:var(--soft)}
.ticker{font-family:var(--f-display);font-size:1.5rem;line-height:1.15;min-height:3.5em;transition:opacity .4s;text-transform:uppercase}
.linky{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:700}
.bookbar{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--ink);color:var(--bg);border-radius:18px;padding:12px 12px 12px 22px;flex-wrap:wrap;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.bookbar .btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.bookbar b{font-family:var(--f-display);font-size:1.4rem;font-weight:800;text-transform:uppercase}
body.booking .mapbtn{display:none}
.foot{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:.86rem;color:var(--soft)}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:var(--soft)}
.mono-av{display:grid;place-items:center;border:2px solid currentColor;border-radius:12px;font-family:var(--f-display);font-weight:800;font-size:1.15rem;flex:none;line-height:1}
.tbar{width:120px;height:6px;border-radius:3px;background:var(--room-3);overflow:hidden;display:inline-block}
.tbar i{display:block;height:100%;width:0;background:var(--room-y);transition:width .5s}
.wk{display:grid;grid-template-columns:repeat(7,14px);gap:5px;align-items:end;height:56px;flex:none}
.wk i{display:block;background:var(--line);border-radius:4px;height:100%}
.wk i.on{background:var(--ink)}
@media (max-width:900px){
  .cols,.under{grid-template-columns:1fr}
  .col+.col{border-left:0;border-top:1px solid var(--line)}
  .under > div+div{border-left:0;border-top:1px solid var(--line);padding-top:20px}
  .col,.under > div{padding-inline:4px}
}

/* Feuille de réservation */
.sheet-bg{position:fixed;inset:0;background:rgba(22,19,10,.45);z-index:40;display:grid;align-items:end;justify-items:center}
.sheet{background:var(--bg);color:var(--ink);width:min(560px,100%);border-radius:28px 28px 0 0;padding:26px max(22px,env(safe-area-inset-left,0px)) calc(26px + env(safe-area-inset-bottom,0px));display:grid;gap:16px;box-shadow:0 -20px 60px rgba(0,0,0,.3);animation:up .3s ease-out}
@media (min-width:700px){ .sheet-bg{align-items:center} .sheet{border-radius:28px} }
@keyframes up{from{transform:translateY(30px);opacity:.4}}
.sheet .head{display:flex;gap:14px;align-items:center}
.sheet .head svg{width:56px;height:56px;flex:none}
.sheet .x{margin-left:auto;border:0;background:var(--paper);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;flex:none}
.quota{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--soft)}
.quota i{width:22px;height:8px;border-radius:4px;background:var(--mark);display:inline-block}
.quota i.used{background:var(--line)}
.tick{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;text-align:left}
.tick input{width:20px;height:20px;accent-color:var(--ink);margin-top:2px;flex:none}

/* ========== E-MAIL ========== */
.mail{max-width:640px;margin:0 auto;background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(0,0,0,.5)}
.mail .meta{padding:14px 20px;border-bottom:1px solid var(--line-2);font-size:.85rem;color:var(--soft);display:grid;gap:2px}
.mail .body{padding:32px 28px;display:grid;gap:18px}
.mail .bigtime{font-family:var(--f-display);font-size:4rem;line-height:1}
.mail .bar{background:var(--bg);padding:16px 28px;font-size:.82rem;color:var(--soft)}
.agenda{display:flex;gap:10px;flex-wrap:wrap}

/* ========== SALLE (attente, séance, fin) ========== */
.room-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.room-top .meta{color:var(--room-soft);font-size:.9rem}
.room-top .timer{margin-left:auto;display:flex;align-items:center;gap:10px}
.room-top .timer svg{width:40px;height:40px}
.room-top .timer .mono{font-size:1.6rem;color:var(--room-y)}
.wait{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.wait .count{font-family:var(--f-display);font-size:clamp(3.4rem,10vw,6.5rem);line-height:.9;color:var(--room-y)}
.wait .panel{background:var(--room-2);border-radius:24px;padding:22px;display:grid;gap:16px}
.checks{display:grid;gap:10px}
.checks div{display:flex;gap:10px;align-items:center;font-size:.95rem}
.checks svg{width:22px;height:22px;flex:none}
.arrivals{display:grid;gap:8px}
.arrivals div{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;padding:10px 14px;border-radius:12px;background:var(--room-3)}
.arrivals span:last-child{color:var(--room-soft)}
.rules{display:grid;gap:6px;font-size:.88rem;color:var(--room-soft)}

.vtiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vtile{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:20px;overflow:hidden;background:var(--room-2)}
.vtile canvas{position:absolute;inset:0;width:100%;height:100%}
.vtile.me{box-shadow:inset 0 0 0 3px var(--room-y)}

.vtile .tag{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;align-items:center;background:rgba(22,19,10,.8);color:var(--room-ink);font-size:.78rem;padding:4px 10px;border-radius:999px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtile .tag svg{width:13px;height:13px;flex:none}
.vtile .state{position:absolute;top:10px;right:10px;width:26px;height:26px}
.sbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}
.sside{background:var(--room-2);border-radius:20px;padding:18px;display:grid;gap:12px;align-content:start}
.sside .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--room-soft)}
.stask{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:.9rem;align-items:start}
.stask svg{width:24px;height:24px;margin-top:1px}
.stask b{display:block}
.stask span{color:var(--room-soft)}
.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:4px}
.controls button{border:0;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:var(--room-2);color:var(--room-ink);font-weight:700;font-size:.9rem;cursor:pointer}
.controls button svg{width:17px;height:17px}
.controls button[aria-pressed="true"]{background:var(--room-y);color:var(--room)}
.controls .done{background:var(--room-ink);color:var(--room)}
.controls .flag{background:transparent;color:var(--room-soft);box-shadow:inset 0 0 0 1.5px var(--room-3)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--room-y);color:var(--room);padding:12px 20px;border-radius:14px;font-weight:700;z-index:50;max-width:calc(100% - 32px);text-align:center}

.end{display:grid;gap:28px;justify-items:center;text-align:center}
.end .q{font-family:var(--f-display);font-size:clamp(2.6rem,8vw,5rem);line-height:1}
.end .task{font-size:1.1rem;color:var(--room-soft);max-width:34rem}
.verdict{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(640px,100%)}
.verdict button{border:2px solid var(--room-3);background:var(--room-2);color:var(--room-ink);border-radius:22px;padding:22px 10px;cursor:pointer;display:grid;gap:10px;justify-items:center;font-weight:700;font-size:1.05rem}
.verdict button:hover{border-color:var(--room-y)}
.verdict svg{width:54px;height:54px}
.recap{width:min(720px,100%);display:grid;gap:14px;text-align:left}
.recap .row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--room-2);font-size:.92rem}
.recap .row svg{width:28px;height:28px}
.recap .row em{font-style:normal;color:var(--room-soft);font-size:.85rem}
.vtile.talk{box-shadow:inset 0 0 0 4px var(--morning)}
.vtile.talk .tag{background:var(--morning);color:#1E2225}
.stask.now b{color:var(--morning)}
.stask em{display:block;font-style:normal;font-size:.78rem;color:var(--room-soft)}
.stask.now em{color:var(--morning);font-weight:700}
.xchg{margin-left:6px;font:inherit;font-size:.7rem;font-weight:700;padding:1px 7px;white-space:nowrap;border-radius:999px;border:1px solid var(--room-3);background:transparent;color:var(--room-soft);cursor:pointer;flex:none}
.xchg:hover,.xchg:focus-visible{color:var(--room-ink);border-color:var(--room-soft)}
.keep{width:min(720px,100%);display:grid;gap:12px;text-align:left;padding:20px;border-radius:20px;background:var(--room-2)}
.keep .row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--room-3)}
.keep .row button{font:inherit;font-weight:700;font-size:.88rem;padding:8px 14px;border-radius:999px;border:1.5px solid var(--room-soft);background:transparent;color:var(--room-ink);cursor:pointer}
.keep .row button[aria-pressed="true"]{background:var(--menthe);border-color:var(--menthe);color:#1E2225}
.keep .match{color:var(--menthe);font-weight:700;font-size:.88rem}
.next-up{width:min(720px,100%);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;border-radius:20px;background:var(--room-y);color:var(--room);text-align:left}
.next-up .btn{background:var(--room);color:var(--room-y);border-color:var(--room)}

/* ========== ESPACE ========== */
.space{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:start}
.space > div{display:grid;gap:20px;min-width:0}
.tagbox{display:flex;flex-wrap:wrap;gap:6px;border:2px solid var(--ink);border-radius:14px;padding:8px;background:var(--white)}
.tagbox input{border:0;background:transparent;padding:4px;flex:1;min-width:120px}
.tagbox input:focus{outline:none}
.tag{display:inline-flex;align-items:center;gap:2px;font-size:.86rem;padding:4px 4px 4px 12px;border-radius:999px;background:var(--bg)}
.tag button{border:0;background:transparent;cursor:pointer;width:22px;height:22px;border-radius:50%;line-height:1;font-size:1rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mycard{background:var(--white);border-radius:22px;padding:20px;display:grid;gap:12px;border:2px solid var(--ink)}
.mycard .who{display:flex;gap:12px;align-items:center}
.mycard .who svg{width:46px;height:46px;flex:none}
.mycard .who b{font-family:var(--f-display);font-weight:700;font-size:1.25rem;display:block;line-height:1.1}
.upcoming{display:grid;gap:8px}
.upcoming div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:var(--white);flex-wrap:wrap}
.weekring{display:flex;gap:16px;align-items:center}
.weekring svg{width:84px;height:84px;flex:none}
.switch{display:flex;gap:12px;align-items:flex-start;font-size:.92rem}
.switch input{width:20px;height:20px;accent-color:var(--ink);margin-top:2px;flex:none}
.saved{font-weight:700}

/* ========== ANNUAIRE ========== */
.dirhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.bigcount{font-family:var(--f-display);font-size:clamp(4rem,12vw,8.5rem);line-height:.85;letter-spacing:-.04em}
.dirtools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dirtools .input{max-width:340px;border-radius:999px}
.filters button{border:2px solid var(--ink);background:transparent;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700;font-size:.88rem}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.member{all:unset;box-sizing:border-box;background:var(--paper);border-radius:22px;padding:18px;display:grid;gap:12px;cursor:pointer;align-content:start}
.member:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.member:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.member .who{display:flex;gap:12px;align-items:center}
.member .who svg{width:42px;height:42px;flex:none}
.member b{font-family:var(--f-display);font-weight:700;font-size:1.12rem;display:block;line-height:1.15}
.member .city{font-size:.88rem;color:var(--soft)}
.member .chip{background:var(--bg)}
dialog{border:0;border-radius:26px;padding:0;width:min(520px,calc(100vw - 32px));background:var(--bg);color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(22,19,10,.5)}
.dlg{padding:26px;display:grid;gap:16px}

/* ========== ILLIMITÉ ========== */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;gap:14px}
.plan{all:unset;box-sizing:border-box;background:var(--paper);border-radius:24px;padding:24px;display:grid;gap:12px;cursor:pointer;align-content:start;border:2px solid transparent}
.plan[aria-pressed="true"]{border-color:var(--ink);background:var(--white)}
.plan:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.plan .amt{font-family:var(--f-display);font-size:2.8rem;line-height:1}
.plan .amt small{font-family:var(--f-body);font-size:1rem;color:var(--soft)}
.plan ul{margin:0;padding-left:18px;color:var(--soft);font-size:.92rem;display:grid;gap:4px}
.badge{justify-self:start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--mark);color:var(--on-mark)}
.paybar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 24px;border-radius:24px;background:var(--mark);color:var(--on-mark)}
.paybar .btn{background:var(--on-mark);color:var(--mark);border-color:var(--on-mark)}

/* ========== ATELIERS ========== */
.ws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ws .card{display:grid;gap:10px;align-content:start;position:relative;overflow:hidden}
.ws .when{font-family:var(--f-mono);font-size:.85rem;color:var(--soft)}
.soon-stamp{position:absolute;top:16px;right:-34px;transform:rotate(35deg);background:var(--mark);color:var(--on-mark);font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:4px 40px;text-transform:uppercase}

/* ========== QUESTIONS ========== */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:var(--paper);border-radius:20px;padding:4px 22px}
.faq summary{cursor:pointer;padding:16px 0;font-family:var(--f-display);font-size:1.18rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 18px;color:var(--soft);max-width:44rem}



/* ========== Stickers : papier découpé, bord crème, ombre portée, on peut les déplacer ========== */
html,body{overflow-x:clip}
:root{--peach:#F6B48B;--ocre:#E8CF73;--sky:#9DB8F2;--menthe:#7FD8B0;--rose:#F29BB6;--cream:#F7F3EA;--f-hand:"Permanent Marker","Comic Sans MS",cursive}
.stk{position:absolute;z-index:6;display:inline-grid;place-items:center;text-align:center;font-family:var(--f-display);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.01em;color:#1E2225;background:var(--sc,var(--peach));border:4px solid var(--cream);box-shadow:0 5px 0 rgba(0,0,0,.22),0 14px 26px rgba(0,0,0,.4);transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg));cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.stk:hover{transform:translate(var(--x,0px),var(--y,0px)) rotate(calc(var(--r,0deg) * -1)) scale(1.07)}
.stk.drag{cursor:grabbing;transition:none;z-index:70;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg)) scale(1.12)}
.stk.pill{border-radius:999px;padding:9px 18px 8px;font-size:1.15rem;white-space:nowrap}
.stk.round{border-radius:50%;width:112px;height:112px;font-size:1.2rem;padding:10px}
.stk.tag{border-radius:12px;padding:8px 14px 7px 26px;font-size:1rem;white-space:nowrap}
.stk.tag::before{content:"";position:absolute;left:9px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
.stk.burst{background:none;border:0;box-shadow:none;width:136px;height:136px;filter:drop-shadow(0 5px 0 rgba(0,0,0,.22)) drop-shadow(0 12px 18px rgba(0,0,0,.4));font-size:1.2rem}
.stk.burst svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stk.burst span{position:relative}
.stk.stamp{border-radius:14px;padding:10px 22px 8px;font-size:clamp(2.4rem,7vw,4rem);border-width:5px}
.stk small{display:block;font-family:var(--f-body);font-size:.62em;letter-spacing:0;text-transform:none;font-weight:700;margin-top:3px}
.doodle{position:absolute;z-index:5;font-family:var(--f-hand);color:var(--ink);font-size:1.15rem;display:flex;align-items:flex-start;gap:4px;pointer-events:none;transform:rotate(-6deg)}
.doodle svg{width:70px;height:70px;overflow:visible}
.board-head,.under > div,.col,.dirhead,.plan,.wait .panel,#w-cam,.end{position:relative}
.col .stk{top:-18px;right:18px}
/* Places dans l'accueil */
.s-offert{top:36px;right:max(0px,calc(50% - 470px))}
.s-micro{top:250px;left:max(0px,calc(50% - 470px))}
.s-pile{top:188px;right:max(0px,calc(50% - 520px))}
.d-start{left:max(0px,calc(50% - 560px));bottom:-26px}
@media (max-width:900px){
  .stk.round{width:84px;height:84px;font-size:.95rem}
  .stk.burst{width:100px;height:100px;font-size:.92rem}
  .stk.pill{font-size:.92rem;padding:7px 13px 6px}
  .stk.tag{font-size:.82rem}
  .s-offert{top:-6px;right:-4px}
  .board-head{padding-bottom:92px}
  .s-micro{top:auto;bottom:22px;left:2px}
  .s-pile{top:auto;bottom:0;right:4px}
  .d-start{display:none}
  .col .stk{top:14px;right:0}
}
@media (prefers-reduced-motion:reduce){.stk{transition:none}}


/* ========== Le live + étapes ========== */
.livebar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;background:var(--morning);color:#1E2225;border-radius:28px;padding:26px 30px}
.livebar .on{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.livebar .on i{width:10px;height:10px;border-radius:50%;background:#C2402B;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.25}}
.livebar h2{font-size:clamp(2.2rem,5vw,3.4rem);line-height:.9;margin:8px 0}
.livebar p{max-width:36rem}
.faces{display:flex;margin-top:14px}
.faces span{width:38px;height:38px;border-radius:50%;background:#1E2225;color:var(--morning);border:3px solid var(--morning);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:.9rem;margin-left:-10px}
.faces span:first-child{margin-left:0}
.faces em{font-style:normal;font-weight:700;align-self:center;margin-left:10px;font-size:.9rem}
[data-variant] .livebar .btn,.livebar .btn{background:#1E2225;color:var(--morning);border-color:#1E2225}
.or{text-align:center;display:grid;gap:4px}
.or h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.item .desc{grid-column:1 / -1;font-size:.86rem;color:var(--soft);font-style:italic;margin-top:-2px}
.item[aria-pressed="true"] .desc{color:inherit;opacity:.8}
.timeline{display:grid;gap:18px}
.tl-bar{display:grid;grid-template-columns:10fr 35fr 5fr;gap:4px;height:14px}
.tl-bar i{border-radius:7px}
.tl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tl-step{position:relative;border-radius:24px;padding:24px;display:grid;gap:10px;align-content:start;background:var(--paper);box-shadow:inset 0 5px 0 var(--sc)}
.tl-step .n{font-family:var(--f-display);font-weight:800;font-size:3.2rem;line-height:.8;color:var(--sc)}
.tl-step .t{font-family:var(--f-mono);font-size:.82rem;color:var(--soft)}
.tl-step h3{font-family:var(--f-display);font-weight:800;font-size:1.6rem;text-transform:uppercase}
.tl-step p{color:var(--soft);font-size:.95rem}
.tl-step .stk{top:-16px;right:16px}
/* Salle du live */
.ltiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start}
.ltiles .vtile{border-radius:16px}
.ltiles .tag{font-size:.7rem}
.feed{display:grid;gap:8px;font-size:.88rem}
.feed div{display:flex;gap:8px;align-items:baseline}
.feed .t{font-family:var(--f-mono);font-size:.75rem;color:var(--room-soft);flex:none}
.feed .in{color:var(--room-y)}
@media (max-width:900px){
  .livebar{grid-template-columns:1fr;padding:22px}
  .tl-steps{grid-template-columns:1fr}
  .ltiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ========== Aperçu de la visio sur l'accueil ========== */
.demo{display:grid;gap:22px}
.demo-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.demo-grid > *{min-width:0}
.screen{position:relative;background:var(--room);color:var(--room-ink);border-radius:26px;padding:14px;display:grid;gap:10px;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.screen .bar{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--room-soft);flex-wrap:wrap}
.screen .bar b{color:var(--room-ink)}
.screen .bar .clk{margin-left:auto;display:flex;align-items:center;gap:8px}
.screen .bar .clk .mono{color:var(--noon);font-size:1.1rem}
.screen .body{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:8px}
.screen .vt{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.screen .vtile{border-radius:12px}
.screen .vtile .tag{font-size:.62rem;left:6px;bottom:6px;padding:2px 7px}
.screen .side{background:var(--room-2);border-radius:12px;padding:10px;display:grid;gap:8px;align-content:start;font-size:.72rem}
.screen .side b{display:block;font-size:.74rem}
.screen .side span{color:var(--room-soft)}
.screen .side .row{display:grid;grid-template-columns:16px 1fr;gap:6px}
.screen .side svg{width:16px;height:16px}
.screen .ctl{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.screen .ctl span{font-size:.7rem;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--room-2)}
.screen .ctl .y{background:var(--noon);color:#1E2225}
.screen .ctl .w{background:var(--room-ink);color:var(--room)}
.pin{position:absolute;z-index:4;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.05rem;color:#1E2225;background:var(--pc,var(--noon));border:3px solid var(--cream,#F7F3EA);box-shadow:0 4px 10px rgba(0,0,0,.45)}
.feats{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.feats li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.feats .pin{position:static}
.feats b{display:block;font-size:1.02rem}
.feats span{color:var(--soft);font-size:.92rem}
.feats span.pin{color:#1E2225;font-size:1.05rem}
.promises{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.promises span{border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:700}
@media (max-width:900px){ .demo-grid{grid-template-columns:1fr} }
@media (max-width:480px){ .screen .body{grid-template-columns:1fr} .screen .side{display:none} .screen .pin{display:none} }

/* ========== Tests de couleur (outil de maquette) ========== */
:root{--c1:#F2ECDF;--c2:#F2ECDF;--c3:#F2ECDF;--acc:#F2ECDF;--acc-ink:#1E2225;--morning:#F6B48B;--noon:#E8CF73;--evening:#9DB8F2;--mint:#7FD8B0;--chalk:#F2ECDF;--chalk-ink:#1E2225}
.col:nth-child(1){--c:var(--c1)} .col:nth-child(2){--c:var(--c2)} .col:nth-child(3){--c:var(--c3)}
/* A. Moments de la journée : une couleur par moment */
[data-variant="moments"]{--c1:var(--morning);--c2:var(--noon);--c3:var(--evening);--acc:var(--noon);--acc-ink:#1E2225}
[data-variant="moments"] .col{box-shadow:inset 0 6px 0 var(--c)}
[data-variant="moments"] .col h2,[data-variant="moments"] .item .time{color:var(--c)}
[data-variant="moments"] .item[aria-pressed="true"]{background:var(--c);color:#1E2225}
[data-variant="moments"] .item[aria-pressed="true"] .time{color:#1E2225}
[data-variant="moments"] .item:not(.off) .seats i.on{background:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
[data-variant="moments"] .item[aria-pressed="true"] .seats i.on{background:#1E2225;box-shadow:inset 0 0 0 1.5px #1E2225}
[data-variant="moments"] .board-head h1 .t2{color:var(--morning)}
/* B. Blocs clairs : du clair, pas de couleur */
[data-variant="clair"] .under > div:first-child,[data-variant="clair"] .under > div:last-child{background:var(--chalk);color:var(--chalk-ink);border-radius:22px;padding:22px 24px;--line:rgba(30,34,37,.25);--soft:#5A5C58}
[data-variant="clair"] .under > div+div{border-left:0}
[data-variant="clair"] .under{gap:16px}
[data-variant="clair"] .cols{background:var(--paper);border-radius:26px;border:0}
[data-variant="clair"] .board-head .label{background:var(--chalk);color:var(--chalk-ink);padding:5px 12px;border-radius:999px}
/* C. Une seule couleur : menthe */
[data-variant="menthe"]{--acc:var(--mint);--acc-ink:#10241B}
[data-variant="menthe"] .item .time,[data-variant="menthe"] .col h2 small,[data-variant="menthe"] .priceline .p,[data-variant="menthe"] .howto li::before{color:var(--mint)}
[data-variant="menthe"] .item[aria-pressed="true"]{background:var(--mint);color:#10241B}
[data-variant="menthe"] .item[aria-pressed="true"] .time{color:#10241B}
[data-variant="menthe"] .board-head h1 .t2{color:var(--mint)}
/* Accents partagés par A et C : boutons, barre de réservation, salle */
[data-variant="moments"] .btn:not(.line),[data-variant="menthe"] .btn:not(.line){background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
[data-variant="moments"] .bookbar,[data-variant="menthe"] .bookbar{background:var(--acc);color:var(--acc-ink);transition:background .25s}
[data-variant="moments"] .bookbar .btn,[data-variant="menthe"] .bookbar .btn{background:var(--acc-ink);color:var(--acc);border-color:var(--acc-ink)}
[data-variant="moments"],[data-variant="menthe"]{--room-y:var(--acc)}
.variants{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;gap:4px;align-items:center;flex-wrap:wrap;background:#F2ECDF;color:#1E2225;border-radius:14px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:.8rem;max-width:calc(100% - 28px)}
.variants span{font-weight:700;padding:0 6px}
.variants button b{font-weight:700}
.variants button{border:0;border-radius:10px;padding:6px 10px;background:transparent;color:inherit;font-weight:700;cursor:pointer}
.variants button[aria-pressed="true"]{background:#1E2225;color:#F2ECDF}
body.booking .variants{display:none}
@media (max-width:640px){ .variants span{display:none} .variants{font-size:.72rem;padding:4px} .variants button{padding:6px 8px} .variants button b{display:none} .mapbtn{font-size:.72rem;padding:7px 10px} }

/* ========== Plan de la maquette (outil, pas le site) ========== */
.mapbtn{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;border:1.5px dashed currentColor;background:var(--bg);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;cursor:pointer;opacity:.9}
body.room .mapbtn{background:var(--room);color:var(--room-soft)}
.map{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--white);color:var(--ink);border-radius:18px;padding:14px;width:min(300px,calc(100vw - 28px));box-shadow:0 20px 50px rgba(0,0,0,.35);display:grid;gap:2px;max-height:70vh;overflow:auto}
body.room .map{background:#FFF8E2;color:#16130A}
.map p{font-size:.75rem;color:inherit;opacity:.7;padding:4px 8px 8px}
.map a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:8px 10px;border-radius:10px;font-size:.92rem}
.map a:hover,.map a[aria-current="page"]{background:#F6C744;color:#16130A}
.map a span{font-family:var(--f-mono);font-size:.75rem;opacity:.6}

/* ========== Séances créées par les membres ========== */
.mine{display:grid;gap:18px}
.mine-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.mine-head h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;line-height:1}
.mine-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.mcard{position:relative;display:grid;gap:8px;align-content:start;padding:18px;border-radius:20px;background:var(--paper);box-shadow:inset 0 4px 0 var(--mc)}
.mcard .when{font-family:var(--f-mono);font-size:.82rem;color:var(--mc)}
.mcard b{font-size:1.08rem;line-height:1.25}
.mcard p{font-size:.88rem;color:var(--soft)}
.mcard .by{font-size:.8rem;color:var(--soft)}
.mcard .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}
.mcard .row button{font:inherit;font-weight:700;font-size:.85rem;padding:7px 14px;border-radius:999px;border:0;background:var(--mc);color:#1E2225;cursor:pointer}
.mcard .row button[disabled]{opacity:.6;cursor:default}
.mcard.me{outline:2px dashed var(--mc);outline-offset:-2px}
.optrow{display:flex;gap:6px;flex-wrap:wrap}
.optrow label{position:relative}
.optrow input{position:absolute;opacity:0;inset:0}
.optrow span{display:inline-block;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);font-size:.88rem;font-weight:700;cursor:pointer}
.optrow input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.optrow input:focus-visible+span{outline:2px solid var(--noon);outline-offset:2px}

/* ========== Contacts et petite fenêtre de messages ========== */
.ctbtn{font:inherit;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;border:1.5px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:5px 12px;cursor:pointer}
.ctbtn .dot{min-width:20px;height:20px;border-radius:999px;background:var(--rose,#F2A0B8);color:#1E2225;font-size:.75rem;display:grid;place-items:center;padding:0 5px}
.ct{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:61;width:min(360px,calc(100vw - 28px));height:min(480px,calc(100vh - 140px));background:#2A3034;color:#F2ECDF;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.55);border:1px solid rgba(242,236,223,.15);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.ct header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(242,236,223,.12)}
.ct header b{flex:1;font-size:.95rem}
.ct header button{font:inherit;background:transparent;border:0;color:#A7A59C;cursor:pointer;font-size:.85rem;padding:4px 6px;border-radius:8px}
.ct header button:hover,.ct header button:focus-visible{color:#F2ECDF}
.ct .x{font-size:1.3rem!important;line-height:1}
.ct .list{overflow:auto;display:grid;align-content:start}
.ct .list p{padding:12px 14px;font-size:.82rem;color:#A7A59C}
.ct .who{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid rgba(242,236,223,.08);padding:12px 14px;cursor:pointer;width:100%}
.ct .who:hover,.ct .who:focus-visible{background:rgba(242,236,223,.06)}
.ct .who b{font-size:.92rem}
.ct .who span{grid-column:1;font-size:.8rem;color:#A7A59C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct .who em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:.72rem;font-weight:700}
.ct .who em.n{background:var(--rose,#F2A0B8);color:#1E2225;border-radius:999px;padding:2px 7px}
.ct .who.wait{cursor:default;opacity:.7}
.ct .msgs{overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ct .m{max-width:82%;padding:8px 12px;border-radius:14px;font-size:.88rem;background:#363D42;align-self:flex-start}
.ct .m.me{align-self:flex-end;background:var(--noon,#E8CF73);color:#1E2225}
.ct .m small{display:block;font-size:.68rem;opacity:.6;margin-top:2px}
.ct .sys{align-self:center;font-size:.72rem;color:#A7A59C;text-align:center}
.ct form{display:flex;gap:6px;padding:10px;border-top:1px solid rgba(242,236,223,.12)}
.ct form input{flex:1;min-width:0;font:inherit;font-size:.9rem;background:#1E2225;color:#F2ECDF;border:1.5px solid rgba(242,236,223,.25);border-radius:999px;padding:8px 14px}
.ct form button{font:inherit;font-weight:700;font-size:.85rem;border:0;border-radius:999px;padding:8px 14px;background:var(--noon,#E8CF73);color:#1E2225;cursor:pointer}
.ctlist{display:grid;gap:4px}
.ctlist div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line-2)}
.ctlist span{color:var(--soft);font-size:.85rem}


/* ========== Compte : boutons visiteur + feuille d'inscription ========== */
.authbtns{display:flex;gap:8px;align-items:center}
.authbtns button{font:inherit;font-weight:700;font-size:.88rem;border-radius:999px;padding:7px 14px;cursor:pointer;border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.authbtns button.y{background:var(--noon);border-color:var(--noon);color:#1E2225}
body.authed .authbtns{display:none}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:var(--paper)}
.tabs2 button{font:inherit;font-weight:700;font-size:.9rem;border:0;border-radius:999px;padding:9px;background:transparent;color:var(--soft);cursor:pointer}
.tabs2 button[aria-selected="true"]{background:var(--ink);color:var(--bg)}

/* ========== Interface membre (connecté) ========== */
.app{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;align-items:start;padding-block:28px 80px}
.snav{position:sticky;top:20px;display:grid;gap:4px}
.snav a,.snav button{display:flex;align-items:center;gap:10px;font:inherit;font-weight:700;font-size:.95rem;text-decoration:none;color:var(--soft);background:transparent;border:0;border-radius:14px;padding:10px 14px;cursor:pointer;text-align:left;white-space:nowrap}
.snav a:hover,.snav button:hover,.snav a:focus-visible,.snav button:focus-visible{color:var(--ink);background:var(--paper)}
.snav .on{color:var(--ink);background:var(--paper)}
.snav i{width:10px;height:10px;border-radius:50%;background:var(--ic,var(--line));flex:none}
.snav .dot{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:var(--rose);color:#1E2225;font-size:.72rem;display:grid;place-items:center;padding:0 5px}
.snav hr{border:0;border-top:1px solid var(--line-2);margin:8px 0}
.amain{display:grid;gap:28px;min-width:0}
.hello h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,6vw,4rem);line-height:.95;text-transform:uppercase}
.hello h1 span{color:var(--noon)}
.ahero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.alive{position:relative;display:grid;gap:10px;align-content:space-between;min-height:220px;padding:24px;border-radius:26px;background:var(--noon);color:#1E2225;text-decoration:none;overflow:hidden}
.alive .big{font-family:var(--f-display);font-weight:800;font-size:4.4rem;line-height:.85}
.alive .faces span{background:var(--noon);color:#1E2225;border-color:#1E2225}
.alive .go{justify-self:start;font-weight:800;background:#1E2225;color:var(--noon);border-radius:999px;padding:10px 18px}
.alive .pulse{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.alive .pulse::before{content:"";width:10px;height:10px;border-radius:50%;background:#C2410C;box-shadow:0 0 0 0 rgba(194,65,12,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(194,65,12,0)}100%{box-shadow:0 0 0 0 rgba(194,65,12,0)}}
@media (prefers-reduced-motion:reduce){.alive .pulse::before{animation:none}}
.anext{display:grid;gap:10px;align-content:space-between;padding:24px;border-radius:26px;background:var(--paper);box-shadow:inset 0 5px 0 var(--nc,var(--line))}
.anext .t{font-family:var(--f-display);font-weight:800;font-size:3rem;line-height:.9;color:var(--nc,var(--ink))}
.asec{display:grid;gap:14px}
.asec-h{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.asec-h h2{font-family:var(--f-display);font-weight:800;font-size:1.9rem;text-transform:uppercase;line-height:1}
.arail{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.acard{display:grid;gap:6px;align-content:start;padding:16px;border-radius:20px;background:var(--paper);box-shadow:inset 0 4px 0 var(--mc)}
.acard .when{font-family:var(--f-mono);font-size:.8rem;color:var(--mc)}
.acard b{line-height:1.25}
.acard .by{font-size:.78rem;color:var(--soft)}
.acard .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:.82rem;color:var(--soft)}
.acard .row button{font:inherit;font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:999px;border:0;background:var(--mc);color:#1E2225;cursor:pointer;white-space:nowrap}
.acard .row button[disabled]{opacity:.6;cursor:default}
.acard .tagm{justify-self:start;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid var(--mc);color:var(--mc)}
.aright{display:grid;gap:14px;position:sticky;top:20px}
.aright .card{display:grid;gap:10px}
.actc{display:grid}
.actc button{display:flex;justify-content:space-between;align-items:center;gap:8px;font:inherit;text-align:left;background:transparent;border:0;border-top:1px solid var(--line-2);color:inherit;padding:10px 0;cursor:pointer}
.actc button span{font-size:.8rem;color:var(--soft);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.actc em{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:var(--rose);color:#1E2225;font-size:.72rem;font-weight:800;display:grid;place-items:center;padding:0 5px}
@media (max-width:1100px){ .app{grid-template-columns:180px minmax(0,1fr)} .aright{grid-column:2;position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} }
@media (max-width:760px){
  .app{grid-template-columns:1fr;gap:20px;padding-top:12px}
  .snav{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
  .snav hr{display:none}
  .snav a,.snav button{padding:8px 12px;font-size:.88rem;background:var(--paper)}
  .aright{grid-column:auto}
  .ahero{grid-template-columns:1fr}
}

/* ========== Lisibilité (v17) ========== */
body{font-size:17.5px;color:#F7F2E7}
.card,.acard,.mcard,.tl-step,.anext,.ct{border:1px solid var(--line-2)}
.soft,.hint{color:var(--soft)}
/* Un bloc clair là où c'est important : ta prochaine séance */
.anext{background:#F2ECDF;color:#1E2225;box-shadow:inset 0 6px 0 var(--nc,#1E2225)}
.anext .label{color:#1E2225;opacity:.7}
.anext .soft{color:#4A4F52}
.anext .t{color:#1E2225}
.anext .btn{background:#1E2225;color:#F2ECDF;border-color:#1E2225}
.anext .btn.line{background:transparent;color:#1E2225;border-color:#1E2225}

/* ========== Responsive ========== */
@media (max-width:980px){
  .strip,.plans,.ws{grid-template-columns:1fr 1fr}
  .wait,.space{grid-template-columns:1fr}
  .sbody{grid-template-columns:1fr}
}
@media (max-width:640px){
  .strip,.plans,.ws,.row2{grid-template-columns:1fr}
  .dirhead{grid-template-columns:1fr}
  .verdict button{padding:16px 6px;font-size:.95rem}
  .verdict svg{width:42px;height:42px}
  .vtiles{gap:6px}
  .vtile .tag{font-size:.68rem;left:6px;bottom:6px}
  .room-top .timer .mono{font-size:1.3rem}
  .mail .body{padding:24px 18px}
  .mail .bigtime{font-size:3rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ========== Passe design v18 : rythme ardoise / craie, tickets, grain ========== */
/* Grain de craie très léger sur l'ardoise */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.board{gap:72px}

/* Bandes « craie » : on retourne les couleurs sur toute la largeur */
.chalk{--ink:#1E2225;--soft:#4A4F52;--line:rgba(30,34,37,.28);--line-2:rgba(30,34,37,.12);--paper:#E9E2D3;--mark:#1E2225;--on-mark:#F2ECDF;
  position:relative;background:#F2ECDF;color:#1E2225;box-shadow:0 0 0 100vmax #F2ECDF;clip-path:inset(0 -100vmax);padding-block:72px}
.chalk .label{color:#1E2225;opacity:.7}
.chalk a{color:#1E2225}
.chalk .btn{background:#1E2225;color:#F2ECDF;border-color:#1E2225}

/* Comment ça se passe : titre à gauche, colonnes séparées comme un menu */
.timeline .or{text-align:left;justify-items:start}
.timeline .or h2{font-size:clamp(2.4rem,6vw,4.2rem);line-height:.9}
.tl-bar{height:18px;gap:6px}
.tl-bar i{border-radius:4px;box-shadow:inset 0 0 0 2px #1E2225}
.tl-steps{gap:0}
.tl-step{background:transparent;box-shadow:none;border:0;border-radius:0;padding:28px 28px 8px}
.tl-step+.tl-step{border-left:2px solid #1E2225}
.tl-step .n{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--sc);color:#1E2225;font-size:2.4rem;line-height:1;box-shadow:inset 0 0 0 2.5px #1E2225}
.tl-step h3{font-size:2rem;line-height:1}
.tl-step p{color:#3A3F42;font-size:1rem}
.tl-step .t{color:#4A4F52}
.timeline .note{text-align:left!important;max-width:44rem;color:#3A3F42}

/* Tickets de séance (accueil + tableau de bord) */
.mcard,.acard{padding:0;overflow:hidden;box-shadow:none;border:1px solid var(--line-2);gap:0;border-radius:18px}
.tk-top{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:14px 16px 12px;background:var(--mc);color:#1E2225;position:relative}
.tk-top::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:repeating-linear-gradient(90deg,#1E2225 0 6px,transparent 6px 12px);opacity:.35}
.tk-top .day{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.tk-top .big{font-family:var(--f-display);font-weight:800;font-size:2.2rem;line-height:.85}
.tk-body{display:grid;gap:6px;padding:14px 16px 16px;align-content:start}
.mcard .when,.acard .when{display:none}
.mcard .tagm,.acard .tagm{border-color:currentColor;color:var(--soft)}
.mcard.me{outline:2px dashed var(--mc);outline-offset:2px}
.mcard b,.acard b{font-size:1.05rem}
.mine-list,.arail{gap:14px}

/* La formule / ateliers / en ce moment : bande craie */
.under.chalk{padding-block:56px}
.under.chalk > div+div{border-left:2px solid #1E2225}
.under.chalk h3{font-size:2rem}

/* Tableau de bord : plus d'air et de contraste */
.app{gap:36px}
.amain{gap:40px}
.snav a.on{background:#F2ECDF;color:#1E2225}
.snav a.on i{background:#1E2225}
.aright .card{background:transparent;border:1px solid var(--line)}
@media (max-width:760px){
  .tl-step+.tl-step{border-left:0;border-top:2px solid #1E2225}
  .tl-step{padding:22px 4px 8px}
  .under.chalk > div+div{border-left:0;border-top:2px solid #1E2225}
  .chalk{padding-block:52px}
}

/* ========== Fond craie v19 (choix de Romuald) : beige partout, bandes ardoise pour le rythme ========== */
:root{--bg:#F2ECDF;--ink:#1E2225;--soft:#4A4F52;--paper:#E8E1D1;--white:#FBF8F1;--line:rgba(30,34,37,.26);--line-2:rgba(30,34,37,.12);
  --mark:#1E2225;--on-mark:#F2ECDF;--hi:rgba(30,34,37,.08);--dim:rgba(30,34,37,.3);--ok:#1E2225;
  --morning-d:#B04E1C;--noon-d:#7D6000;--evening-d:#2E57BD;color-scheme:light}
body{color:var(--ink);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.room{background-image:none}
/* Les couleurs des moments en texte : versions foncées lisibles sur le beige */
.col:nth-child(1){--ct:var(--morning-d)} .col:nth-child(2){--ct:var(--noon-d)} .col:nth-child(3){--ct:var(--evening-d)}
[data-variant="moments"] .col h2,[data-variant="moments"] .item .time{color:var(--ct)}
[data-variant="moments"] .board-head h1 .t2{color:var(--morning-d)}
[data-variant="moments"] .item[aria-pressed="true"] .time{color:#1E2225}
.hello h1 span{color:var(--morning-d)}
.input{background:var(--white)}
.item[aria-pressed="true"]{color:#1E2225}
/* Cartes sur beige : fond blanc cassé et contour net */
.mcard,.acard,.card,.anext{background:var(--white);border:1.5px solid #1E2225}
.anext{box-shadow:none}
.tk-top{border-bottom:1.5px solid #1E2225}
.tk-top::after{display:none}
.mcard .tagm,.acard .tagm{color:var(--soft)}
.aright .card{background:transparent;border:1.5px solid var(--line)}
.snav a:hover,.snav button:hover,.snav a:focus-visible,.snav button:focus-visible{background:var(--paper)}
.snav a.on{background:#1E2225;color:#F2ECDF}
.snav a.on i{background:#F2ECDF}
.snav .on{background:#1E2225;color:#F2ECDF}
.authbtns button{border-color:#1E2225;color:#1E2225}
.authbtns button.y{background:#1E2225;color:#F2ECDF;border-color:#1E2225}
.ctbtn{color:#1E2225}
/* Bandes ardoise : l'énergie noire reste, en blocs */
.chalk{--ink:#F2ECDF;--soft:#D2CEC3;--line:rgba(242,236,223,.3);--line-2:rgba(242,236,223,.13);--paper:#2B3135;--mark:#F2ECDF;--on-mark:#1E2225;
  background:#1E2225;color:#F2ECDF;box-shadow:0 0 0 100vmax #1E2225}
.chalk .label{color:#F2ECDF;opacity:.75}
.chalk a{color:#F2ECDF}
.chalk .btn{background:var(--noon);color:#1E2225;border-color:var(--noon)}
.tl-bar i{box-shadow:none}
.tl-step+.tl-step{border-left-color:rgba(242,236,223,.3)}
.tl-step .n{box-shadow:none}
.tl-step p{color:#D2CEC3}
.tl-step .t{color:#B9B6AC}
.timeline .note{color:#D2CEC3}
.under.chalk > div+div{border-left-color:rgba(242,236,223,.3)}
@media (max-width:760px){ .tl-step+.tl-step{border-top-color:rgba(242,236,223,.3)} .under.chalk > div+div{border-top-color:rgba(242,236,223,.3)} }

/* ========== RADAR CLIENTS (v20) : l'annuaire des entreprises qui pourraient avoir besoin d'un freelance ========== */
.app2{grid-template-columns:200px minmax(0,1fr)}
.snav .new{margin-left:auto;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--ocre);color:#1E2225;border-radius:999px;padding:2px 7px}
.snav a.on .new{background:var(--ocre);color:#1E2225}
.rhead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:end}
.rhead h2{font-size:clamp(2.2rem,5vw,3.6rem);line-height:.92}
.rhead .bigcount{font-size:clamp(3.6rem,9vw,6.4rem);text-align:right}
.rhead .stk{top:-14px;right:-6px}
.rsig{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.rsig button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;align-content:start;padding:14px 14px 12px;border-radius:18px;background:var(--white);border:1.5px solid #1E2225;box-shadow:inset 0 5px 0 var(--sg)}
.rsig button b{font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1}
.rsig button span{font-size:.8rem;font-weight:700;line-height:1.2}
.rsig button[aria-pressed="true"]{background:var(--sg);box-shadow:none}
.rsig button:focus-visible{outline:3px solid #1E2225;outline-offset:2px}
.rtools{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.rtools .field{flex:1 1 170px;min-width:0}
.rtools .field.q{flex:2 1 220px}
.rtools select.input,.rtools .input{padding:10px 14px;border-radius:12px}
.rtools .field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}
.rmine{font:inherit;font-weight:700;font-size:.9rem;border:2px solid #1E2225;background:transparent;border-radius:12px;padding:10px 14px;cursor:pointer;white-space:nowrap}
.rmine[aria-pressed="true"]{background:#1E2225;color:#F2ECDF}
.rtable{display:grid;border:1.5px solid #1E2225;border-radius:20px;overflow:hidden;background:var(--white)}
.rrow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.6fr) 92px 44px;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--line-2)}
.rrow.th{border-top:0;background:#1E2225;color:#F2ECDF;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;padding-block:10px}
.rrow.tr{cursor:pointer}
.rrow.tr:hover{background:var(--paper)}
.rrow.tr:focus-visible{outline:3px solid #1E2225;outline-offset:-3px}
.rco{display:flex;gap:12px;align-items:center;min-width:0}
.lg{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;font-family:var(--f-display);font-weight:800;font-size:1.1rem;background:var(--lc);color:#1E2225;border:1.5px solid #1E2225}
.rco b{display:block;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rco span{display:block;font-size:.8rem;color:var(--soft)}
.rcat{font-size:.86rem;min-width:0}
.rcat span{display:block;font-size:.78rem;color:var(--soft)}
.sgp{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--sg);color:#1E2225;white-space:nowrap}
.sgp i{font-style:normal;font-weight:400;opacity:.75}
.rneed{font-size:.9rem;line-height:1.35;min-width:0}
.rneed .sgp{margin-bottom:5px}
.rneed em{font-style:normal;font-weight:700}
.rpot{display:grid;gap:4px;font-size:.74rem;font-weight:700}
.rpot .m{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.rpot .m i{height:7px;border-radius:4px;background:var(--line-2)}
.rpot .m i.on{background:#1E2225}
.rstar{all:unset;cursor:pointer;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-size:1.1rem}
.rstar[aria-pressed="true"]{background:var(--ocre);border-color:#1E2225}
.rstar:focus-visible{outline:3px solid #1E2225}
.rempty{padding:28px 16px;text-align:center;color:var(--soft)}
.rfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.rprosp{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 24px;border-radius:24px;background:#1E2225;color:#F2ECDF}
.rprosp b{font-family:var(--f-display);font-weight:800;font-size:1.5rem;text-transform:uppercase;display:block;line-height:1}
.rprosp .btn{background:var(--ocre);color:#1E2225;border-color:var(--ocre)}
#rdlg{width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px)}
#rdlg .dlg{gap:18px}
.rd-head{display:flex;gap:14px;align-items:flex-start}
.rco .lg{display:grid}
.rd-head .lg{width:56px;height:56px;border-radius:16px;font-size:1.5rem}
.rd-head h3{font-family:var(--f-display);font-weight:800;font-size:2rem;text-transform:uppercase;line-height:.95}
.rd-head .x{margin-left:auto;border:0;background:var(--paper);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;flex:none}
.rd-id{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rd-id div{background:var(--white);border:1px solid var(--line-2);border-radius:14px;padding:10px 12px;font-size:.88rem}
.rd-id span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-weight:700}
.rd-sig{display:grid;gap:8px}
.rd-sig div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:.9rem}
.rd-sig small{display:block;color:var(--soft);font-size:.78rem}
.rd-need{display:grid;gap:6px}
.rd-need .me{background:var(--ocre);color:#1E2225;border:1.5px solid #1E2225;border-radius:16px;padding:14px 16px}
.rd-need .me b{font-family:var(--f-display);font-weight:800;font-size:1.3rem;text-transform:uppercase;display:block}
.rd-need ul{list-style:none;margin:0;padding:0;display:grid}
.rd-need li{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line-2);font-size:.9rem}
.rd-need li b{font-size:.85rem}
.rd-act{display:flex;gap:8px;flex-wrap:wrap}
.rd-act .btn{padding:10px 16px;font-size:.92rem}
.rcard-radar{background:var(--ocre)!important;border:1.5px solid #1E2225!important;color:#1E2225}
.rcard-radar .big{font-family:var(--f-display);font-weight:800;font-size:3rem;line-height:.9}
.rcard-radar .label{color:#1E2225;opacity:.75}
@media (max-width:1100px){ .app2{grid-template-columns:180px minmax(0,1fr)} .rsig{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:860px){
  .rrow.th{display:none}
  .rrow{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .rrow .rcat{grid-column:1/-1}
  .rrow .rneed{grid-column:1/-1}
  .rrow .rpot{grid-column:1;grid-row:4}
  .rrow .rstar{grid-column:2;grid-row:1}
}
@media (max-width:760px){ .app2{grid-template-columns:1fr} .rhead{grid-template-columns:1fr} .rhead .bigcount{text-align:left} .rhead .stk{display:none} .rd-id{grid-template-columns:1fr 1fr} .rd-need li{grid-template-columns:1fr;gap:2px} }
@media (max-width:480px){ .rsig{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ========== v22 : coque d'application (menu latéral + barre du haut) et Radar façon TrendTrack ========== */
.side{position:fixed;top:0;bottom:0;left:0;width:248px;z-index:45;background:#1E2225;color:#F2ECDF;display:flex;flex-direction:column;gap:6px;padding:calc(20px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));overflow-y:auto}
.side .sb-brand{font-family:var(--f-display);font-weight:800;font-size:1.9rem;line-height:1;text-decoration:none;color:#F2ECDF;padding:0 10px 12px;display:inline-flex;align-items:baseline}
.side .sb-brand::after{content:"";width:.22em;height:.22em;border-radius:50%;background:currentColor;margin-left:.08em}
.side .sb-live{display:flex;align-items:center;gap:10px;margin:0 4px 8px;padding:10px 12px;border-radius:14px;background:var(--noon);color:#1E2225;text-decoration:none;font-weight:700;font-size:.88rem}
.side .sb-live i{width:9px;height:9px;border-radius:50%;background:#C2402B;animation:pulse 1.4s infinite;flex:none}
.side .sb-live b{font-family:var(--f-display);font-size:1.3rem;margin-left:auto}
.side .sb-g{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#8E918F;padding:12px 12px 4px}
.side .sb-i{display:flex;align-items:center;gap:11px;width:100%;font:inherit;font-weight:700;font-size:.92rem;text-decoration:none;color:#D2CEC3;background:transparent;border:0;border-radius:12px;padding:9px 12px;cursor:pointer;text-align:left}
.side .sb-i svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.side .sb-i:hover,.side .sb-i:focus-visible{background:#2B3135;color:#F2ECDF}
.side .sb-i.on{background:#F2ECDF;color:#1E2225}
.side .sb-i .bd{margin-left:auto;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 7px;background:var(--ocre);color:#1E2225}
.side .sb-i .bd.n{background:var(--rose);min-width:20px;text-align:center}
.side .sb-i .bd.s{background:#3A4247;color:#D2CEC3}
.side .sb-i.on .bd.s{background:#E8E1D1;color:#1E2225}
.side .sb-foot{margin-top:auto;display:grid;gap:10px;padding-top:14px}
.side .sb-plan{border:1px solid #3A4247;border-radius:16px;padding:12px;display:grid;gap:8px;font-size:.82rem;color:#D2CEC3}
.side .sb-plan .quota{color:#D2CEC3;font-size:.78rem;flex-wrap:wrap}
.side .sb-plan .quota i{background:#F2ECDF}.side .sb-plan .quota i.used{background:#3A4247}
.side .sb-plan a{justify-self:start;font-weight:800;color:#1E2225;background:var(--noon);border-radius:999px;padding:6px 12px;text-decoration:none;font-size:.8rem}
.side .sb-me{display:flex;align-items:center;gap:10px;padding:6px 8px}
.side .sb-me .av{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--peach);color:#1E2225;font-family:var(--f-display);font-weight:800;flex:none}
.side .sb-me b{display:block;font-size:.88rem;line-height:1.2}
.side .sb-me span{font-size:.76rem;color:#8E918F}
.side .sb-me button{margin-left:auto;background:transparent;border:1px solid #3A4247;color:#D2CEC3;border-radius:10px;padding:6px;cursor:pointer;display:grid}
.side .sb-me button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.sb-scrim{position:fixed;inset:0;background:rgba(22,19,10,.45);z-index:44}
body.shell .wrap{max-width:none;margin-left:248px;padding-left:36px;padding-right:max(36px,env(safe-area-inset-right,0px))}
body.shell .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);padding-block:14px;border-bottom:1.5px solid var(--line);margin-bottom:6px}
body.shell .top .brand,body.shell .authbtns{display:none}
body.shell .top .right{margin-left:0;flex:1;gap:12px;flex-wrap:nowrap;color:var(--ink)}
.tb-burger{display:none;border:1.5px solid var(--ink);background:transparent;border-radius:12px;width:40px;height:40px;cursor:pointer;place-items:center;flex:none}
.tb-burger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2}
.tb-search{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;border:1.5px solid var(--ink);background:var(--white);border-radius:14px;padding:9px 14px;min-width:0}
.tb-search svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2;flex:none}
.tb-search input{border:0;background:transparent;outline:none;flex:1;min-width:0;font-size:.92rem}
.tb-search kbd{font-family:var(--f-mono);font-size:.7rem;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--soft)}
.tb-sp{flex:1}
.tb-ic{position:relative;border:1.5px solid var(--ink);background:transparent;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;flex:none;color:var(--ink)}
.tb-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2}
.tb-ic .dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;background:var(--rose);color:#1E2225;font-size:.68rem;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg)}
.tb-av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--peach);color:#1E2225;font-family:var(--f-display);font-weight:800;text-decoration:none;flex:none;border:1.5px solid #1E2225}
body.shell .top .ctbtn{display:none}
/* Les menus propres à chaque page laissent la place au menu commun */
body.shell .snav{display:none}
body.shell .app{grid-template-columns:minmax(0,1fr) 300px;padding-top:12px}
body.shell .app2{grid-template-columns:minmax(0,1fr)}
body.shell section[data-view]{padding-top:12px}
body.shell h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}
body.shell .view-grid > div > h2,body.shell .dirhead h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
body.shell .bigcount{font-size:clamp(3rem,7vw,5.2rem)}
body.shell .view-grid{gap:36px}
.pghead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.pghead h1{font-size:clamp(2rem,4vw,3rem)!important;text-transform:uppercase;line-height:.95}
.pghead p{color:var(--soft);font-size:.92rem;margin-top:6px}
.pghead .acts{display:flex;gap:8px;flex-wrap:wrap}
.pghead .acts .btn{padding:9px 16px;font-size:.9rem;border-radius:12px}
@media (max-width:1180px){ body.shell .app{grid-template-columns:minmax(0,1fr)} body.shell .aright{grid-column:auto;position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} }
@media (max-width:900px){
  .side{transform:translateX(-100%);transition:transform .25s}
  body.side-open .side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.4)}
  body.shell .wrap{margin-left:0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .tb-burger{display:grid}
  .tb-search kbd{display:none}
}
@media (max-width:520px){ .tb-search{display:none} .tb-sp{display:block} }
/* ========== v23 : prix à paliers façon TrendTrack ========== */
.bill{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#1E2225;flex-wrap:wrap}
.bill button{font:inherit;font-weight:700;font-size:.86rem;border:0;border-radius:10px;padding:8px 14px;background:transparent;color:#F2ECDF;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.bill button em{font-style:normal;font-size:.7rem;font-weight:800;background:var(--menthe);color:#1E2225;border-radius:999px;padding:1px 7px}
.bill button[aria-pressed="true"]{background:#F2ECDF;color:#1E2225}
.tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.tier{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;padding:22px 20px;border-radius:22px;background:var(--white);border:1.5px solid var(--line);cursor:pointer}
.tier:hover{border-color:#1E2225}
.tier:focus-visible{outline:3px solid #1E2225;outline-offset:2px}
.tier[aria-pressed="true"]{border:2.5px solid #1E2225;box-shadow:0 6px 0 #1E2225}
.tier.hot{background:#1E2225;color:#F2ECDF;border-color:#1E2225}
.tier.hot .soft,.tier.hot li{color:#D2CEC3}
.tier.hot[aria-pressed="true"]{box-shadow:0 6px 0 var(--ocre)}
.tier .tg{position:absolute;top:-12px;left:18px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--ocre);color:#1E2225;border:1.5px solid #1E2225}
.tier h3{font-family:var(--f-display);font-weight:800;font-size:1.7rem;text-transform:uppercase;line-height:1}
.tier .for{font-size:.86rem}
.tier .amt{font-family:var(--f-display);font-weight:800;font-size:3rem;line-height:.9;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.tier .amt small{font-family:var(--f-body);font-size:.85rem;font-weight:700}
.tier .amt s{font-family:var(--f-body);font-size:.95rem;font-weight:400;opacity:.6}
.tier .sub{font-size:.78rem;min-height:1.2em}
.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;align-content:start;font-size:.88rem}
.tier li{display:grid;grid-template-columns:18px 1fr;gap:6px;line-height:1.35}
.tier li::before{content:"✓";font-weight:800}
.tier .go{justify-self:stretch;text-align:center;font-weight:800;border-radius:12px;padding:10px;border:2px solid currentColor}
.tier.hot .go{background:var(--ocre);color:#1E2225;border-color:var(--ocre)}
.cmpwrap{overflow-x:auto;border:1.5px solid #1E2225;border-radius:20px;background:var(--white)}
.cmp{border-collapse:collapse;width:100%;min-width:720px;font-size:.88rem}
.cmp th,.cmp td{padding:11px 16px;text-align:left;border-top:1px solid var(--line-2)}
.cmp thead th{border-top:0;background:#1E2225;color:#F2ECDF;font-family:var(--f-display);font-weight:800;font-size:1.1rem;text-transform:uppercase}
.cmp thead th.hot{background:var(--ocre);color:#1E2225}
.cmp td.hot{background:rgba(232,207,115,.18);font-weight:700}
.cmp tr.grp td{background:var(--paper);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--soft);padding-block:7px}
.cmp .no{color:var(--soft)}
.orgs{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 24px;border-radius:22px;border:1.5px dashed #1E2225}
.orgs b{font-family:var(--f-display);font-weight:800;font-size:1.4rem;text-transform:uppercase}
.orgs p{font-size:.9rem;color:var(--soft);max-width:44rem}
@media (max-width:1000px){ .tiers{grid-template-columns:1fr} }
@media (max-width:560px){ .tiers{grid-template-columns:1fr} }


/* Radar v22 */
.rkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1.5px solid #1E2225;border-radius:18px;background:var(--white);overflow:hidden}
.rkpi div{padding:14px 18px;display:grid;gap:2px}
.rkpi div+div{border-left:1px solid var(--line-2)}
.rkpi b{font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}
.rkpi span{font-size:.78rem;font-weight:700;color:var(--soft)}
.rkpi em{font-style:normal;font-size:.72rem;font-weight:700;color:#2F7A55}
.rtabs{display:flex;gap:4px;border-bottom:1.5px solid #1E2225;overflow-x:auto;scrollbar-width:none}
.rtabs button{font:inherit;font-weight:700;font-size:.92rem;border:0;background:transparent;color:var(--soft);padding:10px 14px 12px;cursor:pointer;white-space:nowrap;border-bottom:4px solid transparent;margin-bottom:-1.5px;display:flex;gap:8px;align-items:center}
.rtabs button span{font-family:var(--f-mono);font-size:.72rem;padding:1px 7px;border-radius:999px;background:var(--paper);color:var(--ink)}
.rtabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--tc,#1E2225)}
.rtabs button[aria-selected="true"] span{background:var(--tc,#1E2225);color:#1E2225}
.rtabs small{font-weight:400;font-size:.78rem;display:block;color:var(--soft)}
.rbody{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.rfil{position:sticky;top:90px;display:grid;gap:4px;border:1.5px solid #1E2225;border-radius:18px;background:var(--white);padding:6px 0;max-height:calc(100vh - 110px);overflow:auto}
.rfil details{border-top:1px solid var(--line-2);padding:0 16px}
.rfil details:first-of-type{border-top:0}
.rfil summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}
.rfil summary::-webkit-details-marker{display:none}
.rfil summary::after{content:"+";font-family:var(--f-mono);font-weight:500}
.rfil details[open] summary::after{content:"−"}
.rfil .opts{display:grid;gap:2px;padding-bottom:12px}
.rfil label.ck{display:flex;align-items:center;gap:9px;font-size:.88rem;padding:5px 2px;cursor:pointer}
.rfil label.ck input{width:17px;height:17px;accent-color:#1E2225;flex:none}
.rfil label.ck span{margin-left:auto;font-family:var(--f-mono);font-size:.72rem;color:var(--soft)}
.rfil label.ck i{width:9px;height:9px;border-radius:50%;background:var(--sg);border:1px solid #1E2225;flex:none}
.rfil select,.rfil .input{padding:9px 12px;border-radius:12px;font-size:.9rem}
.rfil .rng{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.rfil .rng button{font:inherit;font-size:.78rem;font-weight:700;border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:4px 10px;cursor:pointer}
.rfil .rng button[aria-pressed="true"]{background:#1E2225;color:#F2ECDF;border-color:#1E2225}
.rfil .lists{display:grid;gap:2px;padding-bottom:12px}
.rfil .lists button{font:inherit;font-size:.88rem;display:flex;justify-content:space-between;gap:8px;border:0;background:transparent;padding:6px 4px;border-radius:8px;cursor:pointer;text-align:left}
.rfil .lists button:hover{background:var(--paper)}
.rfil .lists button[aria-pressed="true"]{background:var(--ocre)}
.rfil .reset{margin:6px 16px 10px;font:inherit;font-size:.82rem;font-weight:700;background:transparent;border:0;text-decoration:underline;cursor:pointer;justify-self:start;padding:0}
.rres{display:grid;gap:12px;min-width:0}
.rbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rbar .input{flex:1 1 220px;max-width:380px;padding:9px 14px;border-radius:12px;font-size:.92rem}
.rbar select{padding:9px 12px;border-radius:12px;font-size:.88rem;width:auto}
.rbar .cnt{font-size:.86rem;color:var(--soft);flex-basis:100%}
.rbar select.input{flex:0 0 auto;width:auto}
.rbar .cnt b{color:var(--ink)}
.rchips{display:flex;gap:6px;flex-wrap:wrap}
.rchips button{font:inherit;font-size:.78rem;font-weight:700;border:1.5px solid #1E2225;background:var(--white);border-radius:999px;padding:3px 10px;cursor:pointer}
.rrow{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.5fr) 84px 44px}
.rsigc{display:grid;gap:3px;justify-items:start;font-size:.76rem;color:var(--soft)}
.rscore{display:grid;gap:4px;font-family:var(--f-display);font-weight:800;font-size:1.35rem;line-height:1}
.rscore small{font-family:var(--f-body);font-size:.68rem;font-weight:700;color:var(--soft)}
.rscore .m{height:6px;border-radius:3px;background:var(--line-2);overflow:hidden}
.rscore .m i{display:block;height:100%;background:#1E2225}
.rmob{display:none}
@media (max-width:1100px){ .rbody{grid-template-columns:1fr} .rfil{position:static;max-height:none} .rkpi{grid-template-columns:repeat(2,minmax(0,1fr))} .rkpi div:nth-child(3){border-left:0} .rkpi div:nth-child(n+3){border-top:1px solid var(--line-2)} }
@media (max-width:860px){ .rrow{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px} .rrow .rco{grid-column:1;grid-row:1} .rrow .rstar{grid-column:2;grid-row:1} .rrow .rcat,.rrow .rsigc,.rrow .rneed{grid-column:1/-1} .rrow .rsigc{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .rrow .rscore{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:10px} .rfil{display:none} .rfil.show{display:grid} .rmob{display:inline-flex} }

/* ========== v25 « pro et minimaliste » (demandé par Romuald le 10/11, inspiration TrendTrack) ==========
   Une seule police (Inter), fond blanc cassé, traits fins de 1 px, coins de 8 px, couleur uniquement pour l'information.
   La version fun est archivée : archive-v24-fun.html */
:root{--bg:#FAFAF9;--ink:#18181B;--soft:#71717A;--paper:#F4F4F5;--white:#FFFFFF;--line:#E4E4E7;--line-2:#F0F0F2;
  --mark:#18181B;--on-mark:#FFFFFF;--hi:#F4F4F5;--dim:#D4D4D8;--ok:#16A34A;--accent:#4F46E5;
  --peach:#FDE8DA;--ocre:#FBF0CC;--noon:#FBF0CC;--morning:#FDE8DA;--evening:#E0E8FC;--sky:#E0E8FC;--menthe:#DCF5E8;--mint:#DCF5E8;--rose:#FCE4EC;
  --morning-d:#C2410C;--noon-d:#A16207;--evening-d:#1D4ED8;
  --room:#0B0B0D;--room-2:#18181B;--room-3:#27272A;--room-ink:#FAFAFA;--room-soft:#A1A1AA;--room-y:#FAFAFA;
  --f-display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--f-hand:"Inter",sans-serif}
body{background-image:none!important;background-color:var(--bg);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
body.room{background:var(--room)}
h1,h2,h3,.pghead h1,.hello h1,.board-head h1{font-family:var(--f-display);font-weight:600!important;text-transform:none!important;letter-spacing:-.025em;line-height:1.15}
h1{font-size:clamp(1.9rem,4vw,2.8rem)} h2{font-size:1.35rem} h3{font-size:1rem}
body.shell h1,.pghead h1{font-size:1.6rem!important}
body.shell .view-grid > div > h2,body.shell .dirhead h2{font-size:1.15rem}
.board-head h1{font-size:clamp(2.4rem,6vw,4.2rem)!important;line-height:1.02}
.hello h1{font-size:1.6rem!important;line-height:1.2}
.hello h1 span,[data-variant="moments"] .board-head h1 .t2{color:var(--soft)!important}
.bigcount,.rhead .bigcount,body.shell .bigcount{font-weight:600;letter-spacing:-.04em;font-size:clamp(2.4rem,5vw,3.4rem)!important;line-height:1}
.label{font-size:.7rem;letter-spacing:.06em;font-weight:600;color:var(--soft)}
.mono{font-family:var(--f-mono);font-size:.92em}
/* plus de stickers, gribouillis ni grain */
.stk,.doodle{display:none!important}
/* traits fins partout */
body:not(.room) [class]{border-color:var(--line)}
.btn{border:1px solid var(--mark);border-radius:8px;padding:8px 14px;font-weight:500;font-size:.9rem;transition:background .15s,border-color .15s;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.btn:hover{transform:none;opacity:.9}
.btn.big{padding:11px 18px;font-size:.95rem;border-radius:8px}
.btn.line,body:not(.room) .btn.line{background:var(--white);color:var(--ink);border-color:var(--line)}
.btn.line:hover{background:var(--paper);opacity:1}
[data-variant="moments"] .btn:not(.line),[data-variant="menthe"] .btn:not(.line),.chalk .btn,.rprosp .btn,.tier.hot .go{background:var(--mark)!important;color:var(--on-mark)!important;border-color:var(--mark)!important}
.input{border:1px solid var(--line)!important;border-radius:8px;padding:8px 12px;font-size:.9rem;background:var(--white)}
.input:focus{outline:none;border-color:#A1A1AA!important;box-shadow:0 0 0 3px rgba(24,24,27,.06)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.card,.mcard,.acard,.anext,.alive,.rkpi,.tier,.rcard-radar,.rfil,.rtable,.aright .card{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--white)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important}
.alive{min-height:0}
.alive .faces span{background:var(--paper)!important;color:var(--ink)!important;border:2px solid var(--white)!important;font-family:var(--f-body);font-weight:600;font-size:.7rem}
.chip{border-radius:6px;font-size:.8rem;padding:3px 8px;background:var(--paper);border:1px solid var(--line)}
/* billets de séance : plus de bande colorée, juste un point de couleur */
.tk-top{background:var(--white)!important;border-bottom:1px solid var(--line-2)!important;padding:12px 14px 10px}
.tk-top .big{font-family:var(--f-body);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;line-height:1}
.tk-top .day{font-weight:600;letter-spacing:.04em;color:var(--soft)}
.tk-top .day::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mc);filter:saturate(3) brightness(.8);margin-right:6px;vertical-align:1px}
/* bandeaux sombres de la page publique : neutres et sobres */
.chalk{--ink:#FAFAFA;--soft:#A1A1AA;--line:#27272A;--line-2:#1F1F23;--paper:#18181B;--mark:#FAFAFA;--on-mark:#18181B;background:#0B0B0D;box-shadow:0 0 0 100vmax #0B0B0D}
.chalk .btn{background:#FAFAFA!important;color:#18181B!important;border-color:#FAFAFA!important}
/* menu latéral clair */
.side{background:#FFFFFF;color:var(--ink);border-right:1px solid var(--line);width:240px;padding-inline:12px}
body.shell .wrap{margin-left:240px}
.side .sb-brand{font-family:var(--f-body);font-weight:700;font-size:1.25rem;letter-spacing:-.03em;color:var(--ink);padding:2px 10px 14px}
.side .sb-live{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-weight:500;padding:8px 10px}
.side .sb-live i{background:#EF4444}
.side .sb-live b{font-family:var(--f-body);font-size:.85rem;font-weight:600;color:var(--soft)}
.side .sb-g{color:#A1A1AA;font-weight:600;letter-spacing:.06em;font-size:.66rem;padding:14px 10px 4px}
.side .sb-i{color:#52525B;font-weight:500;font-size:.88rem;border-radius:6px;padding:7px 10px;gap:10px}
.side .sb-i svg{width:16px;height:16px;stroke-width:1.8}
.side .sb-i:hover,.side .sb-i:focus-visible{background:var(--paper);color:var(--ink)}
.side .sb-i.on{background:var(--paper);color:var(--ink);font-weight:600}
.side .sb-i .bd{background:var(--paper)!important;color:var(--soft)!important;border:1px solid var(--line);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:.66rem}
.side .sb-i .bd.n{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)}
.side .sb-i .bd:not(.n):not(.s){background:#EEF2FF!important;color:var(--accent)!important;border-color:#E0E7FF}
.side .sb-plan{border:1px solid var(--line);border-radius:8px;color:var(--soft);background:var(--bg)}
.side .sb-plan b{color:var(--ink)}
.side .sb-plan a{background:var(--white)!important;color:var(--ink);border:1px solid var(--line);border-radius:6px;font-weight:500}
.side .sb-me span{color:#A1A1AA}
.side .sb-me .av,.tb-av{background:var(--ink)!important;color:#fff!important;font-family:var(--f-body);font-weight:600;font-size:.8rem;border-radius:999px;border:0}
.side .sb-me button{border-color:var(--line);color:var(--soft)}
/* barre du haut */
body.shell .top{background:rgba(250,250,249,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-block:10px}
.tb-ic .dot{background:#EF4444!important;color:#fff}
/* Radar */
.rkpi b{font-family:var(--f-body);font-weight:600;font-size:1.5rem;letter-spacing:-.02em}
.rkpi span{font-weight:500}
.rkpi em{color:var(--ok)}
.rtabs{border-bottom:1px solid var(--line)!important}
.rtabs button{font-weight:500;border-bottom-width:2px}
.rhd,.rtable thead,[class*="rhd"]{background:var(--paper)!important;color:var(--soft)!important}
.rstar[aria-pressed="true"]{background:var(--ink)!important;color:#fff!important}
.rcard-radar{background:var(--white)!important}
.rfil .lists button[aria-pressed="true"],.snav .new,.snav a.on .new{background:#EEF2FF!important;color:var(--accent)!important}
/* Prix */
.tier.hot{background:var(--white)!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.tier.hot .soft,.tier.hot li{color:var(--soft)!important}
.tier.hot[aria-pressed="true"],.tier[aria-pressed="true"]{box-shadow:0 0 0 3px rgba(24,24,27,.08)!important}
.tier .tg{background:var(--ink)!important;color:#fff!important;border-radius:6px;font-weight:600;text-transform:none;letter-spacing:0}
.bill button em{background:#DCFCE7!important;color:#15803D!important;font-style:normal}
.cmp thead th.hot{background:var(--paper)!important;color:var(--ink)!important}
/* salles de visio : neutres */
.livebar,.screen .ctl .y,.vtile.talk .tag{background:#FAFAFA!important;color:#18181B!important}
@media (max-width:900px){ body.shell .wrap{margin-left:0} }

/* v25 : finitions */
.ticker,.bookbar b,.under h3,.tl-step h3,.mine-head h2,.asec-h h2,.rprosp b,.rd-head h3,.rd-need .me b,.tier h3,.cmp thead th,.rkpi b,.rsig button b,.tk-top .big,.plan .amt,.wait .count,.end .q,.mail .bigtime,.faq summary,.brand,.col h2{font-family:var(--f-body)!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.02em}
.asec-h h2,.mine-head h2{font-size:1.15rem!important}
.tier h3,.rd-head h3{font-size:1.15rem!important}
.rprosp b,.rd-need .me b{font-size:1rem!important}
[style*="f-display"]{font-family:var(--f-body)!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.02em}
#a-next [style*="f-display"]{font-size:1.15rem!important}
.alive .pulse,.livebar .on,.badge,.acard .tagm,.tk-top .day,.side .sb-g,.rtools .field label,.rd-id span{text-transform:none!important;letter-spacing:.01em!important;font-weight:600!important}
.label,.rrow.th,.cmp tr.grp td{letter-spacing:.06em!important;font-weight:600!important}
.rrow.th{background:var(--paper)!important;color:var(--soft)!important;font-size:.7rem;border-bottom:1px solid var(--line)}
.cmp thead th{background:var(--paper)!important;color:var(--ink)!important;font-size:.9rem!important}
.rsig button{border:1px solid var(--line)!important;border-radius:8px!important}
.side .sb-plan,.side .sb-plan .quota,.side .sb-plan span,.side .sb-plan p{color:var(--soft)!important}
.side .sb-plan b,.side .sb-plan strong{color:var(--ink)!important}
.side .sb-plan .quota i{background:var(--ink)}.side .sb-plan .quota i.used{background:var(--line)}
.side{gap:2px}
.side .sb-i{padding-block:6px}
/* boutons « Réserver » des billets : sobres */
.mcard .btn,.acard .btn,.acard button:not(.line){background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.acard .btn:hover,.mcard .btn:hover{background:var(--paper)!important}
.sgp{border-radius:6px!important;font-weight:500!important;font-size:.74rem!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.bill{background:var(--paper)!important;border:1px solid var(--line);border-radius:8px!important}
.bill button{color:var(--soft)!important;font-weight:500!important;border-radius:6px!important;padding:6px 12px!important}
.bill button[aria-pressed="true"]{background:var(--white)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tier .amt{font-family:var(--f-body)!important;font-weight:600!important;font-size:2.1rem!important;letter-spacing:-.03em;line-height:1}
.tier.hot li{color:var(--ink)!important}
.paybar{background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:10px!important;padding:14px 18px}
.paybar .btn{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.cmp td.hot{background:#FAFAFA!important;font-weight:600}
.orgs{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--white)}
.orgs b{font-family:var(--f-body)!important;font-weight:600!important;font-size:1rem!important;text-transform:none!important}

/* l'aperçu de visio de l'accueil a aussi une colonne « .side » : on la protège du menu latéral */
.screen .side{position:static!important;width:auto!important;transform:none!important;z-index:auto;background:var(--room-2)!important;color:var(--room-ink)!important;border:0!important;padding:10px!important;overflow:visible;box-shadow:none!important}
.tl-bar{height:6px!important}
.tl-bar i{border-radius:3px!important;filter:saturate(3) brightness(.85)}
.tl-step .n{width:32px!important;height:32px!important;font-size:.95rem!important;font-family:var(--f-body)!important;font-weight:600!important;background:#27272A!important;color:#FAFAFA!important;border:1px solid #3F3F46}
.chalk h2,.chalk h1{font-size:1.8rem!important}
.tl-step h3{font-size:1.05rem!important}
body.room .ctbtn{color:var(--room-ink)!important;border-color:var(--room-3)!important}

/* ========== v26 : touches de couleur + live revu (Romuald 10/11 : « bien mais trop blanc ») ========== */
:root{--bg:#F6F3EC;--paper:#EFEBE2;--line:#E4DFD3;--line-2:#EEEAE1;--soft:#6B6862;
  --c-peach:#F6B48B;--c-ocre:#E8C255;--c-sky:#8FAEF0;--c-menthe:#6FCFA2;--c-rose:#F29BB6;--c-lila:#B9A6F2;
  --peach:#FCE3D3;--ocre:#FAEDC4;--noon:#F5E3A6;--morning:#F9D2B8;--evening:#CCDAF8;--sky:#DFE7FB;--menthe:#D6F2E4;--mint:#D6F2E4;--rose:#FCE0EA;
  --room:#121214;--room-2:#1C1C20;--room-3:#2C2C32;--room-ink:#F5F5F4;--room-soft:#9E9EA6;--room-y:#F5F5F4}
body:not(.room){background:var(--bg)!important}
.side{background:#FFFDF9}
/* menu : chaque groupe a sa couleur */
.side .sb-i.on{background:var(--paper);box-shadow:inset 3px 0 0 var(--gc,var(--c-ocre))}
.side .sb-i.on svg{color:var(--gc,var(--c-ocre))}
#side .sb-g~.sb-i{--gc:var(--c-peach)}#side .sb-g:nth-of-type(2)~.sb-i{--gc:var(--c-ocre)}#side .sb-g:nth-of-type(3)~.sb-i{--gc:var(--c-sky)}#side .sb-g:nth-of-type(4)~.sb-i{--gc:var(--c-menthe)}
.side .sb-live{background:linear-gradient(90deg,var(--noon),#FFF8E6);border-color:#F1DE9E}
.side .sb-plan{background:linear-gradient(135deg,var(--ocre),#FFF6DC)!important;border-color:#F1DE9E!important}
.side .sb-me .av,.tb-av{background:var(--c-peach)!important;color:#18181B!important}
/* tableau de bord */
.hello h1 span{color:var(--morning-d)!important}
.alive{background:linear-gradient(140deg,#F7E7AE 0%,#FFF9E8 75%)!important;border-color:#EFD98F!important}
.alive .faces span{background:var(--white)!important}
.aright .rcard-radar{background:linear-gradient(140deg,#FBD9C4 0%,#FFF5EE 75%)!important;border-color:#F3CDB5!important}
.aright div.card:nth-of-type(1){box-shadow:inset 3px 0 0 var(--c-sky)!important}
.aright div.card:nth-of-type(2){box-shadow:inset 3px 0 0 var(--c-menthe)!important}
.aright div.card:nth-of-type(3){box-shadow:inset 3px 0 0 var(--c-ocre)!important}
/* billets : bandeau pastel de la couleur du moment */
.tk-top{background:color-mix(in srgb,var(--mc) 70%,#fff)!important;border-bottom:1px solid color-mix(in srgb,var(--mc) 90%,#000 4%)!important}
.tk-top .day{color:#3F3F46}
.tk-top .day::before{background:var(--mc);filter:saturate(2.4) brightness(.78)}
.mcard .btn:hover,.acard .btn:hover,.acard button:not(.line):hover{background:color-mix(in srgb,var(--mc) 25%,#fff)!important}
/* Radar */
.rkpi div{position:relative}
.rkpi div::before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--kc)}
.rkpi div:nth-child(1){--kc:var(--c-peach)}.rkpi div:nth-child(2){--kc:var(--c-ocre)}.rkpi div:nth-child(3){--kc:var(--c-menthe)}.rkpi div:nth-child(4){--kc:var(--c-sky)}
.rstar[aria-pressed="true"]{background:var(--c-ocre)!important;color:#18181B!important;border-color:var(--c-ocre)!important}
/* Prix */
.tier.hot{border-color:var(--c-ocre)!important;box-shadow:0 0 0 3px var(--ocre)!important}
.tier .tg{background:var(--c-ocre)!important;color:#18181B!important}
.cmp td.hot{background:#FFFBEF!important}
/* accueil public */
.board-head h1 .t2,[data-variant="moments"] .board-head h1 .t2{color:var(--morning-d)!important}
.cols{border-block:1px solid var(--line)!important;background:var(--white);border-radius:12px;border:1px solid var(--line)!important;overflow:hidden}
.col{border-top:4px solid var(--cc)}
.col:nth-child(1){--cc:var(--c-peach)}.col:nth-child(2){--cc:var(--c-ocre)}.col:nth-child(3){--cc:var(--c-sky)}
.livebar{background:linear-gradient(120deg,var(--noon),#FFF9E8)!important;color:#18181B!important;border:1px solid #EFD98F;border-radius:12px!important}
.chalk{background:#18181B;box-shadow:0 0 0 100vmax #18181B}
.tl-bar i{filter:none!important}
.tl-step .n{background:var(--sc)!important;color:#18181B!important;border:0}
/* ===== LIVE revu ===== */
body.room{background:radial-gradient(1200px 500px at 20% -10%,rgba(232,194,85,.10),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(143,174,240,.10),transparent 60%),var(--room)!important}
.lv-top{gap:12px;padding:6px 0 4px}
.lv-pill{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:#FCA5A5;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:999px;padding:4px 10px}
.lv-pill i{width:7px;height:7px;border-radius:50%;background:#EF4444;animation:pulse 1.4s infinite}
.lv-chips{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.lv-chips span{font-size:.76rem;font-weight:500;color:var(--room-ink);background:var(--room-2);border:1px solid var(--room-3);border-radius:999px;padding:4px 10px 4px 8px;display:inline-flex;align-items:center;gap:6px}
.lv-chips span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.ltiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:10px!important}
.vtile,.ltiles .vtile{border-radius:12px!important;border:1px solid var(--room-3)}
.vtile .tag{background:rgba(18,18,20,.72)!important;backdrop-filter:blur(6px);border-radius:6px!important;font-weight:500;font-size:.72rem!important;padding:3px 8px!important}
.ltiles .vtile .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tc,var(--c-ocre));flex:none}
.ltiles .vtile:nth-child(5n+1){--tc:var(--c-peach)}.ltiles .vtile:nth-child(5n+2){--tc:var(--c-sky)}.ltiles .vtile:nth-child(5n+3){--tc:var(--c-menthe)}.ltiles .vtile:nth-child(5n+4){--tc:var(--c-rose)}.ltiles .vtile:nth-child(5n){--tc:var(--c-lila)}
.vtile.me{box-shadow:0 0 0 2px var(--c-ocre)!important}
.vtile.talk{box-shadow:0 0 0 2px var(--c-menthe)!important}
.vtile.talk .tag{background:var(--c-menthe)!important;color:#18181B!important}
.sside{background:var(--room-2)!important;border:1px solid var(--room-3);border-radius:12px!important}
.sside .lbl{text-transform:none!important;letter-spacing:0!important;font-size:.8rem!important;color:var(--room-ink)!important;font-weight:600}
.room .input{border:1px solid var(--room-3)!important;background:#141417!important;color:var(--room-ink)!important}
.room .btn{background:var(--room-ink)!important;color:#18181B!important;border-color:var(--room-ink)!important}
.room .btn.line{background:transparent!important;color:var(--room-ink)!important;border-color:var(--room-3)!important}
.feed .in{color:var(--c-ocre)!important}
.feed .t{font-size:.7rem}
.feed button,.feed .keep{border-radius:6px!important}
.controls{background:var(--room-2);border:1px solid var(--room-3);border-radius:14px;padding:8px!important;width:max-content;max-width:100%;margin:6px auto 0;gap:6px!important}
.controls button{border-radius:8px!important;font-weight:500!important;font-size:.85rem!important;padding:9px 14px!important;background:transparent!important;color:var(--room-ink)!important}
.controls button:hover{background:var(--room-3)!important}
.controls button[aria-pressed="true"]{background:color-mix(in srgb,var(--c-menthe) 22%,transparent)!important;color:#A7F3D0!important}
.controls .done{background:var(--c-menthe)!important;color:#18181B!important}
.controls .flag{box-shadow:none!important;color:var(--room-soft)!important}
.controls .btn.line{border-radius:8px!important;background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.35)!important;color:#FCA5A5!important}
.room-top .timer .mono{color:var(--c-ocre)!important;font-family:var(--f-body);font-weight:600}
@media (max-width:760px){ .lv-chips{margin-left:0} .controls{width:auto} }

/* ========== v32 : couleurs vives, palette fraîche (Romuald 10/11 : « vif mais pas moutarde ») ========== */
:root{--c-peach:#FF8A65;--c-ocre:#FFE14D;--c-sky:#6C9CFF;--c-menthe:#3DDBA0;--c-rose:#FF85B3;--c-lila:#A68BFF;
  --peach:#FFDCD0;--ocre:#FFF4B8;--sky:#DCE7FF;--menthe:#CFF6E6;--rose:#FFDDEA;
  --morning:#FF9B7A;--noon:#FFE14D;--evening:#86ADFF;--mint:#3DDBA0}
.tk-top{background:var(--mc)!important;border-bottom:0!important}
.tk-top .day{color:#18181B!important;opacity:.8}
.tk-top .day::before{background:#18181B!important;filter:none!important;opacity:.55}
.alive{background:var(--c-ocre)!important;border-color:var(--c-ocre)!important}
.aright .rcard-radar{background:var(--c-peach)!important;border-color:var(--c-peach)!important}
.aright .rcard-radar .label{color:#18181B!important;opacity:.7}
.aright div.card:nth-of-type(1){box-shadow:inset 4px 0 0 var(--c-sky)!important}
.aright div.card:nth-of-type(2){box-shadow:inset 4px 0 0 var(--c-menthe)!important}
.aright div.card:nth-of-type(3){box-shadow:inset 4px 0 0 var(--c-rose)!important}
.hello h1 span,.board-head h1 .t2,[data-variant="moments"] .board-head h1 .t2{color:#F0603C!important}
.side .sb-live{background:var(--c-ocre)!important;border-color:var(--c-ocre)!important}
.side .sb-live b{color:#18181B!important}
.side .sb-i.on{background:color-mix(in srgb,var(--gc) 24%,#fff)!important;box-shadow:inset 3px 0 0 var(--gc)!important}
.side .sb-plan{background:linear-gradient(135deg,var(--c-lila),#C9B8FF)!important;border-color:var(--c-lila)!important}
.side .sb-plan,.side .sb-plan *{color:#18181B!important}
.side .sb-plan a{background:#18181B!important;color:#fff!important;border-color:#18181B!important}
.side .sb-i .bd:not(.n):not(.s){background:var(--c-lila)!important;color:#fff!important;border-color:var(--c-lila)!important}
.rkpi div::before{height:4px}
.sgp{filter:saturate(1.5)}
.rstar[aria-pressed="true"]{background:var(--c-ocre)!important;border-color:var(--c-ocre)!important}
.tier.hot{border-color:var(--c-ocre)!important;box-shadow:0 0 0 4px var(--c-ocre)!important}
.tier .tg{background:var(--c-ocre)!important}
.cmp td.hot{background:#FFF9D6!important}
.col{border-top-width:6px!important}
.livebar{background:var(--c-ocre)!important;border-color:var(--c-ocre)!important}
.chalk .btn{background:var(--c-ocre)!important;color:#18181B!important;border-color:var(--c-ocre)!important}
.controls .done{background:var(--c-menthe)!important}
.controls button[aria-pressed="true"]{background:var(--c-menthe)!important;color:#18181B!important}
.vtile.me{box-shadow:0 0 0 3px var(--c-ocre)!important}
.lv-chips span{background:color-mix(in srgb,var(--c) 18%,var(--room-2))!important;border-color:color-mix(in srgb,var(--c) 45%,var(--room-3))!important}
.svsa .sv{background:linear-gradient(140deg,#FFC9B6,#FFF1EB)!important;border-color:#FFB49C!important}
.svsa .sa{background:linear-gradient(140deg,#D7CBFF,#F4F0FF)!important;border-color:#BFAEFF!important}
/* ===== Ateliers v29 : créer un atelier, prix fixé par l'intervenant ===== */
.wsb{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.wsf{display:grid;gap:16px}
.wsrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{font:inherit;font-size:.85rem;font-weight:500;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;padding:7px 12px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg.sm button{font-size:.78rem;padding:4px 9px;border-radius:6px}
.wsprice{display:flex;align-items:center;gap:8px}
.wsprice .input{width:110px;font-size:1.1rem;font-weight:600}
.wsfree{display:inline-flex;gap:6px;align-items:center;font-size:.88rem;margin-left:8px;font-weight:500}
.hint.warn{color:#C2410C}
input[type=range]{accent-color:var(--c-ocre);width:100%}
.wsprev{display:grid;gap:12px;position:sticky;top:90px}
.wscard{display:grid;gap:8px;border-top:5px solid var(--wc,var(--c-sky))!important}
.wscard .pr{font-size:1.4rem;font-weight:600;letter-spacing:-.02em}
.wsmoney{display:grid;gap:6px;background:linear-gradient(140deg,#C8F3E0,#F4FFF9)!important;border-color:#A8E8CB!important}
.wsmoney div{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}
.wsmoney .tot{border-top:1px solid #A8E8CB;padding-top:8px;margin-top:4px;font-size:1.05rem;font-weight:600}
.wsmoney .tot b{font-size:1.5rem;letter-spacing:-.02em}
.ws .card{border-top:5px solid var(--wc,var(--c-sky))!important}
.ws .pr{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.ws .pr b{font-size:1.15rem;font-weight:600}
@media (max-width:1000px){ .wsb{grid-template-columns:1fr} .wsprev{position:static} .ws{grid-template-columns:1fr} }

.svsa{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svsa > div{border-radius:10px;padding:18px 20px;display:grid;gap:8px;align-content:start}
.svsa .sv{background:linear-gradient(140deg,#FFE2D0,#FFF6F0);border:1px solid #F7C9AE}
.svsa .sa{background:linear-gradient(140deg,#E6DEFF,#F7F4FF);border:1px solid #CDBEFB}
.svsa ul{margin:0;padding-left:18px;display:grid;gap:3px;font-size:.9rem}
.wkind{display:inline-block;font-family:var(--f-body);font-size:.72rem;font-weight:600;color:#fff;background:var(--wc,var(--c-sky));border-radius:5px;padding:1px 7px;margin-right:6px;filter:brightness(.85)}
@media (max-width:700px){ .svsa{grid-template-columns:1fr} }
.ws .when,.wscard .when{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--f-body)!important;font-size:.82rem;color:var(--soft)}
.wkind{align-self:center;line-height:1.5;height:auto;margin:0!important}

/* ===== v30 : pages Séances, Messages, Mes prospects ===== */
.se-bar{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center}
.se-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.se-mine{display:grid;gap:10px}
.se-mine:empty{display:none}
.se-mine .card{display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:inset 4px 0 0 var(--c-menthe)!important}
.se-mine .card b{font-size:1rem}
.se-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--soft);border:1px dashed var(--line);border-radius:10px}
/* messages */
.mx{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;height:calc(100vh - 210px);min-height:480px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mx-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#FFFDF9}
.mx-search{padding:12px;border-bottom:1px solid var(--line-2)}
#mx-convs{overflow:auto;flex:1}
.mx-c{display:grid;grid-template-columns:38px 1fr auto;gap:2px 10px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:12px 14px;cursor:pointer}
.mx-c:hover{background:var(--paper)}
.mx-c[aria-current="true"]{background:color-mix(in srgb,var(--c-sky) 16%,#fff);box-shadow:inset 3px 0 0 var(--c-sky)}
.mx-av{font-style:normal;grid-row:span 2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.78rem;color:#18181B;background:var(--avc,var(--c-peach))}
.mx-c b{grid-column:2;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-c span{font-size:.8rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:2}
.mx-c small{grid-column:3;grid-row:1;justify-self:end;font-size:.72rem;color:var(--soft)}
.mx-c em{font-style:normal;grid-column:3;grid-row:2;justify-self:end;background:#EF4444;color:#fff;border-radius:999px;font-size:.68rem;font-weight:600;min-width:18px;text-align:center;padding:0 5px}
.mx-h{padding:6px 14px;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--soft);text-transform:uppercase;background:var(--paper)}
.mx-thread{display:flex;flex-direction:column;min-height:0}
.mx-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.mx-top b{font-weight:600}
.mx-top .soft{font-size:.8rem}
.mx-top .acts{margin-left:auto;display:flex;gap:6px}
.mx-top .acts .btn{padding:6px 10px;font-size:.8rem}
.mx-msgs{flex:1;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#FFFDF9,#fff)}
.mx-m{max-width:70%;padding:9px 13px;border-radius:14px 14px 14px 4px;background:var(--paper);font-size:.92rem;align-self:flex-start}
.mx-m.me{align-self:flex-end;background:#18181B;color:#fff;border-radius:14px 14px 4px 14px}
.mx-m small{display:block;font-size:.68rem;opacity:.6;margin-top:3px}
.mx-sys{align-self:center;font-size:.76rem;color:var(--soft);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.mx-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.mx-form .input{flex:1}
.mx-info{border-left:1px solid var(--line);padding:18px;display:grid;gap:12px;align-content:start;font-size:.88rem;background:#FFFDF9}
.mx-info .mx-av{width:56px;height:56px;font-size:1rem}
.mx-info .chips{gap:4px}
.mx-empty{margin:auto;color:var(--soft);text-align:center;padding:30px}
.mx-wait{display:grid;gap:10px;margin:auto;text-align:center;max-width:320px;padding:30px}
.mx-back{display:none}
@media (max-width:1180px){ .mx{grid-template-columns:260px minmax(0,1fr)} .mx-info{display:none} }
@media (max-width:760px){ .mx{grid-template-columns:1fr;height:calc(100vh - 190px)} .mx.open .mx-list{display:none} .mx:not(.open) .mx-thread{display:none} .mx-back{display:inline-flex} }
/* pipeline */
.pp{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.pp-col{background:color-mix(in srgb,var(--pc) 14%,#fff);border:1px solid color-mix(in srgb,var(--pc) 35%,#fff);border-radius:12px;padding:10px;display:grid;gap:8px;align-content:start;min-height:220px}
.pp-col.over{outline:2px dashed var(--pc);outline-offset:-4px}
.pp-h{display:flex;align-items:center;gap:8px;padding:2px 4px 6px}
.pp-h i{width:9px;height:9px;border-radius:50%;background:var(--pc)}
.pp-h b{font-size:.88rem;font-weight:600}
.pp-h span{margin-left:auto;font-size:.75rem;color:var(--soft);font-weight:500}
.pp-sum{font-size:.74rem;color:var(--soft);padding:0 4px 4px}
.pp-c{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:11px 12px;display:grid;gap:6px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pp-c:active{cursor:grabbing}
.pp-c.drag{opacity:.4}
.pp-t{display:flex;gap:8px;align-items:center}
.pp-lg{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:.75rem;font-weight:600;font-style:normal;flex:none;color:#18181B}
.pp-t b{font-size:.88rem;font-weight:600;line-height:1.2;display:block}
.pp-t span{display:block;font-size:.74rem;color:var(--soft)}
.pp-c p{font-size:.8rem;color:#3F3F46;line-height:1.35}
.pp-c .meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.76rem}
.pp-c .meta b{font-weight:600}
.pp-c .nx{font-size:.74rem;color:var(--soft);display:flex;gap:5px;align-items:center}
.pp-c .nx.late{color:#C2410C;font-weight:600}
.pp-c .mv{display:flex;gap:4px;justify-content:flex-end}
.pp-c .mv button{font:inherit;font-size:.72rem;border:1px solid var(--line);background:var(--white);border-radius:6px;padding:2px 7px;cursor:pointer;color:var(--soft)}
.pp-c .mv button:hover{color:var(--ink);background:var(--paper)}
.pp-add{font:inherit;font-size:.8rem;color:var(--soft);background:transparent;border:1px dashed color-mix(in srgb,var(--pc) 50%,#fff);border-radius:8px;padding:8px;cursor:pointer;text-decoration:none;text-align:center}
@media (max-width:760px){ .pp{grid-template-columns:repeat(5,82vw)} }

/* ===== v31 : Collègues ===== */
.cl-quota{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.cl-quota i{display:inline-flex;gap:2px}.cl-quota i b{width:6px;height:12px;border-radius:2px;background:var(--line)}.cl-quota i b.on{background:var(--c-sky)}
.cl-reco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cl-tools{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}
.cl-tools .input{flex:1 1 260px;max-width:380px}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cl{all:unset;box-sizing:border-box;cursor:pointer;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px;align-content:start;position:relative;transition:box-shadow .15s,border-color .15s}
.cl:hover{border-color:#D4CFC3;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.cl:focus-visible{outline:2px solid var(--c-sky);outline-offset:2px}
.cl .hd{display:flex;gap:12px;align-items:center}
.cl-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.9rem;color:#18181B;background:var(--avc);flex:none;position:relative;font-style:normal}
.cl-av s{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:var(--stc,#A1A1AA)}
.cl .hd b{display:block;font-weight:600;font-size:.95rem;line-height:1.25}
.cl .hd span{font-size:.8rem;color:var(--soft)}
.cl .bio{font-size:.86rem;color:#3F3F46;line-height:1.4}
.cl .st{font-size:.76rem;color:var(--soft);display:flex;gap:10px;flex-wrap:wrap}
.cl .bdg{font-size:.68rem;font-weight:600;border-radius:6px;padding:2px 7px;background:var(--menthe);color:#166534}
.cl-reco .cl{background:linear-gradient(140deg,var(--rc) 0%,#fff 70%);border-color:transparent}
.cl-reco .why{font-size:.8rem;font-weight:500;color:#18181B;background:rgba(255,255,255,.7);border-radius:8px;padding:6px 9px}
.cl-acts{display:flex;gap:6px}
.cl-acts .btn{padding:6px 10px;font-size:.8rem;flex:1}
.cl-scrim{position:fixed;inset:0;background:rgba(24,24,27,.3);z-index:70}
.cl-panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--white);z-index:71;box-shadow:-10px 0 40px rgba(0,0,0,.15);overflow:auto;display:grid;align-content:start;gap:18px;padding:22px 24px 28px}
.cl-panel .ph{display:flex;gap:14px;align-items:center}
.cl-panel .ph .cl-av{width:64px;height:64px;font-size:1.1rem}
.cl-panel h2{font-size:1.25rem!important}
.cl-panel .x{margin-left:auto;align-self:start;border:1px solid var(--line);background:var(--white);width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:1.1rem}
.cl-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cl-stats div{padding:10px 12px;display:grid}.cl-stats div+div{border-left:1px solid var(--line)}
.cl-stats b{font-size:1.1rem;font-weight:600}.cl-stats span{font-size:.72rem;color:var(--soft)}
.cl-help{background:color-mix(in srgb,var(--c-sky) 12%,#fff);border:1px solid color-mix(in srgb,var(--c-sky) 35%,#fff);border-radius:10px;padding:12px 14px;display:grid;gap:4px;font-size:.88rem}
.cl-msg{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:#FFFDF9}
.cl-msg textarea{min-height:84px;resize:vertical;font:inherit}
.cl-msg .rule{font-size:.78rem;color:var(--soft);display:flex;gap:6px;align-items:flex-start}
.cl-msg .sent{font-size:.88rem;background:var(--paper);border-radius:10px;padding:10px 12px}
.cl-panel .row2{display:flex;gap:8px;flex-wrap:wrap}
.cl-panel .row2 .btn{flex:1}
@media (max-width:1000px){ .cl-reco{grid-template-columns:1fr} }
/* demandes de message */
.mx-req{display:grid;gap:10px;margin:auto;max-width:380px;text-align:center;padding:24px}
.mx-req .mx-m{text-align:left;max-width:100%}
.mx-req .row2{display:flex;gap:8px;justify-content:center}

/* ===== v33 : le style « Radar / Mes prospects » partout (Romuald 10/11) =====
   cartes blanches + trait fin, teintes très claires par catégorie, pastilles vives, bandeau de chiffres */
.wkind{display:inline-block}
.rkpi em{font-style:normal}
.wk i.on{background:var(--c-sky)!important}
/* plus de gros aplats : teinte claire + bordure de la couleur, comme les colonnes du pipeline */
.alive{background:color-mix(in srgb,var(--c-ocre) 16%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-ocre) 55%,#fff)!important}
.aright .rcard-radar{background:color-mix(in srgb,var(--c-peach) 14%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-peach) 50%,#fff)!important}
.aright .rcard-radar .label{opacity:1!important;color:var(--soft)!important}
.alive .big,.aright .rcard-radar .big{font-size:2.6rem!important}
.ahero{gap:12px!important}
.tk-top{background:color-mix(in srgb,var(--mc) 22%,#fff)!important;border-bottom:1px solid color-mix(in srgb,var(--mc) 45%,#fff)!important}
.tk-top .day{opacity:1!important;color:var(--soft)!important}
.tk-top .day::before{background:var(--mc)!important;opacity:1!important;width:8px;height:8px}
.acard{border-color:color-mix(in srgb,var(--mc) 45%,var(--line))!important}
/* menu : teintes claires */
.side .sb-live{background:color-mix(in srgb,var(--c-ocre) 22%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-ocre) 60%,#fff)!important}
.side .sb-plan{background:color-mix(in srgb,var(--c-lila) 14%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-lila) 45%,#fff)!important}
.side .sb-plan,.side .sb-plan *{color:var(--ink)!important}
.side .sb-plan span,.side .sb-plan p{color:var(--soft)!important}
.side .sb-plan a{background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.side .sb-i .bd:not(.n):not(.s){background:color-mix(in srgb,var(--c-lila) 18%,#fff)!important;color:#6D4FE0!important;border:1px solid color-mix(in srgb,var(--c-lila) 45%,#fff)!important}
.side .sb-i.on{background:color-mix(in srgb,var(--gc) 16%,#fff)!important}
/* Aide : FAQ en liste propre */
.faq{display:grid;gap:0!important;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:920px}
.faq details{background:transparent!important;border:0!important;border-radius:0!important;border-top:1px solid var(--line-2)!important;box-shadow:none!important}
.faq details:first-child{border-top:0!important}
.faq details{padding:0!important}
.faq summary{font-size:.95rem!important;padding:14px 18px!important;display:flex;align-items:center;gap:10px;justify-content:flex-start!important;font-weight:600!important}
.faq summary::after{margin-left:auto;color:var(--soft)}
.faq summary::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fc,var(--c-sky));flex:none}
.faq details:nth-child(4n+1){--fc:var(--c-sky)}.faq details:nth-child(4n+2){--fc:var(--c-menthe)}.faq details:nth-child(4n+3){--fc:var(--c-peach)}.faq details:nth-child(4n){--fc:var(--c-lila)}
.faq details[open]{background:color-mix(in srgb,var(--fc) 8%,#fff)!important}
.faq details p,.faq details > div{padding:0 18px 16px 36px!important;font-size:.9rem}
/* Profil */
.mycard{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:inset 0 3px 0 var(--c-sky)}
/* Ateliers / Collègues : même logique de teinte */
.svsa .sv{background:color-mix(in srgb,var(--c-peach) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-peach) 45%,#fff)!important}
.svsa .sa{background:color-mix(in srgb,var(--c-lila) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-lila) 45%,#fff)!important}
.cl-reco .cl{background:color-mix(in srgb,var(--rc) 45%,#fff)!important;border:1px solid color-mix(in srgb,var(--rc) 100%,var(--line))!important}
.wsmoney{background:color-mix(in srgb,var(--c-menthe) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--c-menthe) 45%,#fff)!important}
/* Abonnement : carte Pro en teinte claire */
.tier.hot{box-shadow:none!important;border:1.5px solid var(--c-ocre)!important;background:color-mix(in srgb,var(--c-ocre) 8%,#fff)!important}

/* ===== v34 : chaque page a sa couleur (Romuald 10/11 : « chaque sous-menu doit avoir son identité ») ===== */
body[data-pg="app"]{--acc:#FF8A65;--acc-d:#C2410C} #side [data-nav="app"]{--ic:#FF8A65;--ic-d:#C2410C}
body[data-pg="seances"]{--acc:#FFD93D;--acc-d:#A16207} #side [data-nav="seances"]{--ic:#FFD93D;--ic-d:#A16207}
body[data-pg="ateliers"]{--acc:#A68BFF;--acc-d:#6D28D9} #side [data-nav="ateliers"]{--ic:#A68BFF;--ic-d:#6D28D9}
body[data-pg="radar"]{--acc:#6C9CFF;--acc-d:#1D4ED8} #side [data-nav="radar"]{--ic:#6C9CFF;--ic-d:#1D4ED8}
body[data-pg="prospects"]{--acc:#3DDBA0;--acc-d:#047857} #side [data-nav="prospects"]{--ic:#3DDBA0;--ic-d:#047857}
body[data-pg="annuaire"]{--acc:#FF85B3;--acc-d:#BE185D} #side [data-nav="annuaire"]{--ic:#FF85B3;--ic-d:#BE185D}
body[data-pg="messages"]{--acc:#4CC3FF;--acc-d:#0369A1} #side [data-nav="messages"]{--ic:#4CC3FF;--ic-d:#0369A1}
body[data-pg="espace"]{--acc:#FFB45E;--acc-d:#B45309} #side [data-nav="espace"]{--ic:#FFB45E;--ic-d:#B45309}
body[data-pg="illimite"]{--acc:#B8E65A;--acc-d:#4D7C0F} #side [data-nav="illimite"]{--ic:#B8E65A;--ic-d:#4D7C0F}
body[data-pg="questions"]{--acc:#4FD1C5;--acc-d:#0F766E} #side [data-nav="questions"]{--ic:#4FD1C5;--ic-d:#0F766E}

body.shell .pghead{background:var(--acc);border-radius:18px;padding:24px 26px;position:relative;overflow:hidden;align-items:center;isolation:isolate}
body.shell .pghead::before{content:"";position:absolute;z-index:-1;right:-60px;top:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.22)}
body.shell .pghead::after{content:"";position:absolute;z-index:-1;right:150px;bottom:-120px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.16)}
body.shell .pghead > div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
body.shell .pghead > div:first-child > :not(.pg-ic){grid-column:2}
.pg-ic{grid-row:span 2;width:52px;height:52px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.pg-ic svg{width:26px;height:26px;fill:none;stroke:var(--acc-d);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.shell .pghead h1{color:#18181B!important;font-size:1.8rem!important}
body.shell .pghead p{color:rgba(24,24,27,.78)!important}
body.shell .pghead .btn.line{background:rgba(255,255,255,.75)!important;border-color:transparent!important;color:#18181B!important}
body.shell .pghead .btn:not(.line){background:#18181B!important;border-color:#18181B!important;color:#fff!important}
body.shell .pghead .cl-quota{background:rgba(255,255,255,.8);border-color:transparent}
body.shell .pghead .bill{background:rgba(255,255,255,.55)!important;border-color:transparent}
/* éléments actifs = couleur de la page */
body.shell .seg button[aria-pressed="true"],body.shell #cats button[aria-pressed="true"],body.shell .rfil .chips button[aria-pressed="true"],body.shell .rfil button[aria-pressed="true"]{background:var(--acc)!important;color:#18181B!important;border-color:var(--acc)!important}
body.shell .rtabs button[aria-selected="true"]{border-bottom-color:var(--acc)!important}
body.shell .rkpi{border-top:0!important}
body.shell .rkpi div::before{background:var(--acc)!important;opacity:.9}
body.shell .label{color:var(--acc-d)}
body.shell .cl-quota i b.on{background:var(--acc)}
body.shell input[type=range]{accent-color:var(--acc-d)}
/* menu : icônes en pastilles de couleur, toujours visibles */
.side .sb-i svg{width:28px!important;height:28px!important;padding:6px;border-radius:8px;background:color-mix(in srgb,var(--ic) 28%,#fff);color:var(--ic-d)!important;stroke:var(--ic-d)!important;flex:none}
.side .sb-i:hover svg{background:color-mix(in srgb,var(--ic) 45%,#fff)}
.side .sb-i.on{background:color-mix(in srgb,var(--ic) 20%,#fff)!important;box-shadow:inset 3px 0 0 var(--ic)!important;color:#18181B!important}
.side .sb-i.on svg{background:var(--ic);stroke:#18181B!important;color:#18181B!important}
.side .sb-i{padding-block:5px!important}
/* v34b */ .side .sb-i{white-space:nowrap}.side .sb-i .bd{font-size:9.5px;padding:1px 5px;margin-left:auto}

/* ===== v37 : mix Apple + Notion + TrendTrack (Romuald 10/11) =====
   Notion : fond blanc calme, une seule touche de couleur par page (icône + liseré). Apple : verre léger sur menu et barre, grands titres, pilules.
   TrendTrack : chiffres et tableaux nets. */
body.shell{--bg:#FFFFFF;--white:#FFFFFF;--paper:#F7F7F5;--line:#ECECEA;--line-2:#F3F3F1;--soft:#6B6B6B;--ink:#1D1D1F;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;background:#FFFFFF!important;-webkit-font-smoothing:antialiased}
body.shell h1,body.shell h2,body.shell h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;letter-spacing:-.022em}
/* menu façon Notion + verre Apple très léger */
body.shell .side{background:rgba(251,251,250,.78)!important;border-right:1px solid #EDEDEB!important;box-shadow:none!important;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
body.shell .side .sb-i{border-radius:8px!important;color:#37352F!important;font-weight:500}
body.shell .side .sb-i svg{width:24px!important;height:24px!important;padding:4px;border-radius:6px;background:color-mix(in srgb,var(--ic) 16%,#fff)!important;stroke:var(--ic-d)!important;box-shadow:none}
body.shell .side .sb-i:hover{background:rgba(55,53,47,.06)!important}
body.shell .side .sb-i.on{background:rgba(55,53,47,.08)!important;box-shadow:none!important;color:#1D1D1F!important;font-weight:600}
body.shell .side .sb-i.on svg{background:color-mix(in srgb,var(--ic) 30%,#fff)!important}
body.shell .side .sb-g{color:#9B9A97!important;font-weight:500}
body.shell .side .sb-live{background:#fff!important;border:1px solid #EDEDEB!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
body.shell .side .sb-plan{background:#fff!important;border:1px solid #EDEDEB!important}
body.shell .side .sb-i .bd:not(.n):not(.s){background:#F1F1EF!important;color:#6B6B6B!important;border:0!important}
/* barre du haut en verre clair */
body.shell .top{background:rgba(255,255,255,.72)!important;border:0!important;border-bottom:1px solid #EDEDEB!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
/* en-tête de page : plus de bandeau plein, juste l'icône colorée + grand titre (Notion) et un fin liseré */
body.shell .pghead{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 22px!important;border-radius:0!important;border-bottom:1px solid #EDEDEB!important;backdrop-filter:none!important}
body.shell .pghead::before,body.shell .pghead::after{display:none!important}
body.shell .pg-ic{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--acc) 18%,#fff)!important;border:0;box-shadow:none;backdrop-filter:none}
body.shell .pg-ic svg{stroke:var(--acc-d)}
body.shell .pghead h1{font-size:2rem!important;font-weight:700!important;color:#1D1D1F!important}
body.shell .pghead p{color:#6B6B6B!important}
body.shell .pghead .btn.line{background:#fff!important;border:1px solid #E5E5E3!important;color:#1D1D1F!important}
body.shell .pghead .cl-quota,body.shell .pghead .bill{background:#F7F7F5!important}
/* cartes : blanc, trait fin, ombre Apple discrète */
body.shell :is(.card,.mcard,.acard,.anext,.alive,.rkpi,.tier,.rcard-radar,.rfil,.rtable,.faq,.mycard,.mx,.pp-c,.cl,.ws,.svsa > *,.wsmoney,.cl-reco .cl){background:#fff!important;border:1px solid #ECECEA!important;box-shadow:0 1px 2px rgba(0,0,0,.03),0 4px 16px rgba(0,0,0,.03)!important;border-radius:12px!important}
body.shell .pp-col{background:#F7F7F5!important;border:0!important;box-shadow:none!important}
body.shell .alive{box-shadow:inset 3px 0 0 #FF3B30,0 1px 2px rgba(0,0,0,.03)!important}
body.shell .acard .tk-top{background:#fff!important;border-bottom:1px solid #F1F1EF!important}
body.shell .acard{border-color:#ECECEA!important}
body.shell .acard .tk-top .day::before{background:var(--mc)!important}
/* KPI façon TrendTrack : un seul liseré, couleur de la page */
body.shell .rkpi div::before{height:2px!important;background:var(--acc)!important;opacity:1}
body.shell :is(.rtable thead,.rhd,.rrow.th,.cmp thead th){background:#FAFAF9!important;color:#9B9A97!important}
/* contrôles façon Apple : segmented control gris, actif blanc */
body.shell .seg,body.shell #cats{background:#F1F1EF!important;border:0!important;border-radius:10px!important;padding:3px!important;box-shadow:none!important}
body.shell :is(.seg button[aria-pressed="true"],#cats button[aria-pressed="true"]){background:#fff!important;color:#1D1D1F!important;border-color:transparent!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;border-radius:8px!important}
body.shell .rfil button[aria-pressed="true"]{background:#1D1D1F!important;color:#fff!important;border-color:#1D1D1F!important;box-shadow:none}
body.shell .rtabs button[aria-selected="true"]{border-bottom-color:#1D1D1F!important}
body.shell .label{color:#9B9A97!important;letter-spacing:.04em}
/* boutons pilules Apple */
body.shell .btn{border-radius:999px!important}
body.shell .btn:not(.line){background:#1D1D1F!important;border-color:#1D1D1F!important;box-shadow:none!important}
body.shell .btn.line,body.shell .acard .btn,body.shell .mcard .btn{background:#fff!important;border:1px solid #E5E5E3!important;box-shadow:none!important}
body.shell dialog,body.shell .cl-panel{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
/* v38 : fond crème comme l'e-mail + boutons à la couleur de la page (Romuald 10/11) */
body.shell{--bg:#F6F3EC;--paper:#EFEBE2;--line:#E6E1D6;background:#F6F3EC!important}
body.shell .side{background:rgba(241,237,228,.8)!important;border-right:1px solid #E6E1D6!important}
body.shell .top{background:rgba(246,243,236,.75)!important;border-bottom:1px solid #E6E1D6!important}
body.shell .pghead{border-bottom-color:#E6E1D6!important}
body.shell :is(.card,.mcard,.acard,.anext,.alive,.rkpi,.tier,.rcard-radar,.rfil,.rtable,.faq,.mycard,.mx,.pp-c,.cl,.ws,.svsa > *,.wsmoney,.cl-reco .cl){border-color:#E9E4D9!important;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05)!important}
body.shell .pp-col{background:#EFEBE2!important}
body.shell .seg,body.shell #cats{background:#ECE7DC!important}
body.shell :is(.rtable thead,.rhd,.rrow.th,.cmp thead th){background:#FBF9F5!important}
/* boutons : principal = couleur de la page, secondaire = teinte légère */
body.shell .btn:not(.line){background:var(--acc,#FF8A65)!important;border-color:var(--acc,#FF8A65)!important;color:#1D1D1F!important;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px color-mix(in srgb,var(--acc,#FF8A65) 35%,transparent)!important}
body.shell .btn:not(.line):hover{background:color-mix(in srgb,var(--acc,#FF8A65) 85%,#000)!important}
body.shell .btn.line,body.shell .acard .btn,body.shell .mcard .btn,body.shell .pghead .btn.line{background:color-mix(in srgb,var(--acc,#FF8A65) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--acc,#FF8A65) 45%,#fff)!important;color:#1D1D1F!important}
body.shell .rfil button[aria-pressed="true"]{background:var(--acc)!important;border-color:var(--acc)!important;color:#1D1D1F!important}
body.shell .rtabs button[aria-selected="true"]{border-bottom-color:var(--acc)!important}
/* v38b : boutons colorés partout + icônes du menu en gris simple */
body.shell .pghead .btn:not(.line),body.shell .acts .btn:not(.line),body.shell button.btn:not(.line),body.shell a.btn:not(.line){background:var(--acc,#FF8A65)!important;border-color:var(--acc,#FF8A65)!important;color:#1D1D1F!important}
body.shell .alive .go{background:var(--acc,#FF8A65)!important;color:#1D1D1F!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
body.shell .side .sb-i svg,body.shell .side .sb-i.on svg,body.shell .side .sb-i:hover svg{width:20px!important;height:20px!important;padding:0!important;background:transparent!important;box-shadow:none!important;stroke:#8A867D!important;color:#8A867D!important}
body.shell .side .sb-i.on svg{stroke:#1D1D1F!important}
body.shell .side .sb-i{padding-block:7px!important}
/* v39 : la couleur passe dans les titres (Romuald 10/11) */
body.shell .pghead h1{color:var(--acc-d,#C2410C)!important}
body.shell .asec-h h2,body.shell section > .wrapin h2{color:var(--acc-d,#C2410C)}
body.shell .side .sb-g{color:#1D1D1F!important;font-weight:700!important}
body.shell .side .sb-i.on{color:var(--ic-d)!important}
body.shell .side .sb-i.on svg{stroke:var(--ic-d)!important}
/* v42 : boutons de choix : non choisis discrets, choisi = couleur de la page */
body.shell :is(.seg,#cats) button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#55524B!important}
body.shell :is(.seg,#cats) button:hover{background:rgba(255,255,255,.7)!important}
body.shell :is(.seg,#cats) button[aria-pressed="true"]{background:var(--acc,#FF8A65)!important;color:#1D1D1F!important;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 6px color-mix(in srgb,var(--acc,#FF8A65) 35%,transparent)!important}
/* v43 : la charte v37-v42 sur toute la maquette (Romuald 10/11) */
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;letter-spacing:-.022em}
body .btn{border-radius:999px!important}
/* page publique + e-mail : fond crème, cartes blanches, boutons couleur */
body:not(.shell):not(.room){--acc:#FF8A65;background:#F6F3EC!important}
body:not(.shell):not(.room) .btn:not(.line){background:var(--acc)!important;border-color:var(--acc)!important;color:#1D1D1F!important;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px rgba(255,138,101,.35)!important}
body:not(.shell):not(.room) .btn.line{background:color-mix(in srgb,var(--acc) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--acc) 45%,#fff)!important;color:#1D1D1F!important}
body:not(.shell):not(.room) .livebar{background:#fff!important;border:1px solid #E9E4D9!important;border-radius:16px!important;box-shadow:inset 4px 0 0 #FF3B30,0 6px 20px rgba(60,40,10,.05)!important}
body:not(.shell):not(.room) .livebar h2{color:#C2410C!important}
body:not(.shell):not(.room) .chalk{--ink:#1D1D1F;--soft:#6B6B6B;--line:#E9E4D9;--line-2:#F1EDE4;--paper:#F6F3EC;--mark:#1D1D1F;--on-mark:#fff;
  background:#fff!important;color:#1D1D1F!important;box-shadow:none!important;border:1px solid #E9E4D9;border-radius:16px;margin-inline:0}
body:not(.shell):not(.room) .chalk :is(h2,h3,p,span,b,a){color:inherit}
body:not(.shell):not(.room) .chalk .soft,body:not(.shell):not(.room) .chalk .t,body:not(.shell):not(.room) .chalk .note{color:#6B6B6B!important}
body:not(.shell):not(.room) .chalk h2{color:#C2410C!important}
body:not(.shell):not(.room) .under h3{color:#C2410C!important}
body:not(.shell):not(.room) .board-head h1 .t2{color:#FF6A3D}
body:not(.shell):not(.room) .cols{background:#fff!important;border:1px solid #E9E4D9!important;border-radius:16px!important}
body:not(.shell):not(.room) .days button[aria-pressed="true"]{background:var(--acc)!important;color:#1D1D1F!important;border-radius:999px;border-color:var(--acc)!important;text-decoration:none!important}
body:not(.shell):not(.room) .authbtns button{border-radius:999px!important}
body:not(.shell):not(.room) .authbtns .y{background:var(--acc)!important;color:#1D1D1F!important;border-color:var(--acc)!important}
/* salles de visio : on garde le noir (comme FaceTime), mais mêmes boutons et couleurs */
body.room .btn:not(.line){background:#FF8A65!important;border-color:#FF8A65!important;color:#1D1D1F!important;font-weight:600}
body.room .btn.line{border-radius:999px!important}
/* v44 : notifications */
.nf-pop{position:fixed;z-index:200;width:min(380px,calc(100vw - 24px));background:#fff;border:1px solid #E9E4D9;border-radius:14px;box-shadow:0 12px 40px rgba(60,40,10,.14);overflow:hidden;font-size:.9rem}
.nf-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #F1EDE4}
.nf-h button{background:none;border:0;color:#C2410C;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.nf-h span{color:#9B9A97;font-size:.82rem}
.nf-l{max-height:420px;overflow:auto}
.nf-i{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:12px 16px;text-decoration:none;color:#1D1D1F;border-bottom:1px solid #F6F3EC}
.nf-i:hover{background:#FBF9F5}
.nf-i i{width:8px;height:8px;border-radius:50%;margin-top:6px;background:transparent}
.nf-i.new i{background:var(--nc)}
.nf-i.new{background:color-mix(in srgb,var(--nc) 7%,#fff)}
.nf-i b{display:block;font-weight:600}
.nf-i span{display:block;color:#6B6B6B;font-size:.84rem;margin-top:2px}
.nf-i small{display:block;color:#9B9A97;font-size:.76rem;margin-top:4px}
/* v44 : bas des cartes toujours aligné (prix, places, bouton) */
@media (max-width:600px){.nf-pop{left:12px!important;right:12px!important;width:auto}}
.acard{display:flex!important;flex-direction:column}
.acard .tk-body{flex:1;display:flex!important;flex-direction:column}
.acard .tk-body .row{margin-top:auto!important;padding-top:12px}
#ws-list{align-items:stretch}
#ws-list .card{display:flex!important;flex-direction:column}
#ws-list .card .pr{margin-top:auto!important;padding-top:14px}
.mcard{display:flex!important;flex-direction:column}
.mcard > :last-child{flex:1;display:flex!important;flex-direction:column}
.mcard > :last-child > :last-child{margin-top:auto!important}
/* v45 : salles (live, attente, séance, tour de fin) dans la charte crème (Romuald 10/11) */
body.room{--room:#F6F3EC;--room-2:#FFFFFF;--room-3:#E6E1D6;--room-ink:#1D1D1F;--room-soft:#6B6B6B;--room-y:#1D1D1F;
  --ink:#1D1D1F;--soft:#6B6B6B;--line:#E6E1D6;--white:#fff;background:#F6F3EC!important;color:#1D1D1F}
body.room .sside,body.room .wcard,body.room .controls{background:#fff!important;border:1px solid #E9E4D9!important;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05)!important}
body.room .input{background:#fff!important;color:#1D1D1F!important;border:1px solid #E6E1D6!important}
body.room .controls button{color:#1D1D1F!important;border-radius:999px!important}
body.room .controls button[aria-pressed="true"]{background:#3DDBA0!important;color:#1D1D1F!important}
body.room .controls .flag{color:#B91C1C!important}
body.room .brand,body.room .top a{color:#1D1D1F}
body.room h1,body.room h2{color:#C2410C}
body.room .vtile .tag,body.room .ltiles .tag,body.room [class*="tile"] .tag{color:#fff!important}
body.room .vtile.talk .tag{color:#1D1D1F!important}
body.room #s-clock{color:#B45309!important}
body.room .lv-pill{color:#B91C1C!important;background:#FEE2E2!important}
body.room .controls .btn.line{color:#B91C1C!important;background:#FEF2F2!important;border:1px solid #FECACA!important}
body.room .feed .in{color:#B45309!important}
.acard .tagm2{color:#6D28D9;font-weight:600}
/* v47 : étiquettes de format d'atelier lisibles (teinte claire + texte foncé, comme le Radar) */
.wkind{background:color-mix(in srgb,var(--wc,#6C9CFF) 16%,#fff)!important;color:color-mix(in srgb,var(--wc,#6C9CFF) 55%,#000)!important;border:1px solid color-mix(in srgb,var(--wc,#6C9CFF) 45%,#fff)!important;font-weight:700!important;padding:3px 8px!important;border-radius:6px!important;filter:none!important}
/* v47b : pastilles de visages du live bien visibles */
.alive .faces{display:flex!important;gap:0!important}
.alive .faces span{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:.72rem!important;font-weight:700!important;color:#1D1D1F!important;border:2px solid #fff!important;margin-left:-8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.alive .faces span:first-child{margin-left:0}
.alive .faces span:nth-child(6n+1){background:#FFB59E!important}.alive .faces span:nth-child(6n+2){background:#A9C4FF!important}.alive .faces span:nth-child(6n+3){background:#FFE680!important}
.alive .faces span:nth-child(6n+4){background:#8FE8C6!important}.alive .faces span:nth-child(6n+5){background:#FFB3D1!important}.alive .faces span:nth-child(6n){background:#CDBDFF!important}
/* v49 : choix de séance pour une invitation */
#toast{z-index:300!important}
.inv-dlg{border:0;padding:0;border-radius:16px;width:min(480px,calc(100vw - 24px));box-shadow:0 20px 60px rgba(60,40,10,.25);background:#fff;color:#1D1D1F}
.inv-dlg::backdrop{background:rgba(30,25,15,.35)}
.inv{padding:20px;display:grid;gap:14px}
.inv-h{display:flex;gap:12px;justify-content:space-between}.inv-h b{font-size:1.1rem;display:block}.inv-h span{color:#6B6B6B;font-size:.88rem;display:block;margin-top:4px}
.inv-x{border:0;background:#F6F3EC;width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer;flex:none}
.inv-l{display:grid;gap:8px}
.inv-o{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #E9E4D9;border-radius:10px;padding:10px 12px;cursor:pointer}
.inv-o:has(input:checked){border-color:#FF85B3;background:#FFF1F6}
.inv-o input{accent-color:#BE185D}.inv-o b{display:block;font-size:.92rem}.inv-o small{color:#6B6B6B;font-size:.8rem}.inv-o em{font-style:normal;color:#6B6B6B;font-size:.8rem}
.inv-m{display:grid;gap:6px;font-size:.85rem;font-weight:600}
.inv-a{display:flex;justify-content:flex-end;gap:8px}
.inv-dlg .btn:not(.line){background:#FF85B3!important;border-color:#FF85B3!important;color:#1D1D1F!important}
/* v50 : tickets */
.tki{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;vertical-align:-.12em;margin-right:4px}
.tkp{display:inline-flex;align-items:center;font-weight:700}
.tku{color:#6B6B6B;font-weight:500;font-size:.8em}
.tkw{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid #E9E4D9;border-radius:12px;padding:18px 20px;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05)}
.tkw-l{display:flex;gap:14px;align-items:center}
.tkw-ic{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,#A68BFF 20%,#fff);display:grid;place-items:center;color:#6D28D9;font-size:1.5rem}
.tkw-ic .tki{margin:0}
.tkw-n{display:block;font-size:1.8rem;letter-spacing:-.02em;line-height:1.1}.tkw-n small{font-size:.9rem;color:#6B6B6B;font-weight:500}
.tkw .soft{display:block;font-size:.84rem}
.tkw-r{display:grid;gap:6px;justify-items:end;text-align:right}
.tk-packs{display:grid;grid-template-columns:1fr;gap:8px}
.tk-pk em{font-weight:700;color:#1D1D1F!important;font-size:.95rem!important}
.side .sb-tk{display:inline-flex!important;align-items:center;font-size:.8rem;font-weight:600;color:#6D28D9!important;background:color-mix(in srgb,#A68BFF 16%,#fff)!important;border:0!important;padding:3px 8px!important;border-radius:999px;margin:6px 0 8px;text-decoration:none}
@media (max-width:600px){.tkw-r{justify-items:start;text-align:left}.tk-packs{grid-template-columns:1fr}}
.tkw{flex-wrap:nowrap!important}.tkw-l{flex:1;min-width:0}.tkw-r{flex:none;max-width:280px}
@media (max-width:700px){.tkw{flex-wrap:wrap!important}}
/* v52 : choix du formulaire atelier répartis sur toute la largeur */
#ws-fmt,#ws-sugg{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
#ws-fmt button,#ws-sugg button{justify-content:center;text-align:center;width:100%}
/* v54 : masterclass en plusieurs séances */
.wsparts .seg{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
.wsparts .seg button{justify-content:center;width:100%}
.wsplist{display:grid;gap:8px;margin-top:10px}
.wsp{display:grid;grid-template-columns:28px 1fr 150px 130px;gap:8px;align-items:center}
.wsp-n{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,#8B5CF6 18%,#fff);color:#6D28D9;font-weight:700;font-size:.8rem;display:grid;place-items:center}
.wsp .input{padding:8px 10px;font-size:.88rem}
.wsprev-l{margin:10px 0 0;padding:0;list-style:none;counter-reset:w;display:grid;gap:6px}
.wsprev-l li{counter-increment:w;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;font-size:.85rem;border-top:1px solid #F1EDE4;padding-top:6px}
.wsprev-l li::before{content:counter(w);width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,#8B5CF6 18%,#fff);color:#6D28D9;font-weight:700;font-size:.72rem;display:grid;place-items:center}
.wsprev-l span{color:#6B6B6B}
@media (max-width:700px){.wsp{grid-template-columns:28px 1fr;}.wsp input[type=date],.wsp input[type=time]{grid-column:2}}
/* v55 : mes ateliers */
.myws-h h2{font-size:1.3rem;color:var(--acc-d,#6D28D9)}
.myws-l{display:grid;gap:12px;margin-top:12px}
.mw{background:#fff;border:1px solid #E9E4D9;border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05);display:grid;gap:14px}
.mw-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.mw-top h3{margin-top:6px;font-size:1.05rem}
.mw-act{display:flex;gap:8px;flex-wrap:wrap}
.mw-act .btn{padding:7px 14px;font-size:.85rem}
.mw-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #F1EDE4;border-radius:10px;overflow:hidden}
.mw-stats > div{padding:10px 14px;border-left:1px solid #F1EDE4;display:grid;gap:2px}.mw-stats > div:first-child{border-left:0}
.mw-stats b{font-size:1.25rem;letter-spacing:-.02em}.mw-stats small{font-size:.8rem;color:#6B6B6B;font-weight:500}.mw-stats span{font-size:.8rem;color:#6B6B6B}
.mw-bar{display:block;height:4px;border-radius:4px;background:#F1EDE4;margin-top:4px}.mw-bar > i{display:block;height:100%;border-radius:4px;background:var(--wc)}
.mw-tog{justify-self:start;background:none;border:0;padding:0;font:inherit;font-weight:600;font-size:.88rem;color:#6D28D9;cursor:pointer}
.mw-people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px}
.mw-people li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-top:1px solid #F6F3EC;font-size:.88rem}
.mw-people .cl-av{width:30px;height:30px;font-size:.78rem}
.mw-msg{background:#F6F3EC;border:0;border-radius:999px;padding:4px 10px;font:inherit;font-size:.78rem;cursor:pointer}
@media (max-width:700px){.mw-stats{grid-template-columns:1fr}.mw-stats > div{border-left:0;border-top:1px solid #F1EDE4}.mw-people{grid-template-columns:1fr}}
/* v56 : contenu des ateliers */
.req{font-weight:500;font-size:.75rem;color:#6D28D9;background:color-mix(in srgb,#A68BFF 16%,#fff);border-radius:999px;padding:1px 8px;margin-left:6px}
#ws-form textarea.input{resize:vertical;min-height:96px;font:inherit;line-height:1.45}
.wslearn{display:grid;gap:6px}
.wsrow2{grid-template-columns:1fr 170px!important}
.field .errm{display:none;color:#C53030;font-size:.8rem;font-weight:500}
.field.err .errm{display:block}.field.err .input{border-color:#E5484D!important;box-shadow:0 0 0 3px rgba(229,72,77,.12)}
.ws-sum{font-size:.86rem;color:#4B4B4B;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 0}
.ws-sum.ph{color:#A3A3A3;font-style:italic}
.ws-more{justify-self:start;align-self:flex-start;background:none;border:0;padding:0;font:inherit;font-weight:600;font-size:.85rem;color:#6D28D9;cursor:pointer}
.ws-more:hover{text-decoration:underline}
#ws-list .card{cursor:pointer;transition:transform .15s,box-shadow .15s}#ws-list .card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(60,40,10,.05),0 12px 28px rgba(60,40,10,.09)}
.wsd{width:min(620px,calc(100vw - 24px))}
.wsd .inv{max-height:min(86vh,820px);overflow:auto;gap:16px;padding:22px 24px 0}
.wsd .wsd-t{font-size:1.35rem!important;letter-spacing:-.02em;margin-top:6px;line-height:1.2}
.wsd-desc{font-size:.95rem;line-height:1.55;color:#333;margin:0}
.wsd-h{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6B6B6B;margin:0 0 8px}
.wsd-learn{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.wsd-learn li{position:relative;padding-left:26px;font-size:.92rem;line-height:1.4}
.wsd-learn li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--wc,#8B5CF6) 18%,#fff);color:color-mix(in srgb,var(--wc,#8B5CF6) 75%,#000);font-size:.7rem;font-weight:800;display:grid;place-items:center}
.wsd-learn.sm{margin-top:8px;gap:4px}.wsd-learn.sm li{font-size:.82rem;padding-left:22px}.wsd-learn.sm li::before{width:15px;height:15px;font-size:.6rem}
.wsd-res{background:color-mix(in srgb,var(--wc,#8B5CF6) 11%,#fff);border:1px solid color-mix(in srgb,var(--wc,#8B5CF6) 35%,#fff);border-radius:12px;padding:12px 14px;font-weight:600;font-size:.95rem;line-height:1.4;display:grid;gap:3px}
.wsd-res small{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--wc,#8B5CF6) 70%,#000)}
.wsd-res.sm{margin-top:10px;font-size:.85rem;padding:10px 12px}
.wsd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wsd-grid > div{border:1px solid #F1EDE4;border-radius:10px;padding:12px 14px}.wsd-grid p:not(.wsd-h){margin:0;font-size:.9rem;line-height:1.4}
.wsd-lv{display:inline-block;margin-top:8px;font-size:.75rem;font-weight:600;background:#F6F3EC;border-radius:999px;padding:2px 9px}
.wsd-bio{font-size:.9rem;color:#4B4B4B}.wsd-bio p:not(.wsd-h){margin:0}
.wsd-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid #F1EDE4;margin:0 -24px;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.wsd-foot > div{display:grid;gap:2px}.wsd-foot b{font-size:1.15rem}.wsd-foot span{font-size:.82rem;color:#6B6B6B}
.wsd .btn:not(.line){background:var(--wc)!important;border-color:var(--wc)!important;color:#fff!important}
.wscomp{margin-top:12px;display:grid;gap:5px;font-size:.78rem;font-weight:600;color:#6B6B6B}
.wscomp > i{display:block;height:5px;border-radius:5px;background:#F1EDE4}.wscomp > i > i{display:block;height:100%;border-radius:5px;background:var(--wc);transition:width .2s}
@media (max-width:700px){.wsd-grid{grid-template-columns:1fr}.wsrow2{grid-template-columns:1fr!important}.wsd .inv{padding:18px 16px 0}.wsd-foot{margin:0 -16px;padding:12px 16px}}
/* v57 : encadré explicatif en haut de Séances / Ateliers */
.svsa.one{display:block!important}
.svsa.one > div{display:grid;grid-template-columns:minmax(200px,260px) 1fr;column-gap:28px;row-gap:4px;align-items:start;padding:18px 22px}
.svsa.one > div > .label,.svsa.one > div > h3{grid-column:1}
.svsa.one > div > ul{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:0;padding-left:18px}
.svsa.one > div > .svsa-l{grid-column:1 / -1;margin-top:10px;font-size:.85rem;font-weight:600;color:var(--acc-d,#6D28D9);text-decoration:none}
.svsa.one > div > .svsa-l:hover{text-decoration:underline}
@media (max-width:800px){.svsa.one > div{grid-template-columns:1fr}.svsa.one > div > ul{grid-column:1;grid-row:auto;grid-template-columns:1fr;margin-top:8px}}
.wsd .inv-h .when{margin:0}.wsd .inv-h .when .wkind{display:inline-block;margin:0 6px 0 0}.wsd .inv-h .when{font-size:.85rem;color:#6B6B6B}
/* v58 : porte-monnaie compact dans l'en-tête des ateliers */
.pghead .acts:has(.tkw2){display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tkw2{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E9E4D9;border-radius:999px;padding:5px 5px 5px 14px;box-shadow:0 1px 2px rgba(60,40,10,.04)}
.tkw2-ic{color:#6D28D9;display:grid;place-items:center}.tkw2-ic .tki{width:20px;height:20px;margin:0}
.tkw2-t{display:grid;line-height:1.15}.tkw2-t small{font-size:.7rem;color:#6B6B6B;font-weight:500}.tkw2-t b{font-size:.95rem}
.tkw2-b{border:0;border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;font-size:.85rem;cursor:pointer;background:color-mix(in srgb,#A68BFF 20%,#fff);color:#5B21B6}
.tkw2-b:hover{background:color-mix(in srgb,#A68BFF 32%,#fff)}
/* v59 : ateliers dans Aujourd'hui */
.aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.awc{display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.awc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(60,40,10,.05),0 12px 28px rgba(60,40,10,.09)}
.awc h3{font-size:1rem;line-height:1.3;margin:4px 0 0}
.awc .aw-by{font-size:.85rem;margin:0}
.aw-res{margin:4px 0 0;font-size:.82rem;line-height:1.35;background:color-mix(in srgb,var(--wc) 10%,#fff);border-radius:8px;padding:8px 10px;display:grid;gap:2px}
.aw-res small{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--wc) 70%,#000)}
.aw-f{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:10px}
.aw-f span{font-size:.8rem;color:#6B6B6B;flex:1}
.aw-f .btn{padding:6px 14px;font-size:.82rem}
/* v60 : bandeau Prospecter (charte crème) + dialogue de réservation */
body .rprosp{background:color-mix(in srgb,#6C9CFF 10%,#fff)!important;color:#1D1D1F!important;border:1px solid color-mix(in srgb,#6C9CFF 40%,#fff);border-radius:14px!important;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05)}
body .rprosp b{color:#1D4ED8;margin-bottom:4px}
body .rprosp span{opacity:1!important;color:#4B4B4B}
body .rprosp .btn{background:#6C9CFF!important;border-color:#6C9CFF!important;color:#fff!important}
body [data-prosp].done,body .rprosp [data-prosp].done{background:#fff!important;color:#1D4ED8!important;border-color:color-mix(in srgb,#6C9CFF 50%,#fff)!important}
.prd .btn:not(.line){background:#6C9CFF!important;border-color:#6C9CFF!important;color:#fff!important}
.prd .inv-o:has(input:checked){border-color:#6C9CFF;background:color-mix(in srgb,#6C9CFF 8%,#fff)}.prd .inv-o input{accent-color:#2563EB}
.prd-who{display:flex;align-items:center;gap:10px;font-size:.88rem;background:#F6F3EC;border-radius:10px;padding:10px 12px}
.prd-av{display:flex}.prd-av i{width:28px;height:28px;border-radius:50%;background:var(--avc);color:#fff;font-style:normal;font-weight:700;font-size:.75rem;display:grid;place-items:center;border:2px solid #fff;margin-left:-6px}.prd-av i:first-child{margin-left:0}
.prd-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.prd-steps li{display:grid;grid-template-columns:62px 1fr;gap:10px;font-size:.88rem;align-items:baseline}
.prd-steps b{color:#1D4ED8;font-size:.82rem}
/* v61 : passer à un collègue */
.rpd .btn:not(.line){background:#3DDBA0!important;border-color:#3DDBA0!important;color:#0B3B2C!important}
.rpd .inv-o:has(input:checked){border-color:#3DDBA0;background:color-mix(in srgb,#3DDBA0 9%,#fff)}.rpd .inv-o input{accent-color:#059669}
.rpd .cl-av{width:30px;height:30px;border-radius:50%;background:var(--avc);color:#fff;font-weight:700;font-size:.8rem;display:grid;place-items:center;font-style:normal}
.rpd textarea.input{font:inherit;font-weight:400;font-size:.88rem;line-height:1.4;resize:vertical}
.rd-act .btn.done{background:#fff!important;color:#047857!important;border-color:color-mix(in srgb,#3DDBA0 60%,#fff)!important}
/* v62 : note */
.rnote label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rnote-s{font-size:.75rem;font-weight:500;color:#6B6B6B}.rnote-s.ok{color:#047857}
.rnote textarea.input{font:inherit;font-size:.92rem;line-height:1.4;resize:vertical;min-height:58px}
.pp-note{font-size:.78rem!important;color:#6B4E00!important;background:#FFF7D6;border-radius:6px;padding:5px 8px;margin:4px 0 0!important}
/* v63 : une seule couleur par entreprise partout (Radar, fiche, pipeline) */
body .lg,body .pp-lg{background:color-mix(in srgb,var(--lc) 20%,#fff)!important;color:color-mix(in srgb,var(--lc) 55%,#000)!important;border:1px solid color-mix(in srgb,var(--lc) 45%,#fff)!important;font-family:inherit!important;font-weight:700!important}
/* v64 : couleur = famille de secteur */
.rlegend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.78rem;color:#6B6B6B;margin:0 0 10px}
.rlg,.rfam,.rfam-s{display:inline-flex;align-items:center;gap:6px}
.rlg i,.rfam i,.rfam-s i{width:10px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--lc) 35%,#fff);border:1px solid var(--lc);flex:none}
.rlg{color:#3F3F46;font-weight:500}
.rfam{margin:10px 0 2px;font-size:.75rem;font-weight:700;color:#3F3F46}.rfam:first-child{margin-top:0}
.rfam-s{display:flex;margin-top:4px;font-size:.75rem;color:#6B6B6B}
/* v66 : timeline Aujourd'hui */
#a-rail,#a-ws{display:none!important}
.agd-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 6px}
.tl-links{display:flex;gap:16px;font-size:.85rem;font-weight:600}.tl-links a{color:var(--acc-d,#C2410C);text-decoration:none}.tl-links a:hover{text-decoration:underline}
.agd{display:grid;gap:4px}
.tl-day h3{font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#6B6B6B;margin:14px 0 6px 0;padding-left:84px}
.tl-row,.tl-now{display:grid;grid-template-columns:64px 20px 1fr;column-gap:10px;align-items:center;position:relative}
.tl-row::before,.tl-now::before{content:"";position:absolute;left:83px;top:0;bottom:0;width:2px;background:#E9E4D9}
.tl-day .tl-row:last-child::before{bottom:50%}
.tl-row time,.tl-now time{text-align:right;font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums;line-height:1.1}
.tl-row time small{display:block;font-weight:500;font-size:.72rem;color:#6B6B6B}
.tl-dot{position:relative;z-index:1;justify-self:center;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--dc)}
.tl-row.mine .tl-dot{background:var(--dc)}
.tl-card{margin:5px 0;background:#fff;border:1px solid #E9E4D9;border-radius:12px;padding:10px 14px;display:flex;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 1px 2px rgba(60,40,10,.04);transition:box-shadow .15s,transform .15s}
.tl-row.w .tl-card{cursor:pointer;background:color-mix(in srgb,var(--wc) 6%,#fff);border-color:color-mix(in srgb,var(--wc) 30%,#fff)}
.tl-row.w:hover .tl-card{transform:translateX(2px);box-shadow:0 6px 18px rgba(60,40,10,.08)}
.tl-row.mine .tl-card{border-color:var(--dc);box-shadow:0 0 0 1px var(--dc)}
.tl-i{display:grid;gap:2px;min-width:0}.tl-i b{font-size:.95rem}
.tl-by{font-size:.8rem;color:#6B6B6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-tag{display:flex;gap:6px;align-items:center;margin:0 0 2px;font-size:.72rem}
.tl-k{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.tl-k.s{color:#B45309}.tl-k.w{color:#6D28D9}
.tl-tag .wkind{font-size:.68rem;padding:1px 7px}
.tl-a{display:flex;align-items:center;gap:10px;flex:none;font-size:.8rem;color:#6B6B6B}
.tl-a .btn{padding:6px 14px;font-size:.82rem;min-width:96px;justify-content:center}
.tl-now{margin:2px 0}.tl-now time{color:#E5484D;font-size:.8rem}
.tl-now i{position:relative;z-index:1;justify-self:center;width:10px;height:10px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.18)}
.tl-now span{font-size:.75rem;font-weight:700;color:#E5484D;display:flex;align-items:center;gap:8px}.tl-now span::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#E5484D,transparent)}
.tl-empty{font-size:.85rem;color:#6B6B6B;padding-left:84px;margin:4px 0}
@media (max-width:700px){.tl-row,.tl-now{grid-template-columns:46px 16px 1fr;column-gap:8px}.tl-row::before,.tl-now::before{left:61px}.tl-day h3,.tl-empty{padding-left:62px}.tl-card{flex-direction:column;align-items:stretch;gap:8px}.tl-a{justify-content:space-between}.tl-by{white-space:normal}}
.agd-bar{margin-bottom:6px!important}.tl-day h3{position:static!important;margin:18px 0 6px!important;transform:none!important}.tl-day:first-child h3{margin-top:10px!important}
.tl-more{margin:2px 0 6px 84px;background:none;border:0;padding:4px 0;font:inherit;font-size:.85rem;font-weight:600;color:var(--acc-d,#C2410C);cursor:pointer;text-decoration:none;display:inline-block}
.tl-more:hover{text-decoration:underline}
@media (max-width:700px){.tl-more{margin-left:62px}}
@media (max-width:700px){.agd-bar{display:grid!important;gap:8px}#tl-f{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;height:auto!important}#tl-f button{flex:none;white-space:nowrap}}
.sh-acc{font-size:.88rem;color:#4B4B4B;background:#F6F3EC;border-radius:10px;padding:10px 12px;margin:0}
/* v68 : abonnement façon cartes complètes */
.pl2{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:18px;justify-content:center}
.pl-card{background:#fff;border:1px solid #E9E4D9;border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(60,40,10,.04),0 8px 24px rgba(60,40,10,.06)}
.pl-card.hot{border:2px solid var(--acc,#B8E65A);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc,#B8E65A) 18%,transparent),0 12px 30px rgba(60,40,10,.08)}
.pl-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pl-h h3{font-size:1.15rem;margin:0}
.pl-pop{font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--acc,#B8E65A) 30%,#fff);color:#3F6212;border-radius:999px;padding:3px 10px}
.pl-for{color:#6B6B6B;font-size:.9rem;line-height:1.4;margin:6px 0 18px;min-height:2.6em}
.pl-price{display:flex;align-items:center;gap:10px}
.pl-price b{font-size:2.6rem;letter-spacing:-.04em;line-height:1}
.pl-save{font-size:.78rem;font-weight:600;color:#3F6212;background:color-mix(in srgb,var(--acc,#B8E65A) 22%,#fff);border:1px solid color-mix(in srgb,var(--acc,#B8E65A) 60%,#fff);border-radius:6px;padding:2px 8px}
.pl-per{color:#6B6B6B;font-size:.85rem;margin:6px 0 18px}
.pl-btn{width:100%;border-radius:999px;padding:13px;font:inherit;font-weight:600;font-size:.98rem;cursor:pointer;background:#fff;border:1px solid #D9D3C7;color:#1D1D1F}
.pl-btn.hot{background:var(--acc,#B8E65A);border-color:var(--acc,#B8E65A);color:#1A2E05;box-shadow:0 6px 16px color-mix(in srgb,var(--acc,#B8E65A) 45%,transparent)}
.pl-btn:disabled{cursor:default;background:#F6F3EC;border-color:#E9E4D9;color:#6B6B6B;box-shadow:none}
.pl-sec{font-size:.8rem;color:#6B6B6B;margin:22px 0 8px;padding-top:18px;border-top:1px dashed #E9E4D9}
.pl-sec + .pl-l{margin-top:0}
.pl-l + .pl-sec{border-top:0;padding-top:4px}
.pl-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pl-l li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:.93rem;font-weight:500}
.pl-l li.off{color:#A3A3A3;font-weight:400}
.pl-l em{font-style:normal;font-size:.88rem;color:#3F3F46;text-align:right}
.pl-ck{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:800;flex:none}
.pl-ck.y{background:color-mix(in srgb,var(--acc,#B8E65A) 30%,#fff);color:#3F6212}
.pl-ck.n{background:#F4F4F5;color:#A1A1AA}
@media (max-width:800px){.pl2{grid-template-columns:1fr}}
/* v69 : gérer le paiement */
.pm-bar{max-width:858px;width:100%;justify-self:center;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #E9E4D9;border-radius:14px;padding:16px 20px}
.pm-bar > div{display:grid;gap:2px}.pm-bar span{font-size:.85rem;color:#6B6B6B}
.pmd .btn:not(.line){background:var(--acc,#B8E65A)!important;border-color:var(--acc,#B8E65A)!important;color:#1A2E05!important}
.pm-h{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6B6B6B;margin:0 0 8px}
.pm-card,.pm-addr{display:flex;align-items:center;gap:12px;border:1px solid #E9E4D9;border-radius:10px;padding:10px 12px}
.pm-card > div{flex:1;display:grid}.pm-card small{color:#6B6B6B;font-size:.8rem}.pm-addr span{flex:1;font-size:.9rem}
.pm-visa{background:#1A1F71;color:#fff;font-weight:800;font-style:italic;font-size:.75rem;border-radius:5px;padding:5px 8px}
.pm-card .btn,.pm-addr .btn{padding:6px 12px;font-size:.82rem}
.pm-inv{list-style:none;margin:0;padding:0;display:grid}
.pm-inv li{display:grid;grid-template-columns:100px 1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid #F1EDE4;font-size:.88rem}
.pm-inv li:first-child{border-top:0}.pm-inv li span:first-child{color:#6B6B6B}
.pm-inv button{background:#F6F3EC;border:0;border-radius:999px;padding:4px 10px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
.pm-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pm-stop{background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:#B91C1C;cursor:pointer;text-decoration:underline}
.pm-stop:disabled{color:#6B6B6B;text-decoration:none}
/* v70 : missions partagées */
.mi-wrap{display:grid;gap:12px}
.mi-h{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.mi-h h2{font-size:1.15rem;margin:2px 0 0;color:var(--acc-d,#BE185D)}
.mi-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.mi-c{background:#fff;border:1px solid #E9E4D9;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(60,40,10,.04),0 6px 20px rgba(60,40,10,.05)}
.mi-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mi-job{font-size:.75rem;font-weight:700;color:#9D174D;background:color-mix(in srgb,#FF85B3 18%,#fff);border-radius:999px;padding:3px 10px}
.mi-ago{font-size:.75rem;color:#6B6B6B}
.mi-c > b{font-size:1rem;line-height:1.3}.mi-c > p{margin:0;font-size:.86rem;color:#4B4B4B;line-height:1.45}
.mi-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.8rem;color:#3F3F46}
.mi-f{margin-top:auto;padding-top:8px;border-top:1px solid #F1EDE4;display:flex;justify-content:space-between;align-items:center;gap:10px}
.mi-f > span{font-size:.78rem;line-height:1.35}.mi-f .btn{padding:6px 14px;font-size:.82rem;flex:none}
.mid{width:min(560px,calc(100vw - 24px))}.mid .inv{max-height:88vh;overflow:auto}
.mid textarea.input{font:inherit;font-size:.92rem;resize:vertical}
.mi-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mid .seg{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.mid .seg button{justify-content:center}
.mid .seg button[aria-pressed=true]{background:#FF85B3!important;color:#fff!important}
.mid .field > .inv-o + .inv-o{margin-top:8px}
@media (max-width:600px){.mi-3{grid-template-columns:1fr}}
/* v71 : icônes dans les cartes d'abonnement + missions sans emoji */
.pl-l li > span{display:flex;align-items:center;gap:10px}
.pl-ic{width:26px;height:26px;padding:5px;border-radius:7px;background:#F6F3EC;fill:none;stroke:#52525B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pl-l li.off .pl-ic{stroke:#C4C4C8;background:#FAF8F3}
.mi-meta i{font-style:normal;color:#8A8A8A;margin-right:4px}
/* v72 : icônes validées */
.mi-t{display:flex;align-items:center;gap:8px}.mi-t svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* v75 : univers Élan léger */
.brandlg{display:inline-flex;align-items:center}body.shell .top .brand.brandlg{display:none}.brandlg::after{display:none!important;content:none!important}
.brandlg .lg-wm{height:1em;width:5.01em;fill:currentColor;overflow:visible;flex:none}.brandlg .lg-bm path{fill:#fff}
.side .sb-brand.brandlg{font-size:1.6rem;padding:2px 10px 14px;color:#111}a.brand.brandlg{font-size:1.9rem;flex:none}.mail p.brand.brandlg{font-size:1.7rem}
html body .pghead h1{font-family:"Inter Tight",Inter,sans-serif!important;font-style:italic!important;font-weight:900!important;letter-spacing:-.045em!important;font-size:2.35rem!important;line-height:1!important}
html body .asec-h h2,html body .mi-h h2,html body.shell .view > h2{font-family:"Inter Tight",Inter,sans-serif!important;font-style:italic;font-weight:900!important;letter-spacing:-.035em}
html body #a-count,html body .alive .big,html body .rkpi b,html body .bigcount,html body .plan .amt,html body .tk-top .big,html body .pl-price b,html body .board-head h1{font-family:"Inter Tight",Inter,sans-serif!important;font-style:italic!important;font-weight:900!important;letter-spacing:-.04em!important}
html body .alive .go.go,html body:not(.shell):not(.room) .authbtns button.y.y,html body .btn.btn.btn:not(.line):not(.ghost){background:var(--acc)!important;border-color:var(--acc)!important;color:#111!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.12)!important;font-family:"Inter Tight",Inter,sans-serif!important;font-style:normal;font-weight:800!important;letter-spacing:-.01em}
html body .btn.btn.btn:not(.line):not(.ghost):hover{background:var(--acc-d,#111)!important;border-color:var(--acc-d,#111)!important;color:#fff!important}
/* v77 : en-tête de page toujours au même endroit */
html body.shell .amain > .pghead:first-child{margin-top:-12px!important}
html body.shell .pghead{flex-wrap:nowrap!important;align-items:center!important;min-height:91px;box-sizing:border-box}
html body.shell .pghead > div:first-child{flex:1 1 auto;min-width:0}
html body.shell .pghead .acts{flex:none!important;flex-wrap:nowrap!important;justify-content:flex-end;align-items:center}
html body.shell .pghead > div:first-child{align-items:start!important}
html body.shell .pghead > div:first-child > .pg-ic{grid-row:1 / span 2;align-self:center}
html body.shell .pghead p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v81 : logo façon Trendtrack (icône carrée + nom droit) */
html body .brandlg{align-items:center!important}
.brandlg{gap:.42em}.brandlg .lg-tile{display:block;flex:none;width:1.3em;height:1.3em}.brandlg .lg-tile svg{display:block;width:100%;height:100%}
.brandlg .lg-name{font-family:"Inter Tight",Inter,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.035em;line-height:1;color:#111;white-space:nowrap}
.side .sb-brand.brandlg{font-size:1.35rem!important}a.brand.brandlg{font-size:1.5rem!important}.mail p.brand.brandlg{font-size:1.45rem!important}

/* v87 : logo V9 sans fond */
html body .brandlg{gap:.18em!important}html body .brandlg .lg-tile{width:1.45em!important;height:1.45em!important}

/* v88 : page publique en gris (l'orange dominant remplacé), touches de couleur des moments gardées */
html body:not(.shell):not(.room){--acc:#D9DCE0;--acc-d:#3A3E44}
html body:not(.shell):not(.room) .btn.btn.btn:not(.line):not(.ghost),html body:not(.shell):not(.room) .authbtns button.y.y,html body:not(.shell):not(.room) .authbtns .y{background:#3A3E44!important;border-color:#3A3E44!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.15)!important}
html body:not(.shell):not(.room) .btn.btn.btn:not(.line):not(.ghost):hover,html body:not(.shell):not(.room) .authbtns .y:hover{background:#111!important;border-color:#111!important;color:#fff!important}
html body:not(.shell):not(.room) .board-head .t2{color:#8A9099!important}
html body:not(.shell):not(.room) .livebar h2,html body:not(.shell):not(.room) .timeline h2,html body:not(.shell):not(.room) .under h3{color:#1D1D1F!important}
html body:not(.shell):not(.room) .timeline.chalk{padding:40px 36px 36px!important}
html body:not(.shell):not(.room) .under .ticker{font-size:1.15rem!important;line-height:1.45!important;font-weight:500!important}
html body:not(.shell):not(.room) .priceline .p{white-space:nowrap!important}
html body:not(.shell):not(.room) .livebar{box-shadow:inset 4px 0 0 #8A9099,0 6px 20px rgba(60,40,10,.05)!important}
html body:not(.shell):not(.room) .livebar .faces span{border-color:#C4C8CD!important}
html body:not(.shell):not(.room) .livebar .faces span{color:#fff!important}

/* v89 : page publique vivante (stickers sobres + bento Messages / Radar / Ateliers) */
.stk2{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border-radius:999px;background:#fff;border:1px solid #E6E1D6;box-shadow:0 6px 16px -6px rgba(40,30,10,.22);font:700 .82rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.01em;color:#1D1D1F;white-space:nowrap;transform:rotate(var(--r,0deg));pointer-events:none}
.stk2 i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,#fff)}
html body:not(.shell):not(.room) .board-head{position:relative}
.st-h1{top:150px;left:max(0px,calc(50% - 520px))}.st-h2{top:120px;right:max(0px,calc(50% - 520px))}.st-h3{top:300px;left:max(0px,calc(50% - 470px))}.st-h4{top:290px;right:max(0px,calc(50% - 480px))}
@media(max-width:1000px){.st-h1,.st-h2,.st-h3,.st-h4{position:static;transform:rotate(var(--r));margin:0 4px}.board-head .stk2{display:none}}
.bento{margin-top:90px;display:grid;gap:28px}
.bento .or h2{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important;font-size:clamp(2.2rem,5vw,3.6rem)!important;letter-spacing:-.045em!important;line-height:1!important;color:#1D1D1F!important}
.bt-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;gap:18px}
.bt{position:relative;background:#fff;border:1px solid #E9E4D9;border-radius:28px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:12px;overflow:visible}
.bt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 60% at 100% 0%,color-mix(in srgb,var(--c) 14%,transparent),transparent 60%);pointer-events:none}
.bt-msg{grid-row:span 2}
.bt-k{display:inline-flex;align-items:center;gap:8px;font:700 .78rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:color-mix(in srgb,var(--c) 60%,#111)}
.bt-k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.bt h3{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;letter-spacing:-.04em!important;line-height:1.05!important;color:#1D1D1F!important;margin:0}
.bt .soft{margin:0;max-width:34rem}
.bt-a{margin-top:auto;font-weight:700;color:#1D1D1F;text-decoration:none;align-self:flex-start;padding:9px 16px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 40%,#fff)}
.bt-a:hover{background:var(--c)}
.wa{border-radius:22px;overflow:hidden;border:1px solid #E6E1D6;background:#EFEAE2;box-shadow:0 20px 40px -24px rgba(0,0,0,.35);margin:6px 0 8px}
.wa-h{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border-bottom:1px solid #EEE}
.wa-h b{display:block;font-size:.9rem}.wa-h small{color:#25A35A;font-size:.75rem;font-weight:600}
.wa-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#111;flex:none}
.wa-b{padding:12px 12px 6px;display:flex;flex-direction:column;gap:6px;background-color:#F3EEE6;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:14px 14px}
.wa-day{align-self:center;font-size:.7rem;font-weight:700;color:#6B6B6B;background:#fff;border-radius:7px;padding:3px 9px;margin:0 0 4px}
.wa-b p.in,.wa-b p.out{position:relative;margin:0;max-width:82%;padding:7px 10px 16px;border-radius:12px;font-size:.88rem;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-b .in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.wa-b .out{align-self:flex-end;background:#DCF7C5;border-top-right-radius:3px}
.wa-b time{position:absolute;right:9px;bottom:4px;font-size:.66rem;color:#7A7A7A}.wa-b time s{text-decoration:none;color:#34B7F1;font-weight:700;letter-spacing:-.15em}
.wa-b .in time{right:9px}.wa-b p.in,.wa-b p.out{padding-right:46px!important}
.wa-in{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#F3EEE6}.wa-in span{flex:1;background:#fff;border-radius:999px;padding:9px 14px;color:#8A8A8A;font-size:.86rem}.wa-in b{width:36px;height:36px;border-radius:50%;background:#1D1D1F;color:#fff;display:grid;place-items:center;font-size:.9rem}
.rd{display:grid;gap:8px}
.rd-r{display:flex;align-items:center;gap:12px;background:#FBFAF7;border:1px solid #EEE9DF;border-radius:14px;padding:10px 12px}
.rd-r>i{width:10px;height:10px;border-radius:50%;flex:none}.rd-r div{flex:1;min-width:0}.rd-r b{display:block;font-size:.92rem}.rd-r small{color:#6B6B6B;font-size:.78rem}
.rd-s{font:800 italic 1.25rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em;background:color-mix(in srgb,#6C9CFF 16%,#fff);color:#1D4ED8;border-radius:10px;padding:6px 9px}
.atc{background:#FBFAF7;border:1px solid #EEE9DF;border-radius:16px;padding:14px 16px;display:grid;gap:6px}
.atc-t{justify-self:start;font-size:.72rem;font-weight:700;background:color-mix(in srgb,#A68BFF 18%,#fff);color:#5B21B6;border-radius:7px;padding:4px 8px}
.atc b{font-size:1.02rem}.atc p{margin:0;color:#555;font-size:.88rem}.atc-f{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#6B6B6B;margin-top:4px}.atc-f em{font-style:normal;font-weight:800;color:#1D1D1F;background:#fff;border:1px solid #E6E1D6;border-radius:999px;padding:4px 10px}
@media(max-width:820px){.bt-grid{grid-template-columns:1fr}.bt-msg{grid-row:auto}.bt{padding:24px 18px 20px;border-radius:22px}.bento{margin-top:60px}}
html body:not(.shell):not(.room) .days{gap:6px!important}html body:not(.shell):not(.room) .days button{padding:8px 16px!important;border-radius:999px!important;border:0!important}html body:not(.shell):not(.room) .days button[aria-pressed="true"]{background:#3A3E44!important;color:#fff!important}html body:not(.shell):not(.room) .days button:not([aria-pressed="true"]):hover{background:#E7E8EA!important;color:#1D1D1F!important}
.wa-sys{align-self:center;text-align:center;max-width:90%;font-size:.72rem;color:#5B5B5B;background:#FFF6D6;border-radius:8px;padding:5px 10px;margin:0 0 6px}.wa-b .wa-card{border-left:3px solid #4CC3FF}.wa-card b{display:block;font-size:.76rem;color:#0369A1}
html body .tb-ic .dot{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:18px!important;height:18px!important;padding:0 5px!important;line-height:1!important;font-family:Inter,sans-serif!important;font-variant-numeric:tabular-nums;font-weight:700!important;font-size:10.5px!important;text-align:center!important}

/* v91 : toute la page publique dans la DA des grandes cartes (bento) */
html body:not(.shell):not(.room) .board .or h2{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important;font-style:normal!important;font-size:clamp(2.2rem,5vw,3.6rem)!important;letter-spacing:-.045em!important;line-height:1!important;color:#1D1D1F!important}
html body:not(.shell):not(.room) .board-head h1{font-style:normal!important;font-weight:800!important;letter-spacing:-.05em!important}
html body:not(.shell):not(.room) .livebar,html body:not(.shell):not(.room) .cols,html body:not(.shell):not(.room) .timeline.chalk,html body:not(.shell):not(.room) .under.chalk{position:relative;border-radius:28px!important;border:1px solid #E9E4D9!important;background:#fff!important;overflow:visible!important}
html body:not(.shell):not(.room) .livebar::after,html body:not(.shell):not(.room) .timeline.chalk::after,html body:not(.shell):not(.room) .under.chalk::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 70% at 100% 0%,color-mix(in srgb,var(--c) 13%,transparent),transparent 60%);pointer-events:none;z-index:0}
html body:not(.shell):not(.room) .livebar>*,html body:not(.shell):not(.room) .timeline.chalk>*,html body:not(.shell):not(.room) .under.chalk>*{position:relative;z-index:1}
html body:not(.shell):not(.room) .livebar>.stk2,html body:not(.shell):not(.room) .timeline.chalk>.stk2,html body:not(.shell):not(.room) .under.chalk>.stk2{position:absolute;z-index:5}
html body:not(.shell):not(.room) .livebar{box-shadow:none!important;padding:34px 36px!important}
html body:not(.shell):not(.room) .livebar h2,html body:not(.shell):not(.room) .timeline h2,html body:not(.shell):not(.room) .under h3,html body:not(.shell):not(.room) .mine-head h2,html body:not(.shell):not(.room) .cols h2,html body:not(.shell):not(.room) .cols h3{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.04em!important;color:#1D1D1F}
html body:not(.shell):not(.room) .livebar h2{font-size:clamp(2.2rem,4.5vw,3.4rem)!important;line-height:1!important;margin:6px 0 10px!important}
html body:not(.shell):not(.room) .timeline h2{font-size:clamp(1.8rem,3.4vw,2.6rem)!important;line-height:1.02!important}
html body:not(.shell):not(.room) .under h3{font-size:clamp(1.5rem,2.6vw,2rem)!important;line-height:1.05!important}
html body:not(.shell):not(.room) .livebar .on,html body:not(.shell):not(.room) .timeline .or .label{display:inline-flex;align-items:center;gap:8px;font:700 .78rem/1 Inter,sans-serif!important;text-transform:uppercase;letter-spacing:.09em;color:#B42318!important}
html body:not(.shell):not(.room) .timeline .or .label{color:#A16207!important}html body:not(.shell):not(.room) .timeline .or .label::before{content:"";width:8px;height:8px;border-radius:50%;background:#FFD93D}
html body:not(.shell):not(.room) .timeline.chalk .or{text-align:left!important;justify-items:start!important}
html body:not(.shell):not(.room) .cols{overflow:hidden!important}
html body:not(.shell):not(.room) .mine-list > *{border-radius:22px!important;overflow:hidden}
html body:not(.shell):not(.room) .tl-step{background:#FBFAF7;border:1px solid #EEE9DF!important;border-radius:20px;padding:20px 20px 18px!important;margin:0 6px}
html body:not(.shell):not(.room) .tl-steps{gap:10px;border:0!important}html body:not(.shell):not(.room) .tl-step+.tl-step{border-left:1px solid #EEE9DF!important}
html body:not(.shell):not(.room) .under.chalk{padding:40px 36px!important}
html body:not(.shell):not(.room) .demo .screen{border-radius:28px!important}
html body:not(.shell):not(.room) .promises span{background:#fff!important;border:1px solid #E6E1D6!important;box-shadow:0 6px 16px -10px rgba(40,30,10,.25)}
@media(max-width:820px){html body:not(.shell):not(.room) .livebar,html body:not(.shell):not(.room) .timeline.chalk,html body:not(.shell):not(.room) .under.chalk{padding:26px 18px!important;border-radius:22px!important}html body:not(.shell):not(.room) .tl-step{margin:0}}
html body:not(.shell):not(.room) .timeline.chalk,html body:not(.shell):not(.room) .under.chalk,html body:not(.shell):not(.room) .livebar{clip-path:none!important}

/* v92 : espace membre dans la DA des grandes cartes (bento) */
html:root body.shell.shell .alive,html:root body.shell.shell .anext,html:root body.shell.shell .rkpi,html:root body.shell.shell .card,html:root body.shell.shell .acard,html:root body.shell.shell .sv,html:root body.shell.shell .sa,html:root body.shell.shell .mycard,html:root body.shell.shell .pl-card,html:root body.shell.shell .faq,html:root body.shell.shell .mi-c,html:root body.shell.shell .orgs,html:root body.shell.shell .mx,html:root body.shell.shell .ws,html:root body.shell.shell .mw,html:root body.shell.shell .tl-card,html:root body.shell.shell .pm-bar{border-radius:24px!important;border:1px solid #E9E4D9!important;box-shadow:none!important;background-color:#fff!important;background-image:radial-gradient(120% 70% at 100% 0%,color-mix(in srgb,var(--acc,#D9DCE0) 11%,transparent),transparent 60%)!important}
html:root body.shell.shell .cl,html:root body.shell.shell .rtable,html:root body.shell.shell .rfil{border-radius:20px!important;border:1px solid #E9E4D9!important;box-shadow:none!important}
html:root body.shell.shell .pghead h1{font-family:"Inter Tight",Inter,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.05em!important;color:#1D1D1F!important;font-size:2.5rem!important}
html:root body.shell.shell .asec-h h2,html:root body.shell.shell .mi-h h2,html:root body.shell.shell.shell .view > h2,html:root body.shell.shell h2.mi-t{font-family:"Inter Tight",Inter,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.04em!important;color:#1D1D1F!important;font-size:1.6rem!important;line-height:1.05!important}
html:root body.shell.shell .card h3,html:root body.shell.shell .sv h3,html:root body.shell.shell .sa h3,html:root body.shell.shell .pl-h h3,html:root body.shell.shell .acard h3,html:root body.shell.shell .amain h3:not(.tl-day *){font-family:"Inter Tight",Inter,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
html:root body.shell.shell p.label,html:root body.shell.shell .mx-h{display:inline-flex!important;align-items:center;gap:8px;font:700 .74rem/1 Inter,sans-serif!important;text-transform:uppercase;letter-spacing:.09em!important;color:color-mix(in srgb,var(--acc,#888) 55%,#111)!important}
html:root body.shell.shell p.label::before,html:root body.shell.shell .mx-h::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc,#888);flex:none}
html:root body.shell.shell .amain .btn.line,html:root body.shell.shell .amain .btn.ghost{border-radius:999px!important}
html:root body.shell.shell :is(.amain,.aright,.view-grid,.view) h2:not(.tl-day){font-family:"Inter Tight",Inter,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.04em!important;color:#1D1D1F!important}
html:root body.shell.shell :is(.amain,.aright,.view-grid,.view) h3{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
html:root body.shell.shell .side p.label::before{display:none}

/* v93 : 3 encarts Travailler / Trouver des clients / Mon réseau (comme le menu de l'app) */
.pillars{margin-top:90px;display:grid;gap:28px}
.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pl h3{font-size:clamp(1.5rem,2.3vw,1.9rem)!important}
.pl-vis{background:#FBFAF7;border:1px solid #EEE9DF;border-radius:16px;padding:12px;min-height:118px;display:grid;gap:6px;align-content:center}
.pl-agenda span{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #EEE9DF;border-radius:10px;padding:7px 10px;font-size:.84rem;font-weight:600}
.pl-agenda b{font:800 italic .95rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;color:#A16207}.pl-agenda .w b{color:#6D28D9}
.pl-pipe span{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #EEE9DF;border-radius:10px;padding:7px 10px;font-size:.84rem;font-weight:600}
.pl-pipe i{width:9px;height:9px;border-radius:50%}.pl-pipe b{margin-left:auto;font:800 italic .95rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em}
.pl-faces{display:flex!important;align-items:center;justify-content:center}.pl-faces span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:3px solid #FBFAF7;margin-left:-10px}.pl-faces span:first-child{margin-left:0}.pl-faces b{margin-left:12px;font:800 1.05rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em}
.pl-list{display:grid;gap:2px;margin-top:2px}
.pl-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;text-decoration:none;color:#1D1D1F}
.pl-row:hover{background:color-mix(in srgb,var(--c) 12%,#fff)}
.pl-row b{display:block;font-size:.95rem}.pl-row small{display:block;color:#6B6B6B;font-size:.82rem;line-height:1.3}
.pl-row em{margin-left:auto;font-style:normal;color:#9A9A9A}
.pl-ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#F3F1EC;color:#555}.pl-ic svg{width:18px;height:18px}
.pl-live{width:10px;height:10px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}
@media(max-width:980px){.pl-grid{grid-template-columns:1fr}.pillars{margin-top:60px}}

/* v94 : 3 sections façon bento (Travailler / Trouver des clients / Mon réseau) avec plusieurs briques */
.bento{margin-top:110px}
.bt-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
.bt-grid.g3{grid-template-columns:1.05fr 1fr}.bt-grid.g3 .tall{grid-row:span 2}
.bt-grid.g3.rev{grid-template-columns:1fr 1.05fr}.bt-grid.g3.rev .tall{grid-column:2;grid-row:1 / span 2}
.bt .pl-vis{margin:4px 0 6px}
.pl-steps span{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #EEE9DF;border-radius:10px;padding:7px 10px;font-size:.84rem;font-weight:600}
.pl-steps b{font:800 italic .95rem/1 "Inter Tight",Inter,sans-serif;color:#A16207;min-width:22px}
.pl-prof{gap:8px}.pl-prof>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #EEE9DF;border-radius:12px;padding:8px 10px}.pl-prof span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none}.pl-prof p{margin:0}.pl-prof b{display:block;font-size:.88rem}.pl-prof small{color:#6B6B6B;font-size:.78rem}
.pl-mis{background:#fff!important;gap:4px!important;align-content:start!important}.pl-mis .t{justify-self:start;font-size:.72rem;font-weight:700;background:color-mix(in srgb,#FF85B3 20%,#fff);color:#9D174D;border-radius:999px;padding:4px 9px}.pl-mis b{font-size:1rem}.pl-mis small{color:#6B6B6B;font-size:.8rem}
@media(max-width:820px){.bt-grid.g4,.bt-grid.g3,.bt-grid.g3.rev{grid-template-columns:1fr}.bt-grid.g3 .tall,.bt-grid.g3.rev .tall{grid-row:auto;grid-column:auto}.bento{margin-top:70px}}
.seances-pick{margin-top:110px;display:grid;gap:28px}.seances-pick .mine{margin-top:20px}
.rd-more{margin:2px 0 0;text-align:center;font-size:.82rem;font-weight:600;color:#6B6B6B}

/* v95 : fenêtre avant le LIVE */
#lvpre{border:0;padding:0;border-radius:28px;max-width:860px;width:calc(100% - 32px);background:#fff;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
#lvpre::backdrop{background:rgba(20,18,14,.45);backdrop-filter:blur(4px)}
.lvp{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:24px;background:radial-gradient(120% 70% at 100% 0%,rgba(239,68,68,.08),transparent 60%)}
.lvp-x{position:absolute;top:12px;right:14px;border:0;background:#F3F1EC;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.lvp-cam{position:relative;border-radius:20px;overflow:hidden;background:#15130E;min-height:300px}
.lvp-cam canvas{position:absolute;inset:0;width:100%;height:100%;transition:filter .3s}
.lvp-cam.off canvas{opacity:0}
.lvp-off{position:absolute;inset:0;display:grid;place-items:center;color:#E6E8EB;font-weight:700}
.lvp-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:6px;align-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem;font-weight:600;padding:6px 10px;border-radius:999px}.lvp-tag svg{width:14px;height:14px}
.lvp-k{display:flex;align-items:center;gap:8px;margin:6px 0 0;font:700 .74rem/1 Inter,sans-serif;letter-spacing:.09em;color:#B42318}.lvp-k i{width:9px;height:9px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}
#lvp-t{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important;font-style:normal!important;font-size:2.1rem!important;letter-spacing:-.045em!important;margin:8px 0 4px;color:#1D1D1F}
.lvp-s{margin:0 0 14px;color:#6B6B6B;font-size:.92rem}
.lvp-opts{display:grid;gap:8px}
.lvp-o{display:flex;align-items:center;gap:12px;text-align:left;background:#FBFAF7;border:1px solid #EEE9DF;border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:#1D1D1F}
.lvp-o b{display:block;font-size:.92rem}.lvp-o small{display:block;color:#6B6B6B;font-size:.78rem;line-height:1.3}
.lvp-ic{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #EEE9DF;display:grid;place-items:center;flex:none}
.lvp-sw{margin-left:auto;flex:none;width:40px;height:24px;border-radius:999px;background:#D9DCE0;position:relative;transition:background .2s}
.lvp-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.lvp-o[aria-pressed="true"] .lvp-sw{background:#22C55E}.lvp-o[aria-pressed="true"] .lvp-sw::after{left:19px}
.lvp-sw.lock{opacity:.6}
.lvp-l{display:block;margin:14px 0 6px;font-weight:700;font-size:.88rem}.lvp-l small{color:#9A9A9A;font-weight:500}
#lvp-what{width:100%;box-sizing:border-box;border:1px solid #E6E1D6;border-radius:12px;padding:10px 12px;font:inherit}
.lvp-b{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
@media(max-width:720px){.lvp{grid-template-columns:1fr;padding:16px}.lvp-cam{min-height:200px}}

/* v96 : on casse le rythme (défilé, bande sombre, grande citation, section décalée) */
.mq{margin:110px calc(50% - 50vw - 60px) 0;background:#1D1D1F;color:#F6F3EC;padding:22px 0;overflow:hidden;transform:rotate(-1.6deg)}
.mq-t{display:flex;gap:28px;width:max-content;align-items:center;animation:mq 38s linear infinite}
.mq span{font:800 clamp(1.6rem,3.4vw,2.6rem)/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.mq i{font-style:normal;color:#8A9099;font-size:1.4rem}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-t{animation:none}}
.bento.sec2{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:90px calc(50vw - 50%) 100px;background:#141416;color:#F2F2F3}
.sec2 .or h2{color:#fff!important}.sec2 .or .label{color:#8A9099!important}.sec2 .or .soft{color:#A1A1AA!important}
.sec2 .bt{background:#1C1C1F;border-color:#2C2C31}
.sec2 .bt::before{background:radial-gradient(120% 60% at 100% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%)}
.sec2 .bt h3{color:#fff!important}.sec2 .bt .soft{color:#A1A1AA!important}
.sec2 .bt-k{color:color-mix(in srgb,var(--c) 75%,#fff)!important}
.sec2 .rd-r,.sec2 .pl-vis,.sec2 .pl-pipe span{background:#242428!important;border-color:#323238!important;color:#F2F2F3}
.sec2 .rd-r b{color:#fff}.sec2 .rd-r small,.sec2 .rd-more{color:#9A9AA2}
.sec2 .rd-s{background:rgba(108,156,255,.18);color:#AFC6FF}
.sec2 .pl-pipe b{color:#fff}
.sec2 .bt-a{background:color-mix(in srgb,var(--c) 22%,#1C1C1F);border-color:color-mix(in srgb,var(--c) 45%,#1C1C1F);color:#fff}.sec2 .bt-a:hover{background:var(--c);color:#111}
.bigq{position:relative;margin:120px 0 20px;text-align:center;padding:40px 0}
.bigq p{margin:0;font:800 clamp(2.6rem,7vw,5.6rem)/.95 "Inter Tight",Inter,sans-serif;letter-spacing:-.055em;color:#1D1D1F}
.bigq em{font-style:italic;color:#8A9099}
.bento.sec3{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;column-gap:40px}
.sec3 .or{text-align:left!important;justify-items:start!important;position:sticky;top:40px;padding-top:20px}
.sec3 .or h2{text-align:left;font-size:clamp(2.4rem,5vw,4rem)!important}
.sec3 .bt-grid.g3{grid-template-columns:1fr}.sec3 .bt-grid.g3 .tall{grid-row:auto}
.s3-nums{display:grid;gap:14px;margin-top:22px;width:100%}
.s3-nums div{display:flex;align-items:baseline;gap:12px;border-top:1px solid #E6E1D6;padding-top:12px}
.s3-nums b{font:800 italic 2.4rem/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.05em;min-width:4.2ch}
.s3-nums span{color:#6B6B6B;font-size:.92rem}
@media(max-width:900px){.bento.sec3{grid-template-columns:1fr}.sec3 .or{position:static}.bento.sec2{padding:60px 16px 70px}.bigq{margin-top:80px}.bigq .stk2{display:none}}
html body:not(.shell):not(.room) .board .sec2 .or h2{color:#fff!important}

/* v97 : section Travailler : Aujourd'hui + LIVE en haut, Séances et Ateliers en grandes cartes allongées */
.bt-grid.g1top{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.bt-grid.g1wide{grid-template-columns:1fr;margin-top:-10px}
.bt.wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;padding:38px 40px}
.bt.wide.rev .wd-txt{order:2}.bt.wide.rev .wd-vis{order:1}
.bt.wide h3{font-size:clamp(1.7rem,3vw,2.4rem)!important}
.wd-txt{display:flex;flex-direction:column;gap:12px;position:relative}
.wd-vis{display:grid;gap:12px;position:relative}
.wd-ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wd-ul li{display:flex;gap:9px;align-items:center;font-weight:600;font-size:.92rem}
.wd-ul li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:color-mix(in srgb,var(--c) 30%,#fff) 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='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.wd-chips{display:flex;flex-wrap:wrap;gap:6px}.wd-chips span{background:#fff;border:1px solid #E6E1D6;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600;transform:rotate(var(--r,0deg))}
.wd-chips span:nth-child(2n){--r:-2deg}.wd-chips span:nth-child(3n){--r:2deg}
.wd-vs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wd-vs div{background:#FBFAF7;border:1px solid #EEE9DF;border-radius:14px;padding:10px 12px}.wd-vs b{display:block;font:800 1rem/1.1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em}.wd-vs span{font-size:.8rem;color:#6B6B6B}
.wd-vs div:last-child{background:color-mix(in srgb,#A68BFF 12%,#fff);border-color:color-mix(in srgb,#A68BFF 35%,#fff)}
@media(max-width:900px){.bt-grid.g1top{grid-template-columns:1fr}.bt.wide{grid-template-columns:1fr;padding:24px 18px}.bt.wide.rev .wd-txt{order:1}.bt.wide.rev .wd-vis{order:2}}
.bt-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-10px}@media(max-width:900px){.bt-grid.g2{grid-template-columns:1fr}}
.sec2 .pl-faces span{border-color:#242428!important;font-size:.8rem}.sec2 .pl-faces b{color:#fff}
/* v100 : séances des collègues retirées de la page publique (doublon) */
html body:not(.shell):not(.room) .seances-pick .mine{display:none!important}
/* v101 : « Comment ça se passe » et la démo visio retirés de la page publique (doublons) */
html body:not(.shell):not(.room) .board > .timeline.chalk,html body:not(.shell):not(.room) .board > .demo{display:none!important}
html body:not(.shell):not(.room) .board > .under.chalk{margin-top:110px!important}
/* v102 : « Prospecter en séance » n'est plus une brique à part (c'est une séance à thème) */
html body .rres > .rprosp{display:none!important}
/* v103 : aperçu Messages de la page publique = la messagerie du SaaS (plus de copie WhatsApp) */
html body:not(.shell):not(.room) .board .mx{display:grid;grid-template-columns:38% 1fr;margin:18px 0 22px;border:1px solid #E9E4D9;border-radius:20px;background:#fff;overflow:hidden;font-size:.86rem;text-align:left}
html body:not(.shell):not(.room) .board .mx-l{border-right:1px solid #E9E4D9;background:#FCFBF8;padding:6px 0}
html body:not(.shell):not(.room) .board .mx-k{display:flex;align-items:center;gap:6px;margin:10px 12px 4px!important;font-size:.66rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1D7FB0!important}
html body:not(.shell):not(.room) .board .mx-k::before{content:"";width:6px;height:6px;border-radius:50%;background:#4CC3FF}
html body:not(.shell):not(.room) .board .mx-c{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #F0ECE3;position:relative}
html body:not(.shell):not(.room) .board .mx-c.on{background:#EEF8FD;box-shadow:inset 3px 0 0 #4CC3FF}
html body:not(.shell):not(.room) .board .mx span{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.78rem}
html body:not(.shell):not(.room) .board .mx-c div{min-width:0}.mx-c b,.mx-h b{display:block;font-weight:700;color:#1D1D1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem}
html body:not(.shell):not(.room) .board .mx-c small,html body:not(.shell):not(.room) .board .mx-h small{display:block;color:#636366;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(.shell):not(.room) .board .mx-c em{margin-left:auto;font-style:normal;background:#EF4444;color:#fff;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:.68rem;font-weight:700;line-height:1}
html body:not(.shell):not(.room) .board .mx-r{display:flex;flex-direction:column;min-width:0}
html body:not(.shell):not(.room) .board .mx-h{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #E9E4D9;background:#F6FBFE}
html body:not(.shell):not(.room) .board .mx-h div{min-width:0;flex:1}
html body:not(.shell):not(.room) .board .mx-h i{flex:none;font-style:normal;font-size:.72rem;font-weight:600;padding:6px 11px;border-radius:99px;border:1px solid #BFE6F8;background:#EEF8FD;color:#1D1D1F}
html body:not(.shell):not(.room) .board .mx-b{display:flex;flex-direction:column;gap:8px;padding:14px;flex:1}
html body:not(.shell):not(.room) .board .mx-b p{margin:0!important;max-width:82%;padding:9px 12px;border-radius:14px;line-height:1.4;font-size:.84rem!important}
html body:not(.shell):not(.room) .board .mx-b p.in{background:#EEEBE5;color:#1D1D1F!important;align-self:flex-start}
html body:not(.shell):not(.room) .board .mx-b p.out{background:#1D1D1F;color:#fff!important;align-self:flex-end}
html body:not(.shell):not(.room) .board .mx-b time{display:block;font-size:.66rem;opacity:.6;margin-top:3px}
html body:not(.shell):not(.room) .board .mx-b .mx-sys{align-self:center;max-width:none;padding:4px 11px;border:1px solid #E9E4D9;border-radius:99px;background:#fff;color:#4B4B4B!important;font-size:.72rem!important}
html body:not(.shell):not(.room) .board .mx-b .mx-card{background:#fff!important;border:1px solid #BFE6F8}
html body:not(.shell):not(.room) .board .mx-b .mx-card b{display:block;color:#1D7FB0;font-size:.72rem;margin-bottom:2px}
html body:not(.shell):not(.room) .board .mx-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .mx-in span{flex:1;padding:8px 12px;border:1px solid #E4E0D6;border-radius:12px;color:#9A9A9F;font-size:.8rem}
html body:not(.shell):not(.room) .board .mx-in b{flex:none;padding:8px 14px;border-radius:99px;background:#4CC3FF;color:#1D1D1F;font-size:.8rem}
@media(max-width:640px){html body:not(.shell):not(.room) .board .mx{grid-template-columns:1fr}html body:not(.shell):not(.room) .board .mx-l{display:none}}
html body .bt .mx *{text-transform:none!important;letter-spacing:normal!important;text-align:left!important}
html body .bt .mx .mx-k{letter-spacing:.08em!important;text-transform:uppercase!important}
html body .bt .mx .mx-sys{text-align:center!important}
html body .bt .mx .mx-in b{text-align:center!important}
html body .bt .mx .mx-c > div,html body .bt .mx .mx-h > div{display:block!important}
html body .bt .mx .mx-in span{display:block!important;width:auto!important;height:auto!important;border-radius:12px!important;color:#9A9A9F!important;font-weight:400!important}
html body .bt .mx .mx-c > div{flex:1!important}
html body .bt .mx .mx-c small,html body .bt .mx .mx-c b{width:100%!important;margin:0!important;max-width:none!important}
/* v104 : page publique plus claire (titre, piliers, jours au-dessus du tableau, carte finale) */
html body:not(.shell):not(.room) .board .board-head .hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
html body:not(.shell):not(.room) .board .board-head .hc-main{background:#1D1D1F!important;color:#fff!important;border-color:#1D1D1F!important;padding:15px 26px!important;font-size:1.02rem!important;border-radius:999px!important}
html body:not(.shell):not(.room) .board .board-head .hc-sec{background:#fff!important;color:#1D1D1F!important;border:1px solid #E0DACD!important;padding:15px 22px!important;font-size:1.02rem!important;border-radius:999px!important}
html body:not(.shell):not(.room) .board .board-head .hero-price{margin:2px 0 0!important;font-size:.88rem;color:#636366}
html body:not(.shell):not(.room) .board .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:56px 0 0}
html body:not(.shell):not(.room) .board .pil{position:relative;overflow:hidden;text-align:left;display:grid;gap:8px;align-content:start;padding:24px 24px 22px;border-radius:24px;background:#fff;border:1px solid #E9E4D9;cursor:pointer;font:inherit;color:#1D1D1F;transition:transform .2s,border-color .2s}
html body:not(.shell):not(.room) .board .pil::before{content:"";position:absolute;inset:-40% -40% auto auto;width:70%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent);pointer-events:none}
html body:not(.shell):not(.room) .board .pil:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 60%,#fff)}
html body:not(.shell):not(.room) .board .pil-n{font:italic 900 1rem/1 "Inter Tight",Inter,sans-serif;color:color-mix(in srgb,var(--c) 70%,#000)}
html body:not(.shell):not(.room) .board .pil b{font:800 1.45rem/1.1 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em}
html body:not(.shell):not(.room) .board .pil span:not(.pil-n){color:#6E6E73;font-size:.94rem;line-height:1.45}
html body:not(.shell):not(.room) .board .pil i{font-style:normal;font-weight:700;font-size:.9rem;margin-top:6px}
html body:not(.shell):not(.room) .board .seances-pick .days{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:6px auto 22px}
html body:not(.shell):not(.room) .board > .under.chalk{display:none!important}
html body:not(.shell):not(.room) .board .final{position:relative;margin-top:110px;padding:64px 56px 48px;border-radius:32px;background:#141416;color:#fff;text-align:center;display:grid;justify-items:center;gap:12px}
html body:not(.shell):not(.room) .board .final .label{color:#A1A1A6!important}
html body:not(.shell):not(.room) .board .final h2{color:#fff!important;font:800 clamp(2.4rem,5vw,3.6rem)/1 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.035em}
html body:not(.shell):not(.room) .board .final .soft{color:#A1A1A6!important;max-width:34rem}
html body:not(.shell):not(.room) .board .fin-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(720px,100%);margin-top:18px;text-align:left}
html body:not(.shell):not(.room) .board .fin-p{position:relative;display:grid;gap:8px;align-content:start;padding:24px;border-radius:24px;background:#1F1F22;border:1px solid #2E2E33}
html body:not(.shell):not(.room) .board .fin-p.hot{background:#fff;color:#1D1D1F;border-color:#fff}
html body:not(.shell):not(.room) .board .fin-tag{position:absolute;top:-12px;right:18px;padding:5px 11px;border-radius:999px;background:#6C9CFF;color:#fff;font-size:.74rem;font-weight:700}
html body:not(.shell):not(.room) .board .fin-k{margin:0!important;font:800 1.3rem/1 "Inter Tight",Inter,sans-serif}
html body:not(.shell):not(.room) .board .fin-a{margin:0!important;font-size:.85rem;opacity:.75}
html body:not(.shell):not(.room) .board .fin-a b{font:italic 900 2.2rem/1 "Inter Tight",Inter,sans-serif;opacity:1;margin-right:4px}
html body:not(.shell):not(.room) .board .fin-p ul{list-style:none;padding:0;margin:6px 0 10px;display:grid;gap:6px;font-size:.92rem}
html body:not(.shell):not(.room) .board .fin-p li::before{content:"✓";margin-right:8px;font-weight:800;color:#3DDBA0}
html body:not(.shell):not(.room) .board .fin-p.hot li::before{color:#2F5BFF}
html body:not(.shell):not(.room) .board .fin-p .btn{justify-self:stretch;text-align:center;border-radius:999px!important;padding:13px!important}
html body:not(.shell):not(.room) .board .fin-p:not(.hot) .btn{background:transparent!important;color:#fff!important;border:1px solid #4A4A50!important}
html body:not(.shell):not(.room) .board .fin-p.hot .btn{background:#1D1D1F!important;color:#fff!important;border-color:#1D1D1F!important}
html body:not(.shell):not(.room) .board .fin-note{font-size:.85rem;color:#636366;margin-top:10px!important}
html body:not(.shell):not(.room) .board .fin-note a{color:#fff;text-decoration:underline}
@media(max-width:800px){html body:not(.shell):not(.room) .board .pillars,html body:not(.shell):not(.room) .board .fin-plans{grid-template-columns:1fr}html body:not(.shell):not(.room) .board .final{padding:48px 20px 36px}}
html body:not(.shell):not(.room) .board .final .fin-p .fin-a b{color:#fff!important}
html body:not(.shell):not(.room) .board .final .fin-p.hot .fin-a b{color:#1D1D1F!important}
html body:not(.shell):not(.room) .board .final .fin-a{opacity:1!important;color:#A1A1A6!important}
html body:not(.shell):not(.room) .board .final .fin-p.hot .fin-a{color:#6E6E73!important}
/* v105 : la page publique montre le vrai SaaS (séances, ateliers, Radar, pipeline) */
html body:not(.shell):not(.room) .board .bigc{position:relative;display:grid;gap:26px;padding:44px 44px 34px;border-radius:30px;border:1px solid #E9E4D9;background:radial-gradient(700px 320px at 100% 0,color-mix(in srgb,var(--c) 20%,transparent),transparent 70%),#fff;margin:0;text-align:left}
html body:not(.shell):not(.room) .board .bigc.dark{background:radial-gradient(700px 320px at 100% 0,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),#1C1C1F;border-color:#2E2E33;color:#fff}
html body:not(.shell):not(.room) .board .seances-pick.bigc{margin-top:0!important}
html body:not(.shell):not(.room) .board .bigc .bc-head{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end}
html body:not(.shell):not(.room) .board .bigc h3{font:800 clamp(1.8rem,3.4vw,2.6rem)/1.02 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.04em!important;margin:8px 0 12px!important;color:#1D1D1F}
html body:not(.shell):not(.room) .board .bigc.dark h3{color:#fff!important}
html body:not(.shell):not(.room) .board .bigc .soft{max-width:36rem}
html body:not(.shell):not(.room) .board .bigc.dark .soft{color:#A1A1A6!important}
html body:not(.shell):not(.room) .board .bigc.dark .wd-ul li{color:#fff}
html body:not(.shell):not(.room) .board .bc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
html body:not(.shell):not(.room) .board .bc-steps span{display:grid;gap:2px;padding:16px;border-radius:18px;background:#FFFBEA;border:1px solid #F6E7A8;font-size:.8rem;color:#8A6D00;font-weight:600}
html body:not(.shell):not(.room) .board .bc-steps b{font:italic 900 2rem/1 "Inter Tight",Inter,sans-serif;color:#1D1D1F}
html body:not(.shell):not(.room) .board .bc-steps em{font-style:normal;color:#1D1D1F;font-size:.88rem;font-weight:600;margin-top:6px;line-height:1.3}
html body:not(.shell):not(.room) .board .bc-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #EFEAE0}
html body:not(.shell):not(.room) .board .bc-bar .label{margin:0!important}
html body:not(.shell):not(.room) .board .seances-pick .bc-bar .days{margin:0!important;justify-content:flex-end}
html body:not(.shell):not(.room) .board .bc-foot{margin:0!important;font-size:.92rem;color:#6E6E73}
html body:not(.shell):not(.room) .board .bc-foot a{font-weight:700;color:#1D1D1F;margin-left:6px;white-space:nowrap}
html body:not(.shell):not(.room) .board .bigc.dark .bc-foot{color:#A1A1A6}html body:not(.shell):not(.room) .board .bigc.dark .bc-foot a{color:#fff}
html body:not(.shell):not(.room) .board .bigc .wd-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body:not(.shell):not(.room) .board .bigc .wd-vs > div{padding:16px;border-radius:18px;border:1px solid #E9E4D9;background:#FAF8F3;display:grid;gap:4px}
html body:not(.shell):not(.room) .board .bigc .wd-vs > div.on{background:#F2EEFF;border-color:#D9CEFF}
html body:not(.shell):not(.room) .board .bigc .wd-vs b{font:800 1.15rem/1 "Inter Tight",Inter,sans-serif}
html body:not(.shell):not(.room) .board .bigc .wd-vs span{font-size:.84rem;color:#6E6E73}
/* cartes d'ateliers (comme dans le SaaS) */
html body:not(.shell):not(.room) .board .atg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
html body:not(.shell):not(.room) .board .atk{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:22px;background:#fff;border:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .atk-w{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important;font-size:.82rem;color:#6E6E73}
html body:not(.shell):not(.room) .board .atk-w span{padding:4px 8px;border-radius:7px;font-weight:700;font-size:.74rem;color:color-mix(in srgb,var(--f) 55%,#000);background:color-mix(in srgb,var(--f) 16%,#fff);border:1px solid color-mix(in srgb,var(--f) 40%,#fff)}
html body:not(.shell):not(.room) .board .atk h4{margin:4px 0 0!important;font:800 1.15rem/1.15 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em}
html body:not(.shell):not(.room) .board .atk-by{margin:0!important;font-size:.86rem;color:#6E6E73}
html body:not(.shell):not(.room) .board .atk-d{margin:0!important;font-size:.88rem;line-height:1.45;color:#3A3A3C}
html body:not(.shell):not(.room) .board .atk-r{margin:2px 0 0!important;padding:10px 12px;border-radius:12px;background:#F6F3FF;font-size:.86rem;color:#1D1D1F}
html body:not(.shell):not(.room) .board .atk-r b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6D4FE0;margin-bottom:2px}
html body:not(.shell):not(.room) .board .atk-p{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font-size:.84rem;color:#6E6E73}
html body:not(.shell):not(.room) .board .atk-c{color:#1D1D1F}html body:not(.shell):not(.room) .board .atk-c b{font:italic 900 1.5rem/1 "Inter Tight",Inter,sans-serif;margin-right:3px}
html body:not(.shell):not(.room) .board .atk-b{width:100%;padding:12px;border-radius:999px;border:1px solid #D9CEFF;background:#F2EEFF;font:700 .95rem Inter,sans-serif;color:#1D1D1F;cursor:pointer}
html body:not(.shell):not(.room) .board .atk-b:hover{background:#A68BFF;color:#fff}
/* fenêtre d'appli */
html body:not(.shell):not(.room) .board .appw{border-radius:20px;overflow:hidden;background:#F6F3EC;border:1px solid #3A3A40;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);color:#1D1D1F}
html body:not(.shell):not(.room) .board .appw-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#fff;border-bottom:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .appw-bar i{width:11px;height:11px;border-radius:50%;background:#E4DFD3}
html body:not(.shell):not(.room) .board .appw-bar span{margin-left:10px;font-size:.8rem;color:#636366;font-weight:600}
html body:not(.shell):not(.room) .board .appw-in{padding:20px;display:grid;gap:16px;overflow-x:auto}
html body:not(.shell):not(.room) .board .kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #E9E4D9;border-radius:18px;overflow:hidden}
html body:not(.shell):not(.room) .board .kpis > div{display:grid;gap:3px;padding:14px 16px;border-left:1px solid #EFEAE0;box-shadow:inset 0 3px 0 var(--k)}
html body:not(.shell):not(.room) .board .kpis > div:first-child{border-left:0}
html body:not(.shell):not(.room) .board .kpis b{font:italic 900 1.6rem/1 "Inter Tight",Inter,sans-serif;color:#1D1D1F}
html body:not(.shell):not(.room) .board .kpis span{font-size:.78rem;color:#6E6E73}html body:not(.shell):not(.room) .board .kpis em{font-style:normal;font-size:.74rem;font-weight:700;color:#16A34A}
html body:not(.shell):not(.room) .board .rtabs{display:flex;gap:6px;flex-wrap:wrap}
html body:not(.shell):not(.room) .board .rtabs span{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:#6E6E73;background:#fff;border:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .rtabs span.on{background:#1D1D1F;color:#fff;border-color:#1D1D1F}
html body:not(.shell):not(.room) .board .rtabs i{font-style:normal;font-size:.7rem;padding:2px 6px;border-radius:6px;background:#F1EEE6;color:#3A3A3C}
html body:not(.shell):not(.room) .board .rtabs span.on i{background:#6C9CFF;color:#fff}
html body:not(.shell):not(.room) .board .rt{background:#fff;border:1px solid #E9E4D9;border-radius:18px;min-width:820px}
html body:not(.shell):not(.room) .board .rt-h,html body:not(.shell):not(.room) .board .rt-r{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1.6fr .8fr 40px;gap:14px;align-items:center;padding:12px 16px}
html body:not(.shell):not(.room) .board .rt-h{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#636366;border-bottom:1px solid #EFEAE0}
html body:not(.shell):not(.room) .board .rt-r{border-bottom:1px solid #F3EFE7}html body:not(.shell):not(.room) .board .rt-r:last-child{border-bottom:0}
html body:not(.shell):not(.room) .board .rt-co{display:flex;align-items:center;gap:10px;min-width:0}
html body:not(.shell):not(.room) .board .rt-co span,html body:not(.shell):not(.room) .board .pc-h span{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:color-mix(in srgb,var(--f) 55%,#000);background:color-mix(in srgb,var(--f) 16%,#fff);border:1px solid color-mix(in srgb,var(--f) 45%,#fff)}
html body:not(.shell):not(.room) .board .rt-co p,html body:not(.shell):not(.room) .board .pc-h p{margin:0!important;min-width:0}
html body:not(.shell):not(.room) .board .rt-co b,html body:not(.shell):not(.room) .board .pc-h b{display:block;font-size:.92rem;font-weight:800;color:#1D1D1F}
html body:not(.shell):not(.room) .board .rt-co small,html body:not(.shell):not(.room) .board .pc-h small{display:block;font-size:.76rem;color:#636366}
html body:not(.shell):not(.room) .board .rt-sec{margin:0!important;font-size:.84rem;color:#3A3A3C}
html body:not(.shell):not(.room) .board .rt-tags{display:flex;flex-wrap:wrap;gap:4px}
html body:not(.shell):not(.room) .board .rt-tags i{font-style:normal;font-size:.72rem;font-weight:700;padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--t) 22%,#fff);color:color-mix(in srgb,var(--t) 40%,#000)}
html body:not(.shell):not(.room) .board .rt-tags small{width:100%;font-size:.72rem;color:#9A9A9F}
html body:not(.shell):not(.room) .board .rt-need{margin:0!important;font-size:.86rem;font-weight:700;line-height:1.3;color:#1D1D1F}
html body:not(.shell):not(.room) .board .rt-sc{display:grid;gap:4px}
html body:not(.shell):not(.room) .board .rt-sc b{font:italic 900 1.5rem/1 "Inter Tight",Inter,sans-serif;color:#1D1D1F}
html body:not(.shell):not(.room) .board .rt-sc em{display:block;height:4px;border-radius:4px;background:linear-gradient(90deg,#1D1D1F var(--w),#EEE 0)}
html body:not(.shell):not(.room) .board .rt-sc small{font-size:.7rem;font-weight:700;color:#6E6E73}
html body:not(.shell):not(.room) .board .rt-star{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #E9E4D9;font-size:.95rem;color:#636366}
html body:not(.shell):not(.room) .board .rt-star.on{background:#FFD93D;border-color:#FFD93D;color:#1D1D1F}
/* pipeline */
html body:not(.shell):not(.room) .board .pipe{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:12px;align-items:start;min-width:960px}
html body:not(.shell):not(.room) .board .pcol{display:grid;gap:10px;padding:12px;border-radius:18px;background:#EDE9E0}
html body:not(.shell):not(.room) .board .pcol-h{display:flex;align-items:center;gap:7px;margin:0!important;font-weight:800;font-size:.9rem}
html body:not(.shell):not(.room) .board .pcol-h i{width:8px;height:8px;border-radius:50%;background:var(--p)}
html body:not(.shell):not(.room) .board .pcol-h span{margin-left:auto;font-size:.76rem;color:#636366;font-weight:600}
html body:not(.shell):not(.room) .board .pcol-t{margin:-6px 0 0!important;font-size:.76rem;color:#636366}
html body:not(.shell):not(.room) .board .pc{display:grid;gap:8px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
html body:not(.shell):not(.room) .board .pc-h{display:flex;gap:9px;align-items:flex-start}
html body:not(.shell):not(.room) .board .pc-h span{width:28px;height:28px;border-radius:8px;font-size:.76rem}
html body:not(.shell):not(.room) .board .pc-h b{font-size:.86rem}html body:not(.shell):not(.room) .board .pc-h small{font-size:.72rem}
html body:not(.shell):not(.room) .board .pc-n{margin:0!important;font-size:.8rem;line-height:1.35;color:#3A3A3C}
html body:not(.shell):not(.room) .board .pc-note{margin:0!important;padding:7px 9px;border-radius:9px;background:#FFF6CC;font-size:.74rem;color:#6B5300}
html body:not(.shell):not(.room) .board .pc-v{display:flex;justify-content:space-between;align-items:center}
html body:not(.shell):not(.room) .board .pc-v b{font-size:.86rem;font-weight:800}html body:not(.shell):not(.room) .board .pc-v small{font-size:.72rem;color:#636366}html body:not(.shell):not(.room) .board .pc-v small.late{color:#DC2626;font-weight:700}
html body:not(.shell):not(.room) .board .pc-x{margin:0!important;font-size:.76rem;color:#6E6E73}
@media(max-width:900px){html body:not(.shell):not(.room) .board .bigc{padding:28px 18px 24px}html body:not(.shell):not(.room) .board .bigc .bc-head{grid-template-columns:1fr;gap:20px}html body:not(.shell):not(.room) .board .atg{grid-template-columns:1fr}html body:not(.shell):not(.room) .board .kpis{grid-template-columns:1fr 1fr}html body:not(.shell):not(.room) .board .appw-in{padding:12px}}
/* v106 : bouton « Créer ma séance » dans le bloc Séances */
html body:not(.shell):not(.room) .board .bc-host{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 22px;border-radius:20px;background:#FFFBEA;border:1px dashed #E9CF5C}
html body:not(.shell):not(.room) .board .bc-host div{display:grid;gap:3px;max-width:44rem}
html body:not(.shell):not(.room) .board .bc-host b{font:800 1.1rem/1.2 "Inter Tight",Inter,sans-serif}
html body:not(.shell):not(.room) .board .bc-host span{font-size:.9rem;color:#6E6E73}
html body:not(.shell):not(.room) .board .bc-host .bc-mk{background:#FFD93D!important;color:#1D1D1F!important;border-color:#FFD93D!important;padding:13px 22px!important;border-radius:999px!important;font-weight:700}
html body:not(.shell):not(.room) .board .bc-host .bc-mk:hover{background:#1D1D1F!important;color:#FFD93D!important}
html:root body:not(.shell):not(.room) .board .seances-pick .bc-host button.btn.bc-mk.bc-mk{background:#FFD93D!important;color:#1D1D1F!important;border-color:#FFD93D!important}
html:root body:not(.shell):not(.room) .board .seances-pick .bc-host button.btn.bc-mk.bc-mk:hover{background:#1D1D1F!important;color:#FFD93D!important;border-color:#1D1D1F!important}
/* v107 : section Réseau = titre à gauche, chiffres à droite, cartes qui défilent en dessous */
html body:not(.shell):not(.room) .board .bento.sec3{display:block!important}
html body:not(.shell):not(.room) .board .sec3 .s3-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:end;margin-bottom:44px}
html body:not(.shell):not(.room) .board .sec3 .or{position:static!important;padding-top:0!important}
html body:not(.shell):not(.room) .board .sec3 .s3-nums{margin-top:0!important}
html body:not(.shell):not(.room) .board .sec3 .s3-rail{margin:0 calc(50% - 50vw);overflow:hidden;padding:22px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
html body:not(.shell):not(.room) .board .sec3 .s3-track{display:flex!important;gap:24px;width:max-content;align-items:stretch;padding-left:24px;animation:s3go 70s linear infinite}
html body:not(.shell):not(.room) .board .sec3 .s3-rail:hover .s3-track{animation-play-state:paused}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt{flex:none;width:440px;display:flex!important;flex-direction:column;gap:12px}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt.bt-msg{width:640px}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt .bt-a{margin-top:auto;align-self:flex-start}
html body:not(.shell):not(.room) .board .sec3 .s3-track .pl-mis + .pl-mis{margin-top:0}
@keyframes s3go{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}
@media(prefers-reduced-motion:reduce){html body:not(.shell):not(.room) .board .sec3 .s3-track{animation:none}html body:not(.shell):not(.room) .board .sec3 .s3-rail{overflow-x:auto}html body:not(.shell):not(.room) .board .sec3 .s3-clone{display:none!important}}
@media(max-width:900px){html body:not(.shell):not(.room) .board .sec3 .s3-top{grid-template-columns:1fr;gap:24px}html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt,html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt.bt-msg{width:86vw}}
html body:not(.shell):not(.room) .board .bento.sec3{min-width:0!important;max-width:100%}
html body:not(.shell):not(.room) .board .sec3 .s3-rail{-webkit-mask-image:none;mask-image:none}
/* v108 : formules complètes dans la carte finale */
html body:not(.shell):not(.room) .board .final .pbill{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#26262A;border:1px solid #34343A;margin-top:14px}
html body:not(.shell):not(.room) .board .final .pbill button{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:0;background:transparent;color:#A1A1A6;font:600 .92rem Inter,sans-serif;cursor:pointer}
html body:not(.shell):not(.room) .board .final .pbill button[aria-pressed="true"]{background:#fff;color:#1D1D1F}
html body:not(.shell):not(.room) .board .final .pbill em{font-style:normal;font-size:.74rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#DCFCE7;color:#15803D}
html body:not(.shell):not(.room) .board .final .ppl{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(860px,100%);margin-top:10px;text-align:left;--acc:#6C9CFF;color:#1D1D1F}
html body:not(.shell):not(.room) .board .final .ppl .pl-card h3{color:#1D1D1F!important;font:800 1.4rem/1 "Inter Tight",Inter,sans-serif!important}
html body:not(.shell):not(.room) .board .final .ppl .pl-price b{color:#1D1D1F!important}
html body:not(.shell):not(.room) .board .final .ppl .pl-btn{border-radius:999px!important}
html body:not(.shell):not(.room) .board .final .ppl .pl-btn.hot{background:#1D1D1F!important;color:#fff!important;border-color:#1D1D1F!important}
@media(max-width:800px){html body:not(.shell):not(.room) .board .final .ppl{grid-template-columns:1fr}html body:not(.shell):not(.room) .board .final .pbill button{padding:8px 10px;font-size:.84rem}}
/* v109 : Réseau défilé à la souris, Messages moins haut, formules condensées */
html body:not(.shell):not(.room) .board .sec3 .s3-track{animation:none!important;padding-right:24px}
html body:not(.shell):not(.room) .board .sec3 .s3-rail{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;scroll-padding-left:max(24px,calc(50vw - 570px))}
html body:not(.shell):not(.room) .board .sec3 .s3-rail::-webkit-scrollbar{display:none}
html body:not(.shell):not(.room) .board .sec3 .s3-rail.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
html body:not(.shell):not(.room) .board .sec3 .s3-track{padding-left:max(24px,calc(50vw - 570px))!important}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt{scroll-snap-align:start}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt.bt-msg{width:600px}
html body:not(.shell):not(.room) .board .sec3 .mx{margin:6px 0 10px!important}html body:not(.shell):not(.room) .board .sec3 .mx-b{gap:6px;padding:10px 12px}html body:not(.shell):not(.room) .board .sec3 .mx-b p{padding:7px 10px;font-size:.8rem!important}
html body:not(.shell):not(.room) .board .sec3 .mx-c{padding:7px 12px}
html body:not(.shell):not(.room) .board .sec3 .bt-msg > .soft{display:none}
html body:not(.shell):not(.room) .board .s3-nav{display:flex;gap:8px;margin-top:18px}
html body:not(.shell):not(.room) .board .s3-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #E0DACD;background:#fff;font-size:1.1rem;cursor:pointer;color:#1D1D1F}
html body:not(.shell):not(.room) .board .s3-nav button:hover{background:#1D1D1F;color:#fff}
html body:not(.shell):not(.room) .board .final .ppl{width:min(780px,100%);gap:14px}
html body:not(.shell):not(.room) .board .final .ppl .pl-card{padding:20px 22px!important;gap:0}
html body:not(.shell):not(.room) .board .final .ppl .pl-for{font-size:.86rem;margin:4px 0 10px}
html body:not(.shell):not(.room) .board .final .ppl .pl-price b{font-size:2.2rem!important}
html body:not(.shell):not(.room) .board .final .ppl .pl-btn{margin:12px 0 14px!important;padding:11px!important}
html body:not(.shell):not(.room) .board .pp-l{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed #E4DFD3;display:grid;gap:7px}
html body:not(.shell):not(.room) .board .pp-l li{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:#1D1D1F}
html body:not(.shell):not(.room) .board .pp-l li.off{color:#A3A3A3}
html body:not(.shell):not(.room) .board .pp-l i{font-style:normal;font-weight:800;color:#2F5BFF}html body:not(.shell):not(.room) .board .pp-l li.off i{color:#C4C4C8}
html body:not(.shell):not(.room) .board .pp-l em{font-style:normal;font-weight:700;font-size:.84rem;white-space:nowrap}
html body:not(.shell):not(.room) .board .sec3 .s3-track .mx{min-height:0!important;height:auto!important;flex:none!important}
html body:not(.shell):not(.room) .board .sec3 .s3-track .mx-b{flex:none!important}
/* v110 : formules façon TrendTrack (cartes sombres, fonctionnalités + quotas) */
html body:not(.shell):not(.room) .board .final .ppl{width:min(800px,100%)!important;gap:18px!important;color:#fff!important}
html body:not(.shell):not(.room) .board .final .tt-card{display:flex;flex-direction:column;padding:26px 26px 22px;border-radius:24px;background:#1F1F23;border:1px solid #303036;text-align:left}
html body:not(.shell):not(.room) .board .final .tt-card.hot{border-color:#6C9CFF;box-shadow:0 0 0 1px #6C9CFF,0 0 40px -6px rgba(108,156,255,.45)}
html body:not(.shell):not(.room) .board .final .tt-n{margin:0!important;font:700 1.15rem/1.2 Inter,sans-serif;color:#fff}
html body:not(.shell):not(.room) .board .final .tt-for{margin:6px 0 18px!important;font-size:.9rem;line-height:1.45;color:#A1A1A6;min-height:2.9em}
html body:not(.shell):not(.room) .board .final .tt-pr{display:flex;align-items:center;gap:10px}
html body:not(.shell):not(.room) .board .final .tt-pr b{font:700 2.6rem/1 Inter,sans-serif;letter-spacing:-.03em;color:#fff}
html body:not(.shell):not(.room) .board .final .tt-pr span{font-size:.78rem;font-weight:600;padding:4px 8px;border-radius:7px;background:rgba(61,219,160,.12);border:1px solid rgba(61,219,160,.35);color:#3DDBA0}
html body:not(.shell):not(.room) .board .final .tt-per{margin:8px 0 18px!important;font-size:.88rem;color:#636366}
html body:not(.shell):not(.room) .board .final .tt-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:14px;border:0;background:#fff;color:#1D1D1F;font:600 1rem Inter,sans-serif;cursor:pointer}
html body:not(.shell):not(.room) .board .final .tt-go.hot{background:linear-gradient(180deg,#86AEFF,#4F7DFF);color:#fff;box-shadow:0 8px 24px -8px rgba(79,125,255,.7)}
html body:not(.shell):not(.room) .board .final .tt-go i{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.22)}
html body:not(.shell):not(.room) .board .final .tt-go:hover{filter:brightness(1.08)}
html body:not(.shell):not(.room) .board .final .tt-sec{margin:22px 0 8px!important;padding-top:18px;border-top:1px dashed #34343A;font-size:.84rem;color:#636366}
html body:not(.shell):not(.room) .board .final .tt-sec + .tt-l + .tt-sec{border-top:0;padding-top:4px;margin-top:14px!important}
html body:not(.shell):not(.room) .board .final .tt-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
html body:not(.shell):not(.room) .board .final .tt-l li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:.92rem;color:#F2F2F4}
html body:not(.shell):not(.room) .board .final .tt-l li.off{color:#6E6E73}
html body:not(.shell):not(.room) .board .final .tt-l li > span{display:flex;align-items:center;gap:10px}
html body:not(.shell):not(.room) .board .final .tt-l .pl-ic{width:24px;height:24px;padding:4px;border-radius:7px;background:#2A2A2F;stroke:#C7C7CC;fill:none;stroke-width:1.8;box-sizing:border-box}
html body:not(.shell):not(.room) .board .final .tt-l li.off .pl-ic{stroke:#55555B;background:#232327}
html body:not(.shell):not(.room) .board .final .tt-ck{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800}
html body:not(.shell):not(.room) .board .final .tt-ck.y{color:#3DDBA0;border:1px solid rgba(61,219,160,.5)}
html body:not(.shell):not(.room) .board .final .tt-ck.n{color:#55555B;border:1px solid #3A3A40}
html body:not(.shell):not(.room) .board .final .tt-l em{font-style:normal;font-size:.86rem;color:#D1D1D6;white-space:nowrap}
/* v111 : défilement horizontal piloté par le défilement vertical */
html body:not(.shell):not(.room) .board .bento.sec3.s3-on .s3-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:visible}
html body:not(.shell):not(.room) .board .bento.sec3.s3-on .s3-rail{overflow:hidden!important;cursor:default;scroll-snap-type:none}
html body:not(.shell):not(.room) .board .bento.sec3.s3-on .s3-track{will-change:transform}
html body:not(.shell):not(.room) .board .bento.sec3.s3-on .s3-top{margin-bottom:26px}
html body:not(.shell):not(.room) .board .sec3 .s3-nav{display:none!important}
html body:not(.shell):not(.room) .board .sec3 .s3-rail{cursor:auto}
html body:not(.shell):not(.room) .board .sec3 .s3-top h2{font-size:clamp(2.2rem,4.2vw,3.2rem)!important}
html body:not(.shell):not(.room) .board .sec3 .s3-nums{gap:8px!important}html body:not(.shell):not(.room) .board .sec3 .s3-nums div{padding-top:8px!important}html body:not(.shell):not(.room) .board .sec3 .s3-nums b{font-size:1.9rem!important}
html body:not(.shell):not(.room) .board .sec3 .s3-rail{padding:18px 0 8px!important}
html body:not(.shell):not(.room) .board .sec3 .s3-track > .bt{padding-top:26px!important;padding-bottom:22px!important}
html body:not(.shell):not(.room) .board .bento.sec3 .s3-top{margin-bottom:18px!important}
/* v113 : dans l'espace membre, les blocs vont jusqu'au bord droit comme l'en-tête */
html:root body.shell.shell .faq,html:root body.shell.shell .pm-bar,html:root body.shell.shell .pl2{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
/* v114 : fenêtre Contacter l'équipe */
.ctd{width:min(560px,calc(100vw - 24px))!important}
.ctm .ct-l{display:block;font-size:.8rem;font-weight:700;color:#6E6E73;margin-bottom:6px}
.ct-k{display:flex;flex-wrap:wrap;gap:6px}
.ct-k button{padding:8px 13px;border-radius:999px;border:1px solid #E4DFD3;background:#fff;font:600 .86rem Inter,sans-serif;color:#1D1D1F;cursor:pointer}
.ct-k button[aria-pressed="true"]{background:var(--acc,#3DDBA0);border-color:var(--acc,#3DDBA0)}
.ct-f{display:block}.ct-f .input{width:100%;box-sizing:border-box}
.ctm textarea{resize:vertical;min-height:110px;font:inherit}
.ct-err{border-color:#EF4444!important}
.ct-up{display:block;padding:12px;border:1px dashed #D9D3C5;border-radius:12px;text-align:center;font-size:.88rem;font-weight:600;color:#6E6E73;cursor:pointer}
.ct-note{margin:0;padding:10px 12px;border-radius:12px;background:#FFFBEA;font-size:.86rem}
.ct-me{margin:0;font-size:.8rem;color:#636366}
.ct-foot{display:flex;justify-content:flex-end;gap:8px;padding-bottom:4px}

/* v117 : Messages rangés par catégorie */
html:root body.shell.shell .mx-cats{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line-2);overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}
html:root body.shell.shell .mx-cats button{display:inline-flex;align-items:center;gap:6px;font:600 .76rem/1 Inter,sans-serif;padding:7px 10px;border-radius:999px;border:1px solid #E9E4D9;background:#fff;color:#3F3F46;cursor:pointer;white-space:nowrap}
html:root body.shell.shell .mx-cats button i{width:7px;height:7px;border-radius:50%;background:var(--tc)}
html:root body.shell.shell .mx-cats button em{font-style:normal;background:#EF4444;color:#fff;border-radius:99px;font-size:.66rem;padding:2px 5px;min-width:16px;text-align:center}
html:root body.shell.shell .mx-cats button[aria-selected="true"]{background:#18181B;border-color:#18181B;color:#fff}
html:root body.shell.shell .mx-h2{margin:0;padding:14px 14px 6px;font:700 .68rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8A8A8A}
html:root body.shell.shell .mx-tag{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:600;color:color-mix(in srgb,var(--tc) 50%,#111);background:color-mix(in srgb,var(--tc) 16%,#fff);border-radius:99px;padding:2px 7px;margin-right:6px;vertical-align:1px}
html:root body.shell.shell .mx-tags{display:flex;flex-wrap:wrap;gap:4px}
html:root body.shell.shell .mx-tags .mx-tag{margin:0;font-size:.72rem;padding:4px 9px}
html:root body.shell.shell .mx-gav{background:color-mix(in srgb,var(--c-lila) 22%,#fff)!important;color:color-mix(in srgb,var(--c-lila) 55%,#111);border-radius:12px!important}
html:root body.shell.shell .mx-gav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html:root body.shell.shell .mx-info .mx-gav svg{width:28px;height:28px}
html:root body.shell.shell .mx-who{display:block;font-size:.74rem;font-weight:700;margin-bottom:2px;color:#3F3F46}
html:root body.shell.shell .mx-who em{font-style:normal;font-weight:600;color:color-mix(in srgb,var(--c-lila) 60%,#111);background:color-mix(in srgb,var(--c-lila) 18%,#fff);border-radius:99px;padding:1px 6px;margin-left:4px;font-size:.66rem}
html:root body.shell.shell .mx-mi{align-self:center;width:min(420px,92%);border:1px solid color-mix(in srgb,var(--c-ocre) 45%,#fff);background:color-mix(in srgb,var(--c-ocre) 10%,#fff);border-radius:16px;padding:12px 14px;display:grid;gap:4px}
html:root body.shell.shell .mx-mi b{font-size:.95rem}
html:root body.shell.shell .mx-mi p{margin:0;font-size:.8rem;color:#52525B}
html:root body.shell.shell .mx-k{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--c-ocre) 55%,#111)}
html:root body.shell.shell .mx-card{display:grid;gap:3px;min-width:240px}
html:root body.shell.shell .mx-card .mx-k{color:inherit;opacity:.65}
html:root body.shell.shell .mx-card span i{font-style:normal;display:inline-block;width:46px;opacity:.6;font-size:.78rem}
html:root body.shell.shell .mx-warn{margin:0;padding:8px 14px 12px;font-size:.8rem;color:#B91C1C}
html:root body.shell.shell .mx-rule{margin:0;font-size:.76rem;color:#71717A;background:#F6F3EC;border-radius:12px;padding:10px 12px;line-height:1.45}
html:root body.shell.shell .mx-ppl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
html:root body.shell.shell .mx-ppl li{display:flex;align-items:center;gap:8px;font-size:.82rem}
html:root body.shell.shell .mx-ppl .mx-av{width:26px!important;height:26px!important;font-size:.7rem!important;grid-row:auto}
html:root body.shell.shell .mx-ppl em{font-style:normal;color:color-mix(in srgb,var(--c-lila) 60%,#111);font-weight:600}
html:root body.shell.shell .mx-req .mx-mi{align-self:stretch;width:auto}
html:root body.shell.shell .mx-top{flex-wrap:wrap;row-gap:10px}
html:root body.shell.shell .mx-top>div:not(.acts){flex:1;min-width:0}
html:root body.shell.shell .mx-top .acts{flex-basis:100%;margin-left:0!important;flex-wrap:wrap;gap:6px}
html:root body.shell.shell .mx-top .acts .btn{white-space:nowrap;padding:6px 12px!important;font-size:.78rem!important;border-radius:999px!important;min-height:0!important}
/* v118 : liste de gauche des Messages plus propre */
html:root body.shell.shell .mx-cats{flex-wrap:wrap;padding:10px 12px;gap:6px}
html:root body.shell.shell .mx-cats button{flex:none;padding:6px 10px;font-size:.74rem}
html:root body.shell.shell .mx-cats::-webkit-scrollbar{display:none}
html:root body.shell.shell .mx-h2{display:flex;align-items:center;gap:6px;padding:14px 16px 6px}
html:root body.shell.shell .mx-h2 span{font-size:.64rem;letter-spacing:0;background:#EFEBE3;color:#52525B;border-radius:99px;padding:2px 6px}
html:root body.shell.shell .mx-h2.r span{background:#FEE2E2;color:#B91C1C}
html:root body.shell.shell .mx-h2.w span{background:#FEF3C7;color:#92400E}
html:root body.shell.shell #mx-convs .mx-c{border-bottom:0;margin:2px 8px;width:calc(100% - 16px);border-radius:14px;padding:10px 10px}
html:root body.shell.shell #mx-convs .mx-c[aria-current="true"]{box-shadow:none;background:color-mix(in srgb,var(--c-sky) 14%,#fff)}
html:root body.shell.shell #mx-convs .mx-c:hover{background:#F6F3EC}
html:root body.shell.shell #mx-convs .mx-tag{flex:none}
html:root body.shell.shell #mx-convs .mx-c b{font-size:.86rem}
html:root body.shell.shell .mx-list{background:#fff}
/* v120 : Mes collègues */
html:root body.shell.shell .myc{background:#fff;border:1px solid #E9E4D9;border-radius:24px;padding:22px 24px;display:grid;gap:14px}
html:root body.shell.shell .myc-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
html:root body.shell.shell .myc-h .mi-t{margin:4px 0 0}
html:root body.shell.shell .myc-n{font:700 .8rem/1 Inter,sans-serif;background:#F1EEE7;border-radius:99px;padding:4px 9px;vertical-align:4px;margin-left:4px}
html:root body.shell.shell .myc-s{display:flex;gap:8px;flex-wrap:wrap}
html:root body.shell.shell .myc-s a{font-size:.8rem;font-weight:600;padding:6px 11px;border-radius:99px;background:#F6F3EC;color:#3F3F46;text-decoration:none}
html:root body.shell.shell .myc-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
html:root body.shell.shell .myc-c{display:grid;grid-template-columns:42px 1fr;gap:10px 12px;align-items:start;border:1px solid #E9E4D9;border-radius:18px;padding:14px}
html:root body.shell.shell .myc-c .mx-av{width:42px;height:42px;grid-row:auto}
html:root body.shell.shell .myc-t{display:grid;gap:3px;min-width:0}
html:root body.shell.shell .myc-t b{font-size:.92rem}
html:root body.shell.shell .myc-t>span{font-size:.78rem;color:#71717A}
html:root body.shell.shell .myc-a{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
html:root body.shell.shell .myc-a .btn{padding:6px 12px!important;font-size:.78rem!important;min-height:0!important}
html:root body.shell.shell .myc-rule{margin:0;font-size:.78rem;color:#71717A}
html:root body.shell.shell .cl-msg .rule{display:block!important;line-height:1.45}
html:root body.shell.shell .cl-msg .rule b{display:inline-block;margin:0 2px;color:#18181B}
html:root body.shell.shell .cl-panel>*{flex-shrink:0;min-height:max-content}

/* v121 : Radar doré + chiffres cliquables */
html:root body.shell.shell .rgold{border-radius:26px;padding:22px 24px;background:linear-gradient(135deg,#FFF7DD 0%,#FBE7A6 45%,#F3D27A 100%);border:1px solid #E7C25A;display:grid;gap:16px;position:relative;overflow:hidden}
html:root body.shell.shell .rgold::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);pointer-events:none}
html:root body.shell.shell .rg-h{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative;z-index:1}
html:root body.shell.shell .rg-k{margin:0;font:800 .74rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8A6410}
html:root body.shell.shell .rg-h h2{margin:6px 0 4px;font:800 1.45rem/1.15 "Inter Tight",Inter,sans-serif;color:#2B2108}
html:root body.shell.shell .rg-h p{margin:0;font-size:.88rem;color:#5B4A1A}
html:root body.shell.shell .rg-n{flex:none;font:700 .8rem/1 Inter,sans-serif;background:#2B2108;color:#F8D778;border-radius:99px;padding:8px 12px}
html:root body.shell.shell .rg-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;position:relative;z-index:1}
html:root body.shell.shell .rg-c{background:rgba(255,255,255,.88);border:1px solid #EBCB6E;border-radius:20px;padding:16px;display:grid;gap:10px}
html:root body.shell.shell .rg-c.taken{opacity:.85}
html:root body.shell.shell .rg-top{display:flex;align-items:center;gap:10px}
html:root body.shell.shell .rg-top b{display:block;font-size:.98rem}
html:root body.shell.shell .rg-top span{font-size:.78rem;color:#71717A}
html:root body.shell.shell .rg-t{margin-left:auto;flex:none;font-size:.74rem!important;font-weight:700;color:#8A6410!important;background:#FFF3C4;border-radius:99px;padding:4px 9px}
html:root body.shell.shell .rg-need{margin:0;font-weight:600;font-size:.95rem}
html:root body.shell.shell .rg-m{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem}
html:root body.shell.shell .rg-m i{font-style:normal;color:#8A8A8A;margin-right:5px}
html:root body.shell.shell .rg-why{margin:0;font-size:.78rem;color:#6B5A26;background:#FFF8E1;border-radius:10px;padding:7px 10px}
html:root body.shell.shell .rg-a{display:flex;gap:6px;flex-wrap:wrap}
html:root body.shell.shell .rg-a .btn{padding:8px 13px!important;font-size:.8rem!important;min-height:0!important}
html:root body.shell.shell .rg-b{background:linear-gradient(135deg,#F8D778,#E2B23C)!important;color:#2B2108!important;border:1px solid #C99A2A!important}
html:root body.shell.shell .rg-b:hover{background:#2B2108!important;color:#F8D778!important}
html:root body.shell.shell .rd-gold{display:grid;gap:3px;background:linear-gradient(135deg,#FFF7DD,#FBE7A6);border:1px solid #E7C25A;border-radius:14px;padding:12px 14px;font-size:.86rem}
html:root body.shell.shell .rd-gold>b{color:#8A6410}
html:root body.shell.shell .rd-dead{display:grid;gap:4px;background:#F4F4F5;border-radius:14px;padding:12px 14px;font-size:.84rem;color:#3F3F46}
html:root body.shell.shell .rd-deadbtn{background:none;border:0;padding:0;font:600 .82rem Inter,sans-serif;color:#71717A;text-decoration:underline;cursor:pointer;justify-self:start;text-align:left}
html:root body.shell.shell .rdead-b{display:inline-block!important;margin-top:3px;font-size:.68rem!important;font-weight:700;color:#52525B!important;background:#F1F1F3;border-radius:99px;padding:2px 7px}
html:root body.shell.shell #r-kpi .rk{all:unset;box-sizing:border-box;position:relative;padding:16px 18px;display:grid;gap:2px;cursor:pointer;transition:background .15s}
html:root body.shell.shell #r-kpi .rk+.rk{border-left:1px solid #EFEBE3}
html:root body.shell.shell #r-kpi .rk::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:var(--acc)}
html:root body.shell.shell #r-kpi .rk:hover{background:color-mix(in srgb,var(--acc) 7%,#fff)}
html:root body.shell.shell #r-kpi .rk[aria-pressed="true"]{background:color-mix(in srgb,var(--acc) 12%,#fff)}
html:root body.shell.shell #r-kpi .rk:focus-visible{outline:2px solid #18181B;outline-offset:-2px}
html:root body.shell.shell #r-kpi .rk b{font-family:"Inter Tight",Inter,sans-serif;font-style:italic;font-weight:900;font-size:2rem;line-height:1}
html:root body.shell.shell #r-kpi .rk span{font-size:.84rem;color:#52525B}
html:root body.shell.shell #r-kpi .rk em{font-style:normal;font-size:.78rem;font-weight:700;color:#2F7A55}
html:root body.shell.shell #r-kpi .rk-go{font-style:normal;font-size:.74rem;font-weight:700;color:color-mix(in srgb,var(--acc) 60%,#111);margin-top:4px}
@media (max-width:700px){html:root body.shell.shell #r-kpi .rk:nth-child(3){border-left:0}html:root body.shell.shell .rg-h{flex-direction:column}}
html:root body.shell.shell .rgold .rg-a .btn.rg-b,html:root body.shell.shell .rgold .rg-a a.btn.rg-b{background:linear-gradient(135deg,#F8D778,#E2B23C)!important;color:#2B2108!important;border:1px solid #C99A2A!important;font-weight:700!important}
html:root body.shell.shell .rgold .rg-a .btn.rg-b:hover{background:#2B2108!important;color:#F8D778!important}
html:root body.shell.shell .rgold .rg-a .btn.line{background:rgba(255,255,255,.7)!important;border-color:#E7C25A!important;color:#2B2108!important}
/* v122 : téléphone : la page publique ne déborde plus à droite */
html body{margin:0}
html body:not(.shell):not(.room) .board{grid-template-columns:minmax(0,1fr)!important}
html body:not(.shell):not(.room) .board>*{min-width:0}
html body:not(.shell):not(.room) .board .final{grid-template-columns:minmax(0,1fr)!important}
html body:not(.shell):not(.room) .board .final>*{min-width:0;max-width:100%}
@media(max-width:480px){html body:not(.shell):not(.room) .board .final .pbill{flex-wrap:wrap;justify-content:center;border-radius:20px}}
/* v122 : en-têtes de page sur téléphone : boutons sous le titre */
@media (max-width:760px){
html:root body.shell.shell .pghead{flex-wrap:wrap!important;align-items:flex-start!important;min-height:0;gap:12px!important}
html:root body.shell.shell .pghead > div:first-child{flex:1 1 100%!important}
html:root body.shell.shell .pghead .acts{flex:1 1 100%!important;flex-wrap:wrap!important;justify-content:flex-start!important}
html:root body.shell.shell .pghead p{white-space:normal;overflow:visible}
html:root body.shell.shell .pghead h1{font-size:2rem!important}
}
#end-note{width:100%;box-sizing:border-box}
/* v123 : prospect doré dans la pipeline */
html:root body.shell.shell .pp-c.pp-gold{border:2px solid #E2B23C!important;background:linear-gradient(160deg,#FFFBEA 0%,#fff 55%)!important;box-shadow:0 0 0 3px rgba(248,215,120,.35)!important}
html:root body.shell.shell .pp-gtag{display:inline-block;margin-bottom:6px;font:700 .66rem/1 Inter,sans-serif;color:#8A6410;background:linear-gradient(135deg,#FFF3C4,#F8D778);border-radius:99px;padding:4px 8px}

/* Connexion : Google, séparateur, liens secondaires */
.sheet .au-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.sheet .au-google svg{flex:none}
.au-or{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:.82rem}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.sheet .au-alt{justify-self:center;font-size:.88rem}

/* Vraie visio : la caméra recouvre la silhouette de la vignette (sinon le canvas, positionné, passe devant). */
.vtile video.vcam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.vtile.me video.vcam{transform:scaleX(-1)}

/* Personnages 3D des vignettes caméra coupée : ils « respirent » doucement. */

/* Caméra allumée : la vidéo seule, sans personnage derrière (même pendant que le flou démarre). */
.lvp-cam.live canvas,.vtile.has-cam canvas{opacity:0}
.lvp-cam.blurring video{filter:blur(18px);transform:scaleX(-1) scale(1.08)!important}
.lvp-cam.blurring::after{content:"Flou en cours…";position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);color:#fff;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:999px}
.lvp-o[data-lvp=mic] .lvp-sw{opacity:.75}
.lvp-o.nudge .lvp-sw{animation:lvp-nudge .35s}
@keyframes lvp-nudge{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* Partage d'écran : grande vignette en tête, image entière (pas recadrée, pas inversée) */
.vtile.screen{grid-column:1/-1;flex-basis:100%;aspect-ratio:16/9;background:#0E0E10}
.vtile.screen video.vscr{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0E0E10}
[data-share][aria-pressed="true"]{background:#18181B;color:#fff}

/* Caméra et micro : le symbole seul. Vert = allumé, rouge barré = coupé (Romuald 11/11). */
.controls [data-toggle="cam"],.controls [data-toggle="mic"]{width:48px;height:48px;padding:0!important;justify-content:center;font-size:0!important;border-radius:50%!important;
  background:#EF4444!important;color:#fff!important;position:relative;flex:none;box-shadow:0 4px 12px -4px rgba(239,68,68,.6)}
.controls [data-toggle="cam"]>*,.controls [data-toggle="mic"]>*{display:none!important}
.controls [data-toggle="cam"]::before,.controls [data-toggle="mic"]::before{content:"";width:22px;height:22px;background:#fff;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.controls [data-toggle="cam"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2213%22%20height%3D%2212%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M16%2010l5-3v10l-5-3%22/%3E%3Cpath%20d%3D%22M3%203l18%2018%22/%3E%3C/svg%3E")}.controls [data-toggle="cam"][aria-pressed="true"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2213%22%20height%3D%2212%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M16%2010l5-3v10l-5-3%22/%3E%3C/svg%3E")}
.controls [data-toggle="mic"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a3%203%200%200%200-3%203v5a3%203%200%200%200%206%200V6a3%203%200%200%200-3-3z%22/%3E%3Cpath%20d%3D%22M19%2011a7%207%200%200%201-14%200M12%2018v3%22/%3E%3Cpath%20d%3D%22M3%203l18%2018%22/%3E%3C/svg%3E")}.controls [data-toggle="mic"][aria-pressed="true"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a3%203%200%200%200-3%203v5a3%203%200%200%200%206%200V6a3%203%200%200%200-3-3z%22/%3E%3Cpath%20d%3D%22M19%2011a7%207%200%200%201-14%200M12%2018v3%22/%3E%3C/svg%3E")}
.controls [data-toggle="cam"][aria-pressed="true"],.controls [data-toggle="mic"][aria-pressed="true"]{background:#22C55E!important;box-shadow:0 4px 12px -4px rgba(34,197,94,.6)}
.controls [data-toggle="mic"][aria-disabled="true"]{opacity:.55!important}
.controls [data-toggle="cam"]:hover::after,.controls [data-toggle="mic"]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;
  background:#18181B;color:#fff;font-size:.75rem;font-weight:600;padding:5px 9px;border-radius:8px;pointer-events:none}

/* Départ du live : la petite phrase du collègue de bureau */
.bye{position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100% - 32px));
  background:#fff;border:1px solid var(--line,#E4DFD3);border-radius:18px;padding:12px 16px;box-shadow:0 18px 40px -16px rgba(0,0,0,.35);animation:bye-in .35s ease-out}
.bye i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--c-ocre,#E8C255);color:#18181B}
.bye small{display:block;color:#71717A;font-size:.75rem;margin-bottom:2px}.bye b{font-size:.98rem;line-height:1.35;color:#18181B}
@keyframes bye-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
/* Symbole bien centré dans le rond (le texte caché ne doit pas le décaler) */
.controls [data-toggle="cam"],.controls [data-toggle="mic"]{gap:0!important}
.controls [data-toggle="cam"]::before,.controls [data-toggle="mic"]::before{position:absolute;inset:0;margin:auto}
/* Recherche globale : liste de résultats sous le champ du haut */
.tb-res{position:fixed;z-index:80;background:#fff;border:1px solid #E7E2D8;border-radius:14px;box-shadow:0 14px 40px rgba(20,20,20,.14);padding:6px;max-height:min(70vh,460px);overflow:auto}
.tb-res-h{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5F5F66;margin:8px 10px 4px}
.tb-res button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:#18181B}
.tb-res button span{font-size:.8rem;color:#5F5F66}
.tb-res button[aria-selected="true"],.tb-res button:hover{background:#F4F1EA}
.pp-val{border:0;background:transparent;font:inherit;font-weight:600;padding:2px 4px;border-radius:6px;cursor:pointer;color:inherit}
.pp-val:hover{background:#F4F1EA}
.pp-val.empty{font-weight:500;color:#5F5F66;border:1px dashed #C9C3B6}
.pp-val-in{width:90px;font:inherit;padding:2px 6px;border:1px solid #18181B;border-radius:6px}
.ral-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #E7E2D8;padding-top:10px}
.ral-row>div{flex:1;min-width:180px;display:grid}
.ral-row span{font-size:.82rem;color:#5F5F66}

/* Démo sans compte */
.demo-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:45;width:min(960px,calc(100% - 32px));
  display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;
  background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:.92rem}
.demo-bar p{margin:0;flex:1 1 260px}
.demo-bar p b{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
.demo-bar div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.demo-bar .btn{padding:8px 14px;font-size:.88rem}
.demo-bar .linky{color:inherit;font-size:.85rem}
body.demo{padding-bottom:110px}
body.demo .toast{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
body.demo .app2{grid-template-columns:minmax(0,1fr)}
@media (max-width:600px){
  .demo-bar{padding:10px 12px;font-size:.8rem;gap:8px}
  .demo-bar p{flex-basis:100%}
  .demo-bar div{gap:6px 8px;flex-wrap:wrap}
  .demo-bar .btn{padding:6px 10px;font-size:.78rem;white-space:nowrap}
  .demo-bar .linky{font-size:.76rem;white-space:nowrap}
}
.hero-cta .hc-demo{flex-basis:100%;text-align:center;font-size:.92rem;color:inherit;margin-top:2px}

/* Drapeau français fin : liseré horizontal bleu-blanc-rouge, juste avant Messages */
.tb-fr{display:inline-flex;flex:none;width:54px;height:5px;margin-right:4px;box-shadow:0 1px 2px rgba(0,0,0,.22)}
.tb-fr i{display:block;flex:1}
.tb-fr i:nth-child(1){background:#2B3A8C}
.tb-fr i:nth-child(2){background:#fff}
.tb-fr i:nth-child(3){background:#E03A3A}

/* Collègues : famille de métiers dans un menu déroulant, à côté de la recherche (11/11). */
.cl-tools .cl-sel{display:flex;align-items:center;gap:6px;border:1px solid var(--line,#E4E4E7);border-radius:12px;padding:0 6px 0 12px;background:#fff;min-width:0;flex:0 1 300px}
.cl-tools .cl-sel small{font-size:.76rem;color:#71717A;white-space:nowrap}
.cl-tools .cl-sel select{border:0;background:none;font:inherit;font-size:.92rem;font-weight:600;padding:10px 4px;min-width:0;width:100%;color:#18181B;cursor:pointer;outline:none;text-overflow:ellipsis}
.cl-tools .cl-sel:focus-within{border-color:var(--acc,#FF85B3)}
@media (max-width:760px){.cl-tools .cl-sel{flex:1 1 100%}}

/* Croix de fermeture (11/11) : la même partout, ronde, discrète, trait fin dessiné en SVG (plus le caractère « × »). */
button:is(.x,.inv-x,.ap-x,.lvp-x)[aria-label^="Fermer"]{-webkit-appearance:none!important;appearance:none!important;width:34px!important;height:34px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:rgba(24,24,27,.05)!important;color:#52525B!important;font-size:0!important;line-height:0!important;
  display:inline-grid!important;place-items:center;flex:none;cursor:pointer;box-shadow:none!important;transition:background .15s,color .15s,transform .15s}
button:is(.x,.inv-x,.ap-x,.lvp-x)[aria-label^="Fermer"]::before{content:"";width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
button:is(.x,.inv-x,.ap-x,.lvp-x)[aria-label^="Fermer"]:hover{background:rgba(24,24,27,.1)!important;color:#18181B!important}
button:is(.x,.inv-x,.ap-x,.lvp-x)[aria-label^="Fermer"]:active{transform:scale(.94)}
button:is(.x,.inv-x,.ap-x,.lvp-x)[aria-label^="Fermer"]:focus-visible{outline:2px solid #6C9CFF;outline-offset:2px}
/* v124 : icônes plus nettes, façon Apple (Phosphor, licence MIT) — Romuald 11/11.
   Ce sont des formes pleines (et non des traits) : on les remplit avec la couleur du texte. */
:is(#col-root,body) svg.ph,:is(#col-root,body) svg.ph *{fill:currentColor!important;stroke:none!important}
:is(#col-root,body) svg.ph .f{display:none}
:is(#col-root,body) .side .sb-i svg.ph{width:19px!important;height:19px!important}
:is(#col-root,body) .side .sb-i.on svg.ph{color:var(--ic-d,#1D1D1F)!important}
:is(#col-root,body) .side .sb-i.on svg.ph .r{display:none}
:is(#col-root,body) .side .sb-i.on svg.ph .f{display:inline}
:is(#col-root,body) .pl-ic.ph{color:#52525B}
:is(#col-root,body) .pl-l li.off .pl-ic.ph{color:#C4C4C8}
html body:not(.shell):not(.room) .board .final .tt-l .pl-ic.ph{color:#C7C7CC!important}
html body:not(.shell):not(.room) .board .final .tt-l li.off .pl-ic.ph{color:#55555B!important}