/* Haut de l'accueil : tour a tour, une carte du montage s'ouvre en fenetre
   au centre avec son animation, puis se referme dans sa carte. */
.hc-scene .hc-rot{transition:filter .6s ease}
.hc-scene.hc-flou .hc-rot{filter:blur(3px) saturate(.85)}
.hc-card{transition:box-shadow .26s ease,transform .26s ease}
.hc-card.hc-allume{box-shadow:0 0 0 2px rgba(255,99,32,.55),0 24px 60px -20px rgba(242,51,95,.45)!important}

.hf{position:absolute;inset:0;pointer-events:none;z-index:5}
.hf-f{position:absolute;left:50%;top:50%;width:440px;opacity:0;
  transform:translate(-50%,-50%) translate(var(--dx,0),var(--dy,0)) scale(var(--s,.6));
  clip-path:inset(var(--coupe,0) 0 var(--coupe,0) 0 round var(--rayon,16px));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),clip-path .5s cubic-bezier(.2,.8,.2,1),opacity .42s ease}
.hf-f.pret{opacity:0}
.hf-f.ouvert{opacity:1;transform:translate(-50%,-50%) scale(1);clip-path:inset(-70px -140px -160px -140px round 18px)}
.hf-et{position:absolute;left:50%;top:-44px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:6px 14px 6px 6px;border-radius:99px;background:#fff;box-shadow:0 8px 24px -10px rgba(21,12,31,.35);
  font-size:13px;font-weight:600;color:#150c1f;opacity:0;transition:opacity .3s ease .25s;overflow:hidden}
.hf-et b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;background:linear-gradient(105deg,#FF6320,#F2335F)}
.hf-et::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#FF6320,#F2335F);transform:scaleX(0);transform-origin:left}
.hf-f.ouvert .hf-et{opacity:1}
.hf-f.ouvert .hf-et::after{animation:hfBarre var(--d,3.5s) linear forwards}
@keyframes hfBarre{to{transform:scaleX(1)}}

.hf-win{background:#fff;border:1px solid rgba(21,12,31,.07);border-radius:18px;box-shadow:0 1px 2px rgba(21,12,31,.05),0 12px 28px -14px rgba(21,12,31,.18),0 36px 72px -36px rgba(242,51,95,.22);overflow:hidden;font-size:12.5px;color:#3b3345}
.hf-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #f0ebe6;background:#fbf8f5}
.hf-bar img{width:18px;height:18px}
.hf-bar b{font-size:12px;color:#150c1f}
.hf-bar em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;color:#14936A;display:flex;align-items:center;gap:5px}
.hf-bar em i{width:6px;height:6px;border-radius:50%;background:#14936A}
.hf-in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;min-height:208px}
.hf-row{display:flex;align-items:center;gap:10px;border:1px solid #efe9e3;border-radius:10px;padding:9px 11px;background:#fff}
.hf-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10.5px;font-weight:700;flex:0 0 28px}
.hf-row b{display:block;color:#150c1f;font-size:12.5px}
.hf-row small{display:block;color:#8a8190;font-size:11px}
.hf-pill{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 7px;white-space:nowrap}
.hf-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12px;padding:2px 2px}
.hf-kv span{color:#8a8190}
.hf-kv b{color:#150c1f;font-weight:600}
.hf-toast{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#fff;background:#505361;border-radius:9px;padding:7px 11px}
.hf-toast svg{width:13px;height:13px;color:#7BE0B5}
.hf-bulle{align-self:flex-end;max-width:80%;background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;border-radius:14px 14px 4px 14px;padding:8px 12px;font-size:12px}
.hf-rep{align-self:flex-start;max-width:92%;background:#f6f2ee;border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:12px;color:#3b3345}
.hf-rep small{display:block;font-size:10.5px;color:#8a8190;margin-bottom:3px}
.hf-typing{align-self:flex-start;display:flex;gap:4px;background:#f6f2ee;border-radius:12px;padding:10px 12px}
.hf-typing i{width:6px;height:6px;border-radius:50%;background:#b8aeb9;animation:hfBlink 1s infinite}
.hf-typing i:nth-child(2){animation-delay:.15s}.hf-typing i:nth-child(3){animation-delay:.3s}
@keyframes hfBlink{0%,100%{opacity:.25}50%{opacity:1}}
.hf-prop{border:1px solid #efe4dc;border-radius:10px;padding:9px 11px;font-size:12px}
.hf-prop p{margin:0 0 7px}
.hf-prop .hf-k{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#D4491B;margin-bottom:4px}
.hf-btn{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#fff;background:#73737C;border-radius:7px;padding:5px 10px}
.hf-ok{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#14936A;background:#DDEDE6;border-radius:4px;padding:3px 8px}
.hf-lg{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 0;border-bottom:1px solid #f3eee9}
.hf-lg span{color:#3b3345}.hf-lg b{color:#150c1f;font-variant-numeric:tabular-nums}
.hf-tot{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#150c1f;padding-top:4px}
.hf-cur{position:absolute;width:18px;height:18px;opacity:0;z-index:3}

/* Etat de depart de chaque piece animee : cachee, puis revelee dans l'ordre */
.hf-f .a{opacity:0;transform:translateY(6px)}
.hf-f.ouvert .a{animation:hfIn .45s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--t,0s)}
@keyframes hfIn{to{opacity:1;transform:none}}
.hf-f .hide{animation:none}
.hf-f.ouvert .hide{animation:hfOut .3s ease forwards;animation-delay:var(--t2,0s)}
@keyframes hfOut{to{opacity:0;height:0;padding:0;margin:0;border-width:0}}
.hf-f.ouvert .hf-cur{animation:hfCur 1.1s cubic-bezier(.3,.7,.3,1) forwards;animation-delay:var(--t,0s)}
@keyframes hfCur{0%{opacity:0;transform:translate(60px,40px)}25%{opacity:1}85%{opacity:1;transform:translate(0,0)}92%{transform:translate(0,0) scale(.85)}100%{opacity:1;transform:translate(0,0)}}

.hf-f .blip{opacity:0;overflow:hidden}
.hf-f.ouvert .blip{animation:hfIn .3s ease forwards var(--t,0s),hfGone .25s ease forwards var(--t2,1s)}
@keyframes hfGone{to{opacity:0;height:0;padding-top:0;padding-bottom:0;margin:0}}
.hf-propbt{position:relative;display:flex;align-items:center;gap:8px}
.hf-et i{font-style:normal;font-size:11px;font-weight:600;color:#D4491B;background:#FFF1E6;border-radius:99px;padding:2px 8px;margin-left:2px}

/* Maquettes qui alternent entre services TI et construction */
[data-bsc]{transition:opacity .22s ease,filter .22s ease}
[data-bsc].bsc-out{opacity:.15;filter:blur(2px)}
.bsc-tag{position:absolute;top:-11px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:99px;background:#fff;border:1px solid #efe4dc;box-shadow:0 4px 14px -8px rgba(21,12,31,.35);font-size:10.5px;font-weight:600;color:#3767D8;pointer-events:none}
.bsc-tag i{width:7px;height:7px;border-radius:50%;background:#3767D8}
.bsc-tag.bsc-con{color:#D4491B}
.bsc-tag.bsc-con i{background:#FF6320}
.bsc-tag.bsc-in{top:auto;bottom:10px;right:12px}
/* OKTHAV lit un document : miniature, balayage, champs qui se remplissent */
.hf-doc{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:start}
.hf-thumb{position:relative;height:156px;border:1px solid #efe9e3;border-radius:9px;background:#fbf8f5;overflow:hidden}
.hf-thumb i{position:absolute;left:14px;height:4px;border-radius:2px;background:#e3dcd5}
.hf-scan{position:absolute;left:0;right:0;height:34px;top:-40px;background:linear-gradient(180deg,rgba(255,99,32,0),rgba(255,99,32,.30),rgba(242,51,95,0));pointer-events:none}
.hf-f.ouvert .hf-scan{animation:hfScan .9s ease-in-out 2 forwards;animation-delay:var(--t,.2s)}
@keyframes hfScan{0%{top:-40px}100%{top:160px}}
.hf-t-recu{background:#f4efe9}
.hf-t-recu::before{content:"";position:absolute;left:24px;right:24px;top:10px;bottom:-4px;background:#fff;border:1px solid #e5ded6;border-radius:3px 3px 0 0;box-shadow:0 4px 10px -6px rgba(0,0,0,.2)}
.hf-t-recu i{left:34px;z-index:1}
.hf-t-plan{background:linear-gradient(#e8eef8 1px,transparent 1px) 0 0/9px 9px,linear-gradient(90deg,#e8eef8 1px,transparent 1px) 0 0/9px 9px,#fff}
.hf-t-plan::before{content:"";position:absolute;inset:18px 26px 40px 14px;border:2px solid #3767D8;border-radius:2px;box-shadow:inset 22px 0 0 -20px #3767D8}
.hf-t-plan::after{content:"A-201 · D";position:absolute;right:6px;bottom:6px;font-size:8.5px;font-weight:700;color:#3767D8;border:1px solid #3767D8;border-radius:3px;padding:1px 4px;background:#fff}
.hf-t-carte{background:#f4efe9}
.hf-t-carte::before{content:"";position:absolute;left:8px;right:8px;top:44px;height:70px;background:#fff;border:1px solid #e5ded6;border-radius:7px;transform:rotate(-4deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.3)}
.hf-t-carte::after{content:"";position:absolute;right:18px;top:52px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#FF6320,#F2335F);transform:rotate(-4deg)}
.hf-t-carte i{z-index:1;transform:rotate(-4deg)}
.hf-t-po{background:#fff}
.hf-t-po::before{content:"BON DE COMMANDE";position:absolute;left:10px;top:10px;font-size:7.5px;font-weight:800;letter-spacing:.06em;color:#D4491B}
.hf-t-equip{background:linear-gradient(135deg,#eceae7,#d8d4cf)}
.hf-t-equip::before{content:"";position:absolute;inset:34px 16px 44px;border-radius:6px;background:#f7f5f2;border:1px solid #c9c3bc;box-shadow:inset 0 1px 0 #fff}
.hf-t-equip i{z-index:1;left:26px}
.hf-file{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#8a8190;margin-top:6px}
.hf-soon{display:inline-flex;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3767D8;background:#E0E9F7;border-radius:4px;padding:1px 6px;margin-left:4px}
@media (min-width:1024px){.okd-5col{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* Fermeture douce : le contenu reste visible, la fenetre rapetisse vers sa carte en s'effacant */
.hf-f.sortie .a,.hf-f.sortie .hf-cur{animation:none!important;opacity:1;transform:none}
.hf-f.sortie .blip,.hf-f.sortie .hf-scan{display:none}
.hf-f.sortie .hf-et{opacity:0;transition:opacity .2s ease}
/* Etude de cas : cartes alignees, chiffres qui comptent, apparition en cascade */
.okd-5col>div>.chiffres{height:100%;display:flex;flex-direction:column}
.okd-5col .chiffres>p:nth-of-type(2){min-height:2.75em;margin-bottom:16px}
.okd-5col .chiffres>div:last-child{margin-top:auto}
.okd-5col.st-pret>div{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.okd-5col.st-pret .flamme{width:0!important;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.okd-5col.st-pret .chiffres>div:last-child>span:first-child{opacity:0;transform:scale(.85);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}
.okd-5col.st-go>div{opacity:1;transform:none}
.okd-5col.st-go .flamme{width:2rem!important}
.okd-5col.st-go .chiffres>div:last-child>span:first-child{opacity:1;transform:none}
.okd-5col .chiffres p:first-of-type{font-variant-numeric:tabular-nums}
/* Section Vos retours : le panneau Signaler ou suggerer, anime */
.fb{position:relative;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.fb-card{background:#fff;border:1px solid #ece6e0;border-radius:18px;box-shadow:0 1px 2px rgba(21,12,31,.05),0 18px 40px -22px rgba(21,12,31,.28);padding:16px;font-size:13px;color:#3b3345}
.fb-h{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #f1ece7}
.fb-logo{width:38px;height:38px;border-radius:10px;background:#f6f2ee;display:grid;place-items:center;flex:0 0 38px}
.fb-h b{display:block;font-size:17px;color:#150c1f;letter-spacing:-.01em}
.fb-h small{display:block;font-size:12px;color:#7a7180}
.fb-x{margin-left:auto;color:#9a919f;font-size:20px;line-height:1}
.fb-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 12px}
.fb-k{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid #ece6e0;border-radius:10px;font-size:11.5px;color:#4a4250;transition:background .25s,border-color .25s}
.fb-k svg{width:19px;height:19px}
.fb-k b{font-weight:500}
.fb-k.on{background:#f1eeee;border-color:#ddd6d0}
.fb-ta{min-height:78px;border:1.5px solid #ece6e0;border-radius:10px;padding:11px 12px;font-size:13.5px;color:#150c1f;line-height:1.5;transition:border-color .25s}
.fb.run .fb-ta{border-color:#f0a58f}
.fb-caret{display:inline-block;width:1.5px;height:16px;background:#F2335F;vertical-align:-3px;margin-left:1px;animation:fbBlink 1s steps(2) infinite}
@keyframes fbBlink{50%{opacity:0}}
.fb-cap{display:flex;align-items:center;gap:10px;margin-top:10px;border:1px dashed #e2dbd4;border-radius:10px;padding:11px 12px;color:#6d6573;font-size:12.5px}
.fb-cap svg{width:18px;height:18px;flex:0 0 18px}
.fb-file{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:600;color:#14936A;background:#DDEDE6;border-radius:99px;padding:3px 9px;opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.fb-file svg{width:11px;height:11px}
.fb.f2 .fb-file{opacity:1;transform:none}
.fb-foot{display:flex;align-items:center;gap:8px;margin-top:12px}
.fb-av{width:26px;height:26px;border-radius:50%;background:#EFEAF5;color:#5b4a73;font-size:10px;font-weight:700;display:grid;place-items:center}
.fb-foot small{font-size:11.5px;color:#7a7180;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-send{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#a39aa8;background:#f4f1ee;border-radius:9px;padding:8px 14px;transition:background .3s,color .3s,transform .15s}
.fb-send svg{width:14px;height:14px}
.fb.f3 .fb-send{background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff}
.fb.f4 .fb-send{transform:scale(.94)}
.fb-track{display:flex;flex-direction:column;gap:8px;padding:0 6px}
.fb-st{display:flex;align-items:center;gap:10px;font-size:13px;color:#3b3345;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.fb-st i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#DDEDE6;color:#14936A;flex:0 0 22px}
.fb-st i svg{width:12px;height:12px}
.fb-st b{font-weight:600;color:#150c1f}
.fb-st em{margin-left:auto;font-style:normal;font-size:11.5px;color:#8a8190}
.fb.f5 .fb-st:nth-child(1),.fb.f6 .fb-st:nth-child(2),.fb.f7 .fb-st:nth-child(3){opacity:1;transform:none}
.fb-note{margin:4px 0 0;font-size:11px;color:#a39aa8}
@media (max-width:520px){.fb-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Replique du vrai ecran d'OKTO PSA, qui alterne construction et services TI */
.rp{--r-ink:#69696D;--r-mut:#8a8a92;--r-line:#E6E5E2;--r-side:#F7F7F6;--r-pb:rgba(38,38,42,.075);position:relative;display:grid;border:1px solid #e3ded8;border-radius:16px;overflow:hidden;background:var(--r-side);box-shadow:0 1px 2px rgba(21,12,31,.05),0 24px 60px -30px rgba(21,12,31,.3);font-family:Poppins,sans-serif;color:var(--r-ink);text-align:left}
.rp-l{grid-area:1/1;display:grid;grid-template-columns:200px minmax(0,1fr);opacity:0;transition:opacity .5s ease;pointer-events:none}
.rp-l.on{opacity:1}
.rp-side{padding:14px 8px;display:flex;flex-direction:column;gap:1px}
.rp-org{display:flex;align-items:center;gap:8px;padding:0 8px 10px}
.rp-org b{display:block;font-size:11.5px;font-weight:600;color:var(--r-ink)}
.rp-org small{display:block;font-size:10px;color:var(--r-mut)}
.rp-side .rp-grp{display:block;margin:10px 8px 3px;font-size:8.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#E8412F}
.rp-nav{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:11.5px;color:var(--r-ink)}
.rp-nav svg{width:13px;height:13px;color:var(--r-mut);flex:0 0 13px}
.rp-nav em{font-style:normal;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-nav b{font-weight:400;font-size:10.5px;color:var(--r-mut)}
.rp-nav.on{background:rgba(105,105,109,.09);font-weight:500}
.rp-nav.on svg{color:#B35843}
.rp-main{background:#fff;border:1px solid var(--r-line);border-radius:10px;margin:8px 8px 8px 0;min-width:0;display:flex;flex-direction:column}
.rp-bar{display:flex;align-items:center;gap:6px;padding:10px 14px 4px}
.rp-search{display:flex;align-items:center;gap:7px;background:var(--r-pb);border-radius:7px;padding:6px 10px;font-size:11px;color:var(--r-mut);flex:0 1 250px;min-width:0;white-space:nowrap;overflow:hidden}
.rp-search svg{width:12px;height:12px;flex:0 0 12px}
.rp-search kbd{margin-left:auto;font-family:inherit;font-size:10px}
.rp-new{margin-left:auto;background:var(--r-pb);border-radius:6px;padding:5px 10px;font-size:10.5px;font-weight:500;color:#5C5C66;white-space:nowrap}
.rp-sync{display:inline-flex;align-items:center;gap:4px;background:#DDEDE6;color:#1E8757;border-radius:99px;padding:4px 9px;font-size:10.5px;font-weight:600;white-space:nowrap}
.rp-sync svg{width:11px;height:11px}
.rp-ico{position:relative;width:26px;height:26px;display:grid;place-items:center;color:var(--r-mut)}
.rp-ico svg{width:14px;height:14px}
.rp-logo img{width:16px;height:16px}
.rp-dot{position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:#E8412F;border:1.5px solid #fff}
.rp-me{width:24px;height:24px;border-radius:50%;background:#fde6e2;color:#C0392B;font-size:9px;font-weight:700;display:grid;place-items:center}
.rp-body{padding:10px 16px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.rp-body .rp-h4{display:block;margin:0;font-size:15px;font-weight:400;color:var(--r-ink)}
.rp-body p{margin:-8px 0 0;font-size:11px;color:var(--r-mut)}
.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rp-kpi{border:1px solid var(--r-line);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.rp-kpi small{font-size:10px;color:var(--r-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kpi strong{font-size:17px;font-weight:400;color:var(--r-ink);line-height:1.2}
.rp-kpi span{display:flex;justify-content:flex-end;margin-top:-18px}
.rp-kpi span em{font-style:normal;font-size:9.5px;color:var(--r-mut)}
.rp-kpi u{display:block;height:3px;border-radius:2px;background:#F0F0EF;overflow:hidden;margin-top:6px}
.rp-kpi u i{display:block;height:100%;background:#d8d8dc}
.rp-kpi u.hot i{background:linear-gradient(90deg,rgba(196,43,75,.45),#C42B4B)}
.rp-kpi u.warm i{background:linear-gradient(90deg,#d8a200,#C42B4B)}
.rp-views{display:flex;gap:4px;border-bottom:1px solid var(--r-line);overflow:hidden}
.rp-views span{white-space:nowrap;font-size:11px;padding:5px 9px;border-radius:5px 5px 0 0;display:inline-flex;gap:5px;align-items:center}
.rp-views span.on{background:var(--r-pb);font-weight:500}
.rp-views i{font-style:normal;font-size:9.5px;color:var(--r-mut);background:#E9E9EA;border-radius:99px;padding:0 6px}
.rp-filter{display:flex;align-items:center;gap:7px;border:1px solid var(--r-line);border-radius:6px;padding:5px 9px;font-size:10px;color:var(--r-mut);white-space:nowrap;overflow:hidden}
.rp-filter>svg{width:12px;height:12px;flex:0 0 12px}
.rp-chip b{font-weight:500;color:var(--r-ink)}
.rp-ph{flex:1;min-width:0;font-size:10.5px;overflow:hidden;text-overflow:ellipsis}
.rp-filter kbd{font-family:inherit;border:1px solid #dcdbd7;border-radius:3px;padding:0 4px}
.rp-tool{width:22px;height:22px;border:1px solid var(--r-line);border-radius:5px;display:grid;place-items:center}
.rp-tool svg{width:11px;height:11px}
.rp-tw{overflow:hidden}
.rp table{width:100%;border-collapse:collapse;font-size:11px}
.rp th{background:#F7F7F6;font-weight:400;font-size:10px;color:var(--r-mut);text-align:left;padding:7px 8px}
.rp thead th:first-child{border-radius:6px 0 0 6px;width:22px}.rp thead th:last-child{border-radius:0 6px 6px 0}
.rp td{padding:8px 8px;border-bottom:1px solid #f1f0ed;vertical-align:middle;color:var(--r-ink)}
.rp tr:last-child td{border-bottom:0}
.rp tr.hot td{background:#FFF8F5}
.rp td b{display:block;font-weight:500;font-size:11.5px;color:#3d3d42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}
.rp td small{display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--r-mut);white-space:nowrap}
.rp-r{text-align:right!important;white-space:nowrap}
.rp-late{color:#C42B4B!important;font-weight:600}
.rp-ck{display:block;width:12px;height:12px;border:1.5px solid #d6d5d1;border-radius:50%}
.rp-st{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:3px;padding:1px 6px;white-space:nowrap}
.rp-st i{width:5px;height:5px;border-radius:50%;background:currentColor}
.rp-traiter{color:#8A6D00;background:#EDE9D9}.rp-cours{color:#2D6BC9;background:#E0E9F7}.rp-att{color:#6D28D9;background:#EFEAFB}.rp-rep{color:#1E8757;background:#DDEDE6}.rp-planif{color:#0E8A94;background:#DDF1F2}
.rp-pr{font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:3px;padding:0 5px}
.rp-pcrit{color:#C42B4B;background:#F6DFE4}.rp-phaute{color:#C2562B;background:#FBE7DC}.rp-pmoy{color:#8A6D00;background:#F5EFD4}.rp-pbasse{color:#6B6B74;background:#E9E9EA}
.rp-who{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rp-who i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:700;color:#fff}
.rp-na{color:var(--r-mut)}
.rp-tag{position:absolute;top:-12px;right:18px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:99px;background:#fff;border:1px solid #efe4dc;box-shadow:0 4px 14px -8px rgba(21,12,31,.35);font-size:10.5px;font-weight:600;color:#D4491B}
.rp-tag i{width:7px;height:7px;border-radius:50%;background:#FF6320}
.rp-tag.ti{color:#3767D8}.rp-tag.ti i{background:#3767D8}
.rp{overflow:visible}
.rp>.rp-l{border-radius:16px;overflow:hidden}
@media (max-width:900px){.rp-l{grid-template-columns:minmax(0,1fr)}.rp-side{display:none}.rp-main{margin:8px}.rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-new,.rp-sync,.rp-ico{display:none}.rp th:nth-child(4),.rp td:nth-child(4),.rp th:nth-child(5),.rp td:nth-child(5),.rp th:first-child,.rp td:first-child{display:none}.rp td b{max-width:170px}}

@media (max-width:900px){.rp th:nth-child(3),.rp td:nth-child(3){display:none}.rp td small{flex-wrap:wrap;white-space:normal}.rp-views span:nth-child(n+3){display:none}}
.rp-pres .rp-on{position:absolute;bottom:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#1E8757;border:1.5px solid #fff}
.rp-cnt{position:absolute;top:-2px;right:-3px;min-width:14px;height:14px;border-radius:99px;background:#E8412F;color:#fff;font-size:8.5px;font-weight:700;display:grid;place-items:center;padding:0 3px}
.rp-main{position:relative}
.rp-fab{position:absolute;right:14px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e6e5e2;box-shadow:0 6px 16px -8px rgba(21,12,31,.35);display:grid;place-items:center;color:#69696D;z-index:2}
.rp-fab svg{width:15px;height:15px}.rp-fab img{width:17px;height:17px}
.rp-fab1{bottom:54px}.rp-fab2{bottom:14px}
.rp-side{gap:0}.rp-nav{padding:4px 8px;font-size:11px}.rp-side .rp-grp{margin:8px 8px 2px}
@media (max-width:900px){.rp-fab{display:none}}
/* Fenetre clavardage (bientot) */
.hf-lock{color:#1E8757!important}.hf-lock svg{width:11px;height:11px}
.hf-chat{gap:8px!important}
.hf-grp{font-size:10.5px;color:#8a8190}
.hf-msg{display:flex;gap:8px;align-items:flex-end;max-width:88%}
.hf-msg p{margin:0;background:#f4f0ec;border-radius:12px 12px 12px 4px;padding:7px 10px;font-size:12px;color:#2d2733}
.hf-msg.moi{align-self:flex-end;flex-direction:row-reverse}
.hf-msg.moi p{background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;border-radius:12px 12px 4px 12px}
.hf-msg .hf-av{width:22px;height:22px;flex:0 0 22px;font-size:8.5px}
.hf-att{display:inline-flex;align-items:center;gap:6px;margin-top:5px;border:1px solid #ece6e0;border-radius:9px;padding:5px 9px;font-size:11px;color:#3b3345;background:#fff}
.hf-att svg{width:14px;height:14px;color:#D4491B}
.hf-card{display:block;margin-top:5px;border:1px solid #ece6e0;border-left:3px solid #FF6320;border-radius:8px;padding:6px 9px;background:#fff;text-align:left}
.hf-card b{display:block;font-size:11.5px;color:#150c1f}.hf-card small{font-size:10.5px;color:#8a8190}
.hf-voice{display:inline-flex;align-items:center;gap:8px;background:#f4f0ec;border-radius:12px;padding:6px 10px}
.hf-play{width:22px;height:22px;border-radius:50%;background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;display:grid;place-items:center}
.hf-play svg{width:10px;height:10px}
.hf-wave{display:flex;align-items:center;gap:2px}
.hf-wave i{display:block;width:3px;border-radius:2px;background:#c9bfc6}
.hf-voice em{font-style:normal;font-size:10.5px;color:#8a8190}

/* Mouvement reduit : les animations jouent quand meme, en fondus, sans deplacement */
@media (prefers-reduced-motion:reduce){
 .hf-f,.hf-f.ouvert{transform:translate(-50%,-50%) scale(1)!important;clip-path:none!important;transition:opacity .5s ease!important}
 .hf-f .a,.hf-f.ouvert .a{transform:none!important}
 .hc-scene.hc-flou .hc-rot{filter:blur(2px)}
 .okd-5col.st-pret>div{transform:none!important}
 .fb-st{transform:none!important}
}
/* Section Clavardage d'equipe */
.cs{display:grid;grid-template-columns:200px minmax(0,1fr);background:#fff;border:1px solid #ece6e0;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(21,12,31,.05),0 22px 50px -26px rgba(21,12,31,.3);font-size:12.5px;color:#3b3345;min-height:470px;text-align:left}
.cs-side{background:#F7F7F6;border-right:1px solid #ece6e0;padding:12px 8px;display:flex;flex-direction:column;gap:3px}
.cs-sh{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px}
.cs-sh b{font-size:13.5px;color:#150c1f}
.cs-new{font-size:10.5px;font-weight:600;color:#D4491B;background:#FFF1E6;border-radius:99px;padding:2px 8px}
.cs-c{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;transition:background .3s}
.cs-c.on{background:#fff;box-shadow:0 0 0 1px #ece6e0}
.cs-c b{display:block;font-size:11.5px;font-weight:600;color:#150c1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.cs-c small{display:block;font-size:10px;color:#8a8190;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.cs-c em{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;background:#E8412F;border-radius:99px;padding:1px 6px}
.cs-av{position:relative;width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9.5px;font-weight:700;background:#EFE8F5}
.cs-av svg{width:14px;height:14px;color:#6d5a86}
.cs-grp{background:#FFF1E6}.cs-grp svg{color:#D4491B}
.cs-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#1E8757;border:2px solid #F7F7F6}
.cs-main{display:flex;flex-direction:column;min-width:0}
.cs-top{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #f1ece7}
.cs-top b{display:block;font-size:13px;color:#150c1f}
.cs-top small{display:block;font-size:10.5px;color:#8a8190}
.cs-lock{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:#1E8757;background:#DDEDE6;border-radius:99px;padding:3px 9px;white-space:nowrap}
.cs-lock svg{width:11px;height:11px}
.cs-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#fff,#fdfbf9)}
.cs-m{display:flex;gap:8px;align-items:flex-end;max-width:86%}
.cs-m p{margin:0;background:#f4f0ec;border-radius:13px 13px 13px 4px;padding:8px 11px;font-size:12.5px;line-height:1.45;color:#2d2733}
.cs-m.moi{align-self:flex-end;flex-direction:row-reverse}
.cs-m.moi p{background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;border-radius:13px 13px 4px 13px}
.cs-files{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.cs-photo{width:74px;height:54px;border-radius:9px;overflow:hidden;background:linear-gradient(160deg,#cfe0ef 0%,#e8eef3 45%,#b9a58e 46%,#8f7a64 100%);position:relative;border:1px solid #ece6e0}
.cs-photo i{position:absolute;left:10px;right:10px;top:22px;height:4px;background:#6f5b47;box-shadow:0 7px 0 #6f5b47,0 14px 0 #6f5b47;opacity:.6}
.cs-att{display:inline-flex;align-items:center;gap:7px;border:1px solid #ece6e0;border-radius:9px;padding:6px 9px;background:#fff}
.cs-att svg{width:16px;height:16px;color:#D4491B}
.cs-att b{display:block;font-size:11px;color:#150c1f}.cs-att small{display:block;font-size:10px;color:#8a8190}
.cs-card{display:block;margin-top:6px;border:1px solid #ece6e0;border-left:3px solid #FF6320;border-radius:9px;padding:7px 10px;background:#fff}
.cs-card b{display:block;font-size:11.5px;color:#150c1f}.cs-card small{font-size:10.5px;color:#8a8190}
.cs-voice{display:inline-flex;align-items:center;gap:8px;background:#f4f0ec;border-radius:13px;padding:7px 11px}
.cs-play{width:24px;height:24px;border-radius:50%;background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;display:grid;place-items:center}
.cs-play svg{width:10px;height:10px}
.cs-wave{display:flex;align-items:center;gap:2px}
.cs-wave i{display:block;width:3px;border-radius:2px;background:#c9bfc6;transition:background .15s}
.cs-wave i.on{background:#F2335F}
.cs-voice em{font-style:normal;font-size:10.5px;color:#8a8190}
.cs-lnk{display:inline-flex;align-items:center;gap:4px;color:#3767D8;text-decoration:underline;text-underline-offset:2px}
.cs-lnk svg{width:12px;height:12px}
.cs-gif{position:relative;display:block;width:120px;height:72px;border-radius:11px;overflow:hidden;background:linear-gradient(120deg,#FF6320,#F2335F,#9010C8,#FF6320);background-size:300% 300%;animation:csGif 3s linear infinite}
.cs-gif b{position:absolute;left:7px;top:6px;font-size:9px;font-weight:800;color:#fff;background:rgba(0,0,0,.25);border-radius:4px;padding:1px 5px}
.cs-gif i{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;background:#fff;opacity:.85;animation:csBob .9s ease-in-out infinite alternate}
@keyframes csGif{to{background-position:300% 0}}
@keyframes csBob{from{transform:translateY(-8px) scale(.9)}to{transform:translateY(8px) scale(1.05)}}
.cs-typing{display:flex;gap:4px;align-self:flex-start;background:#f4f0ec;border-radius:12px;padding:9px 11px;margin-left:36px}
.cs-typing i{width:6px;height:6px;border-radius:50%;background:#b8aeb9;animation:hfBlink 1s infinite}
.cs-typing i:nth-child(2){animation-delay:.15s}.cs-typing i:nth-child(3){animation-delay:.3s}
.cs-in{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid #f1ece7}
.cs-tool{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#8a8190}
.cs-tool svg{width:16px;height:16px}
.cs-ph{flex:1;font-size:12px;color:#a39aa8;border:1px solid #ece6e0;border-radius:9px;padding:7px 10px}
.cs-send{width:32px;height:32px;border-radius:9px;background:linear-gradient(105deg,#FF6320,#F2335F);color:#fff;display:grid;place-items:center}
.cs-send svg{width:14px;height:14px}
.cs .a{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.cs.run .a{opacity:1;transform:none;transition-delay:var(--t,0s)}
.cs .cs-typing.a{transition-delay:0s}
.cs.run .cs-typing.a{transition-delay:var(--t,0s)}
@media (max-width:760px){.cs{grid-template-columns:minmax(0,1fr)}.cs-side{display:none}.cs-lock{display:none}}
.cs-top>div{flex:1;min-width:0}
.cs-top b,.cs-top small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}