/* KAVEVA OFFICE — système visuel de KAVEVA (fond noir profond, vert émeraude, turquoise du logo, menthe, Manrope / DM Sans),
   avec une seule touche nouvelle : le doré d'OFFICE, réservé à l'identité OFFICE. Calme, simple, lisible. Thème sombre unique, comme KAVEVA. */
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{
  --noir:#fbfaf6;--fond:#f6f4ee;--emeraude:#1b2a26;--carte:#ffffff;--carte2:#f5faf8;--ligne:#e8e3d8;--ligne2:#d3ddd8;
  --txt:#1b2a26;--sub:#4f6159;--mute:#86928c;--turquoise:#00a9ae;--logo:#00EEF2;--menthe:#2bc48f;--ok:#15a06e;--warn:#c98400;--ko:#d9502f;
  --or1:#f6e3a6;--or2:#d8b25a;--or3:#a8812f;--or:linear-gradient(100deg,#f6e3a6 0%,#e2c172 38%,#c49a3e 70%,#f0d58e 100%);
  --r:20px;--f-titre:"Manrope",system-ui,sans-serif;--f-txt:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:var(--noir);color:var(--txt);font:400 15px/1.55 var(--f-txt);-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:radial-gradient(1100px 620px at 85% -12%,#bdf0e055,transparent),radial-gradient(900px 520px at -10% 110%,#ffe7b333,transparent),var(--noir)}
a{color:var(--menthe)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px}
h1,h2,h3{font-family:var(--f-titre);margin:0;line-height:1.15;text-wrap:balance}
h1{font-weight:800;font-size:clamp(26px,3.6vw,38px)}
h2{font-weight:800;font-size:20px}
h3{font-weight:700;font-size:16px}
.sub{color:var(--sub)}.mute{color:var(--mute)}.petit{font-size:13px}
.hidden{display:none!important}

/* Logo : le logo officiel KAVEVA, suivi d'OFFICE en doré */
.marque{display:flex;align-items:center;gap:10px;text-decoration:none}
.marque img{height:44px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(0,238,242,.18))}
.office{font:800 15px/1 var(--f-titre);letter-spacing:.32em;background:var(--or);-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:3px;text-shadow:0 0 18px rgba(216,178,90,.12)}
.marque.xl img{height:clamp(70px,13vw,120px)}.marque.xl .office{font-size:clamp(22px,4.2vw,38px)}
.logo-xl{height:90px;opacity:.9}

/* Structure : navigation latérale (ordinateur), barre basse (téléphone) */
.cadre{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.lateral{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;border-right:1px solid var(--ligne);background:linear-gradient(180deg,#f6f4eeee,#ffffffee)}
.lateral .marque{padding:4px 8px 16px}
.nav{display:flex;flex-direction:column;gap:2px;overflow:auto;flex:1}
.nav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--sub);text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;font-size:14.5px}
.nav button svg{width:19px;height:19px;flex:none;opacity:.85}
.nav button:hover{background:#eef6f2;color:var(--txt)}

.nav .pastille{margin-left:auto;font:800 11px var(--f-txt);background:var(--menthe);color:#04140f;border-radius:99px;padding:1px 7px}
.eva-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--ligne);background:var(--carte);border-radius:16px;padding:10px;cursor:pointer;color:var(--txt);text-align:left;width:100%}
.eva-mini img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #bfe5d5}
.eva-mini b{display:block;font-size:14px}.eva-mini small{color:var(--sub);font-size:12px}
.principal{min-width:0;padding:22px clamp(16px,3vw,36px) 120px}
.entete{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.entete .titre{margin-right:auto;min-width:0}
.entete .eyebrow{font:800 11.5px var(--f-txt);letter-spacing:.16em;color:var(--menthe);text-transform:uppercase;margin:0 0 4px}
.haut-mobile{display:none}
.bas-mobile{display:none}
@media (max-width:980px){
  .cadre{grid-template-columns:1fr}
  .lateral{display:none}
  .haut-mobile{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;padding:10px 16px;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid var(--ligne)}
  .haut-mobile .marque img{height:34px}.haut-mobile .office{font-size:12px}
  .haut-mobile .marque{margin-right:auto}
  .principal{padding:16px 16px 110px}
  .bas-mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid var(--ligne);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .bas-mobile button{border:0;background:none;color:var(--sub);display:flex;flex-direction:column;align-items:center;gap:2px;font:700 11px var(--f-txt);padding:6px 2px;border-radius:10px;cursor:pointer}
  .bas-mobile button svg{width:21px;height:21px}
  .bas-mobile button[aria-current="page"]{color:var(--menthe)}
}
.tiroir-nav{position:fixed;inset:0;z-index:60;background:#000a;display:flex;align-items:flex-end}
.tiroir-nav .feuille{width:100%;max-height:82vh;overflow:auto;background:var(--fond);border-top:1px solid var(--ligne);border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px))}
.tiroir-nav .nav{overflow:visible}

/* Éléments communs */
.carte{background:#fff;border:1px solid var(--ligne);border-radius:var(--r);padding:18px;min-width:0}
.carte+.carte{margin-top:14px}
.grille{display:grid;gap:14px}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.split{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:14px;font:800 14.5px var(--f-txt);border:1px solid transparent;cursor:pointer;background:var(--menthe);color:#04140f;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent;color:var(--txt);border-color:var(--ligne2)}
.btn.ghost:hover{background:#eef6f2}
.btn.danger{background:transparent;color:var(--ko);border-color:#f1c4b8}
.btn.or{background:var(--or);color:#2a1c05;border:0}
.btn.sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:11px}
.btn:disabled{opacity:.5;cursor:default}
.btn svg{width:18px;height:18px}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--f-txt);padding:4px 10px;border-radius:99px;border:1px solid var(--ligne);color:var(--sub);background:#f7faf8}
.chip.ok{color:var(--ok);border-color:#bfe5d5}.chip.warn{color:var(--warn);border-color:#eedca9}.chip.ko{color:var(--ko);border-color:#f1c4b8}.chip.tq{color:var(--turquoise);border-color:#b5e3e4}.chip.or{color:var(--or1);border-color:#eedca9}
.fictif{font:800 10.5px var(--f-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--warn);border:1px dashed #eedca9;border-radius:6px;padding:1px 6px}
.vide{border:1px dashed var(--ligne);border-radius:16px;padding:18px;color:var(--sub);text-align:center}
.liste{display:flex;flex-direction:column;gap:8px}
.ligne{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;text-align:left;width:100%;background:var(--carte);border:1px solid var(--ligne);border-radius:14px;padding:12px 14px;color:var(--txt);cursor:pointer}
.ligne:hover{border-color:var(--ligne2)}
.ligne[aria-current="true"]{border-color:var(--menthe);background:var(--carte2)}
.ligne .ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eaf6f1;color:var(--menthe)}
.ligne .ico svg{width:18px;height:18px}
.ligne b{display:block;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.ligne small{display:block;color:var(--sub);font-size:12.5px;overflow-wrap:anywhere}
.ligne .droite{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.non-lu b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--turquoise);margin-right:7px;vertical-align:1px}
label.champ{display:grid;gap:5px;font-weight:700;font-size:13.5px;color:var(--sub)}
input,select,textarea{background:#f6f4ee;border:1px solid var(--ligne2);border-radius:12px;padding:10px 12px;color:var(--txt);font-size:15px;width:100%;min-width:0}
textarea{min-height:120px;resize:vertical;line-height:1.5}
.form{display:grid;gap:12px}
.form .deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.coche{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--txt)}
.coche input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--menthe)}
dl.fiche{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:8px 16px;margin:0}
dl.fiche dt{color:var(--mute);font-size:13px}dl.fiche dd{margin:0;overflow-wrap:anywhere}
.corps-mail{white-space:pre-wrap;background:#f6f4ee;border:1px solid var(--ligne);border-radius:14px;padding:14px;font-size:14.5px;overflow-wrap:anywhere}
.bandeau{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#fff6dc;border:1px solid #f3d27a;color:#6b4e00;font-size:13.5px}
.bandeau.info{background:#0d2622;border-color:#bfe5d5;color:#bfeee0}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--carte2);border:1px solid var(--menthe);color:var(--txt);padding:11px 16px;border-radius:14px;font-weight:700;max-width:min(92vw,520px);box-shadow:0 10px 40px #0008}
.toast.ko{border-color:var(--ko)}
@media (min-width:981px){.toast{bottom:24px}}
.ecran-centre{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:24px}
.barre{height:8px;border-radius:99px;background:#f7faf8;border:1px solid var(--ligne);overflow:hidden}
.barre i{display:block;height:100%;background:linear-gradient(90deg,var(--menthe),var(--turquoise));border-radius:99px}
.chargement{display:inline-block;width:16px;height:16px;border:2px solid #ffffff44;border-top-color:currentColor;border-radius:50%;animation:tourne .8s linear infinite;vertical-align:-3px}
@keyframes tourne{to{transform:rotate(360deg)}}

/* ÉVA : avatar vivant (vidéos officielles, recadrées sur le visage) */
.eva-video{position:relative;overflow:hidden;border-radius:50%;background:#f7faf8;border:2px solid #bfe5d5;box-shadow:0 0 0 6px #eef7f3,0 0 40px rgba(74,252,252,.12)}
.eva-video video,.eva-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.32);transform-origin:50% 22%}
.eva-video video{transition:opacity .25s}
.eva-video .bienvenue{transform:scale(1.07);transform-origin:50% 50%;object-position:50% 50%}
.eva-video.parlant{border-color:var(--turquoise);box-shadow:0 0 0 6px #eef7f3,0 0 50px rgba(74,252,252,.28)}

/* Accueil vocal (première ouverture) */
.accueil{position:fixed;inset:0;z-index:100;background:radial-gradient(900px 600px at 50% 30%,#0f2e27,#030807 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vh,26px);padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}
.accueil .marque{animation:apparait 1.4s ease both}
.accueil .eva-video{width:clamp(180px,34vh,300px);height:auto;aspect-ratio:1;animation:apparait 1.4s .5s ease both}
.accueil .bienvenue-cadre video{opacity:0;transition:opacity .3s}.accueil .bienvenue-cadre video.joue{opacity:1}
.accueil .bienvenue-cadre img{transform:scale(1.07);transform-origin:50% 50%;object-position:50% 50%}
.accueil .sous-titre{max-width:760px;min-height:6.2em;text-align:center;font:500 clamp(17px,2.3vw,22px)/1.5 var(--f-txt);color:#f2fbf8;text-wrap:pretty}
.accueil .sous-titre .ancien{color:var(--mute)}
.accueil .commandes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.accueil .note-voix{font-size:12.5px;color:var(--mute);text-align:center;max-width:560px}
.accueil .progression{width:min(420px,80vw)}
@keyframes apparait{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.accueil .marque,.accueil .eva-video{animation:none}}

/* Cockpit */
.hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:linear-gradient(120deg,#d8f8f4 0%,#eafbf3 50%,#fff3d6 100%);border:1px solid var(--ligne);border-radius:26px;padding:clamp(18px,3vw,28px);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(74,252,252,.10),transparent 70%);pointer-events:none}
.hero .eva-video{width:clamp(110px,14vw,150px);aspect-ratio:1}
.hero h1{font-size:clamp(24px,3vw,32px)}
.hero .briefing{font-size:16px;color:#dcefe8;margin:10px 0 0;max-width:68ch;white-space:pre-line}
@media (max-width:640px){.hero{grid-template-columns:1fr;justify-items:center;text-align:center}.hero .actions{justify-content:center}}
.decisions{display:flex;flex-direction:column;gap:8px}
.decision{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:12px 14px}
.decision .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf6f1;color:var(--menthe)}
.decision .ico svg{width:19px;height:19px}
.decision b{display:block}.decision small{color:var(--sub)}
@media (max-width:560px){.decision{grid-template-columns:auto minmax(0,1fr)}.decision .btn{grid-column:1/-1}}
.forum-j{font:800 44px/1 var(--f-titre);background:var(--or);-webkit-background-clip:text;background-clip:text;color:transparent}
.agenda-jour{display:flex;flex-direction:column;gap:6px}
.agenda-jour .rdv{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid #e3f1ec}
.agenda-jour .rdv time{font:800 14px var(--f-titre);color:var(--menthe);min-width:48px}

/* Conversation avec ÉVA (panneau) */
.panneau-eva{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:70;background:#fbfaf6;border-left:1px solid var(--ligne);display:flex;flex-direction:column;box-shadow:-20px 0 60px #0009;transform:translateX(105%);transition:transform .28s ease}
.panneau-eva.ouvert{transform:none}
.panneau-eva .tete{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ligne)}
.panneau-eva .tete .eva-video{width:48px;height:48px;border-width:2px;box-shadow:none}
.panneau-eva .tete b{display:block}.panneau-eva .tete small{color:var(--sub)}
.panneau-eva .fil{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.bulle{max-width:88%;padding:10px 14px;border-radius:16px;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.bulle.eva{background:#eaf6f1;border:1px solid #bfe5d5;align-self:flex-start;border-bottom-left-radius:6px}
.bulle.moi{background:#13221e;border:1px solid var(--ligne2);align-self:flex-end;border-bottom-right-radius:6px}
.proposition{align-self:stretch;border:1px dashed #eedca9;background:#16130a;border-radius:14px;padding:10px 12px;font-size:13.5px}
.proposition .actions{margin-top:8px}
.panneau-eva .saisie{display:flex;gap:8px;padding:12px;border-top:1px solid var(--ligne);align-items:flex-end}
.panneau-eva .saisie textarea{min-height:46px;max-height:140px}
.micro{width:46px;height:46px;border-radius:50%;border:1px solid var(--ligne2);background:#eef6f2;color:var(--menthe);display:grid;place-items:center;cursor:pointer;flex:none}
.micro.ecoute{background:var(--menthe);color:#04140f;box-shadow:0 0 0 6px rgba(100,237,189,.18)}
.micro svg{width:20px;height:20px}
.modes{display:flex;gap:6px;padding:8px 12px 0}

/* Visite guidée (démonstration) */
.visite{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:80;width:min(760px,calc(100vw - 24px));background:linear-gradient(135deg,#14110a,#0b1714);border:1px solid #eedca9;border-radius:20px;padding:14px 16px;box-shadow:0 18px 60px #000a;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
@media (min-width:981px){.visite{bottom:20px;left:calc(50% + 130px)}}
.visite .num{font:800 12px var(--f-txt);letter-spacing:.12em;color:var(--or1);text-transform:uppercase}
.visite .eva-video{width:52px;height:52px;box-shadow:none;border-width:2px}
.visite p{margin:2px 0 0;font-size:14.5px}
.visite .actions{grid-column:1/-1;margin-top:0;justify-content:flex-end}
body.visite-on .principal{padding-bottom:300px}
body.visite-on .toast{bottom:calc(240px + env(safe-area-inset-bottom,0px))}

/* Matrice des priorités (tâches) */
.matrice{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.matrice{grid-template-columns:1fr}}
.quadrant{background:var(--carte);border:1px solid var(--ligne);border-radius:18px;padding:14px;min-height:140px}
.quadrant h3{font-size:14px;margin-bottom:8px}
.quadrant.q1{border-color:#f1c4b8}.quadrant.q2{border-color:#bfe5d5}
.tache{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #e3f1ec;font-size:14px}
.tache input{width:19px;height:19px;flex:none;accent-color:var(--menthe);margin-top:2px}
.tache.faite span{text-decoration:line-through;color:var(--mute)}
.score{font:800 22px var(--f-titre);color:var(--menthe)}
.kpi-def{font-size:12.5px;color:var(--mute);margin-top:6px}
.kpi b{font:800 30px var(--f-titre);display:block;margin:2px 0}
.doc-apercu{white-space:pre-wrap;background:#f7f6f1;color:#1b1b1b;border-radius:12px;padding:28px;font:400 15px/1.6 Georgia,"Times New Roman",serif;max-height:70vh;overflow:auto}
@media print{body *{visibility:hidden}.impression,.impression *{visibility:visible}.impression{position:absolute;inset:0;max-height:none;overflow:visible;background:#fff}}
[hidden]{display:none!important}
.bandeau svg{width:20px;height:20px;flex:none;margin-top:1px}
@media (min-width:981px){body.eva-ouvert .visite{left:calc((100vw - 440px) / 2 + 130px);width:min(640px,calc(100vw - 440px - 300px))}}
@media (max-width:980px){body.eva-ouvert .visite{display:none}}

/* Accès rapides du cockpit */
.acces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
@media (max-width:900px){.acces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.acces{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acces-b{display:flex;gap:10px;align-items:center;text-align:left;background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:12px;color:var(--txt);cursor:pointer;min-width:0}
.acces-b:hover{border-color:var(--menthe)}
.acces-b svg{width:22px;height:22px;color:var(--menthe);flex:none}
.acces-b b{display:block;font-size:14.5px}.acces-b small{display:block;color:var(--sub);font-size:12px}

/* ── V3 : guide d'ÉVA, présentations centrales avec waveform, classeur, courriers, recherche ── */
.montre{outline:3px solid var(--or2)!important;outline-offset:4px;box-shadow:0 0 0 8px rgba(216,178,90,.25)!important;animation:montre 1.2s ease-in-out infinite}
@keyframes montre{50%{box-shadow:0 0 0 14px rgba(216,178,90,.08)}}
@media (prefers-reduced-motion:reduce){.montre{animation:none}}
.guide{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85;width:min(560px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;background:linear-gradient(135deg,#eaf6f1,#f7faf8);border:1px solid #a8d8c5;border-radius:22px;padding:16px;box-shadow:0 18px 60px #000b;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.guide .eva-video{box-shadow:none;border-width:2px}
.guide .num{font:800 11.5px var(--f-txt);letter-spacing:.12em;color:var(--menthe);text-transform:uppercase}
.guide p{margin:6px 0 0;font-size:15px;line-height:1.5}
.guide .actions{grid-column:1/-1;margin-top:4px}
@media (max-width:980px){.guide{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
body.guide-on .principal{padding-bottom:340px}
.petit-micro{width:36px;height:36px}
.micro.grand{width:64px;height:64px}.micro.grand svg{width:28px;height:28px}
.pres-centre{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:radial-gradient(700px 500px at 50% 40%,#0f2e27ee,#030807f2);padding:16px;transition:background .6s,opacity .6s}
.pres-centre.part{background:transparent;pointer-events:none}.pres-centre.part .st,.pres-centre.part .actions,.pres-centre.part .onde{opacity:0;transition:opacity .3s}
.pres-boite{display:grid;justify-items:center;gap:16px;max-width:640px;text-align:center}
.pres-boite .st{font:500 clamp(16px,2.2vw,20px)/1.55 var(--f-txt);color:#f2fbf8;margin:0;text-wrap:pretty}
.onde{display:flex;gap:4px;align-items:center;height:38px}
.onde i{display:block;width:4px;height:6px;border-radius:3px;background:linear-gradient(var(--turquoise),var(--menthe));opacity:.5;transition:height .2s}
.pres-centre.parle .onde i{animation:onde 1s ease-in-out infinite;opacity:1}
.onde i:nth-child(3n){animation-delay:.15s!important}.onde i:nth-child(3n+1){animation-delay:.3s!important}.onde i:nth-child(4n){animation-delay:.45s!important}.onde i:nth-child(5n){animation-delay:.6s!important}.onde i:nth-child(7n){animation-duration:.8s!important}
@keyframes onde{0%,100%{height:6px}30%{height:34px}60%{height:14px}}
@media (prefers-reduced-motion:reduce){.pres-centre.parle .onde i{animation:none;height:18px}}
.depot{display:grid;gap:4px;justify-items:center;text-align:center;border:2px dashed #a8d8c5;border-radius:18px;padding:22px;margin-bottom:12px;cursor:pointer;background:#f4f9f7}
.depot b{display:flex;gap:8px;align-items:center;font-size:15.5px}.depot b svg{width:20px;height:20px}
.depot.survol,.depot:hover{border-color:var(--menthe);background:#0f2621}
.dossier{display:flex;gap:10px;align-items:center;width:100%;border:0;background:none;color:var(--sub);padding:8px 10px;border-radius:10px;cursor:pointer;text-align:left;font-weight:700;font-size:14px}
.dossier svg{width:17px;height:17px;flex:none}.dossier small{margin-left:auto;font-size:12px;color:var(--mute)}
.dossier:hover{background:#eef6f2;color:var(--txt)}.dossier.on{background:#d9f3ea;color:#fff}
.arbre,.arbre ul{list-style:none;margin:0;padding:0}.arbre ul{padding-left:14px;border-left:1px solid var(--ligne);margin-left:12px}
.ico-f{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf6f1;color:var(--menthe);flex:none}.ico-f svg{width:19px;height:19px}
.dictee{display:flex;gap:14px;align-items:flex-start;background:#f4f9f7;border:1px solid var(--ligne);border-radius:18px;padding:14px}
.recherche-panneau{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:88;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 20px 60px #000c;border-radius:20px}
.presentation{display:none}
/* ÉVA Recrutement : modèles d'affiche et formats */
.modeles{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 14px}
.modele{display:grid;gap:6px;justify-items:center;padding:8px;border-radius:14px;border:2px solid var(--ligne);background:var(--carte2);color:var(--txt);cursor:pointer;font:600 13px "DM Sans",sans-serif}
.modele canvas{width:96px;height:auto;border-radius:6px;display:block}
.modele.on{border-color:var(--logo);box-shadow:0 0 0 3px rgba(0,238,242,.18)}
.formats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:14px;align-items:start}
.format{margin:0;display:grid;gap:8px}
.format canvas{width:100%;height:auto;border-radius:10px;border:1px solid var(--ligne);background:#fff;display:block}
.format figcaption{display:grid;gap:6px;font-size:13px}
.btn:disabled,.btn[aria-disabled="true"],.btn.inactif{opacity:.42;cursor:not-allowed;filter:grayscale(.6);box-shadow:none}
.fond-choix{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}
.couleur{display:flex;gap:10px;align-items:center}.couleur input[type=color]{width:56px;height:40px;padding:2px;border-radius:10px;border:1px solid var(--ligne2);background:var(--carte2);cursor:pointer}
.couleur output{font:600 13px "DM Sans",sans-serif;color:var(--sub);text-transform:uppercase}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}
.logo-bloc{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--ligne);border-radius:14px;background:var(--carte2)}
.logo-apercu{height:72px;display:grid;place-items:center;border-radius:10px;background:repeating-conic-gradient(#e9e9e9 0% 25%,#fff 0% 50%) 50%/16px 16px}
.logo-apercu img{max-height:60px;max-width:90%;object-fit:contain}
.logo-apercu .mute{color:#555}
/* Forum : onglets et Studio ÉVA */
.onglets-forum{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--ligne)}
.onglets-forum button{font:600 13.5px "DM Sans",sans-serif;padding:8px 12px;border-radius:999px;border:1px solid var(--ligne);background:var(--carte);color:var(--sub);cursor:pointer}
.onglets-forum button.on{background:var(--menthe);color:#04110d;border-color:var(--menthe)}
.aide{width:22px;height:22px;border-radius:50%;border:1px solid var(--ligne2);background:var(--carte2);color:var(--menthe);font:800 12px "DM Sans",sans-serif;cursor:pointer;vertical-align:middle;margin-left:6px}
.bulle-aide{margin:8px 0;padding:10px 12px;border-radius:12px;background:#eaf6f1;border:1px solid var(--ligne2);color:var(--txt);font:500 13.5px/1.5 "DM Sans",sans-serif}
.champ-fiche{display:grid;gap:4px}
.table-structures{display:grid;gap:8px;margin-top:12px}
.ligne-structure{display:grid;grid-template-columns:120px minmax(140px,1fr) 150px 190px auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--ligne);border-radius:14px;background:var(--carte2)}
.ls-logo{display:grid;gap:4px;justify-items:center}.ls-logo img{max-width:110px;max-height:46px;background:#fff;border-radius:6px;padding:4px;object-fit:contain}
.ls-nom{display:grid;gap:2px;min-width:0}.ls-nom b{overflow-wrap:anywhere}.ls-supports{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}
@media (max-width:1100px){.ligne-structure{grid-template-columns:100px 1fr;}.ligne-structure>select,.ligne-structure>.ls-supports,.ligne-structure>.actions{grid-column:1/-1}}
.studio{display:grid;grid-template-columns:270px minmax(0,1fr) 250px;gap:14px;align-items:start}
@media (max-width:1180px){.studio{grid-template-columns:1fr}}
.studio-gauche,.studio-droite{display:grid;gap:8px;padding:14px}
.formats-studio{display:flex;flex-wrap:wrap;gap:6px}
.couleurs-studio{display:grid;gap:6px}.couleurs-studio label{display:flex;gap:8px;align-items:center;font-size:13px}.couleurs-studio input{width:40px;height:30px;border-radius:8px;border:1px solid var(--ligne2);padding:1px;background:transparent}
.studio-centre{display:grid;gap:12px;min-width:0}
.studio-barre{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.studio-page{position:relative;width:100%;max-width:720px;margin:auto;background:#f4f8f6;border-radius:12px;overflow:hidden}
.studio-page canvas{display:block}
.calque{position:absolute;left:0;top:0}
.calque .bloc{position:absolute;border:1px dashed transparent;cursor:move;touch-action:none}
.calque .bloc:hover{border-color:rgba(0,238,242,.55)}
.calque .bloc.sel{border:2px solid var(--logo);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.calque .bloc.verrou{cursor:default}
.calque .poignee{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:4px;background:var(--logo);border:2px solid #fff;cursor:nwse-resize}
.calque .repere{position:absolute;background:rgba(0,238,242,.35);pointer-events:none}.calque .repere.v{top:0;bottom:0;width:1px}.calque .repere.h{left:0;right:0;height:1px}
.calque .marges{position:absolute;border:1px dashed rgba(255,209,102,.5);pointer-events:none}
.calques{display:grid;gap:4px;max-height:60vh;overflow:auto}
.eva-commande{margin:0}
.comparaison{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:12px 0}.comparaison figure{margin:0;display:grid;gap:6px;justify-items:center}.comparaison canvas{max-width:100%;height:auto;border-radius:8px}
.apercu-post{background:#fff;color:#1d1d1d;border-radius:12px;padding:12px;display:grid;gap:8px}.apercu-post canvas{width:100%;height:auto;border-radius:6px}
.ap-tete{display:flex;gap:8px;align-items:center}.ap-tete img{height:28px}.ap-texte{white-space:pre-wrap;margin:0;font:400 13.5px/1.45 "DM Sans",sans-serif}
.apercu-post .mute{color:#555}
.page-lien{background:var(--fond)}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-900-normal.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}

.fond-studio{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--logo);background:#e7f7f6}
.fond-boutons{display:grid;gap:6px}.fond-boutons .btn{justify-content:flex-start}
.champ.petit{font-size:12.5px}.champ.petit input[type=range]{width:100%}
.chip.qualite.ok{color:var(--ok)}.chip.qualite.warn{color:var(--warn);border-color:#eedca9}.chip.qualite.bad{color:var(--ko);border-color:#f1c4b8}
.table-structures.bande .ligne-structure{border-color:#b5e3e4}
.depot{display:grid;gap:4px;justify-items:center;padding:22px;margin:10px 0;border:2px dashed var(--ligne2);border-radius:14px;cursor:pointer;text-align:center}.depot.survol{border-color:var(--logo);background:#e7f7f6}
.import-ligne{grid-template-columns:auto 1fr minmax(160px,240px)}.import-ligne .ico img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:6px}
.import-ligne select{max-width:240px}
.biblio-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.biblio-item{display:grid;gap:4px;padding:8px;border:1px solid var(--ligne);border-radius:12px;background:var(--carte2);color:var(--txt);cursor:pointer;text-align:left}.biblio-item img{width:100%;height:100px;object-fit:cover;border-radius:8px;background:#f4f8f6}
.scene-video{display:grid;grid-template-columns:1fr 90px 110px;gap:8px;align-items:end}
@media (max-width:700px){.scene-video{grid-template-columns:1fr 1fr}.scene-video>label:first-child{grid-column:1/-1}}
.guide-etapes ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px;font-size:13.5px}
.verif .v-ok .ico{color:var(--ok)}.verif .v-warn .ico{color:var(--warn)}.verif .v-bad .ico{color:var(--ko)}.verif .v-bad{border-color:#f1c4b8}
.calque .bloc.bandeau-bas{border:1px dashed rgba(0,238,242,.35)}
.studio>*{min-width:0}
.studio-gauche select,.studio-gauche .champ input:not([type=checkbox]):not([type=color]):not([type=range]){width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis}
.studio-gauche .champ{min-width:0}.studio-gauche input[type=range]{width:100%;box-sizing:border-box;margin:4px 0 0}
.salon-reglages{display:grid;gap:6px;padding:10px;border-radius:12px;background:#0b1a18;border:1px solid var(--ligne)}
.histo-boutons{display:inline-flex;gap:6px}.histo-boutons .btn{background:var(--carte2);color:var(--txt);border:1px solid var(--logo)}.histo-boutons .btn:disabled{opacity:.4;border-color:var(--ligne)}
.studio-gauche .btn{white-space:normal;max-width:100%;text-align:left;height:auto}
.modeles-plage{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 4px}
.modele-carte{position:relative;flex:0 0 auto}
.modele-vignette{display:grid;gap:4px;width:118px;padding:6px;border:1px solid var(--ligne);border-radius:12px;background:var(--carte2);color:var(--txt);cursor:pointer;text-align:left;font:600 12px "DM Sans",sans-serif}
.modele-vignette:hover{border-color:var(--logo)}.modele-vignette img{width:100%;height:auto;border-radius:6px;background:#fff}
.modele-retirer{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid #f1c4b8;background:var(--carte);color:var(--ko);cursor:pointer;font-weight:800}
.fiche-rapide{display:grid;gap:6px;padding:10px;margin:6px 0;border-radius:12px;border:1px solid var(--logo);background:#e7f7f6}
/* Réglages qui défilent seuls : l'affiche reste immobile pendant qu'on monte ou descend dans les réglages */
@media (min-width:1181px){
  .studio{align-items:start}
  .studio-gauche,.studio-droite{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}
.studio-droite select,.studio-droite textarea,.studio-droite .champ input:not([type=checkbox]):not([type=range]){width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.studio-droite .champ,.studio-droite .deux{min-width:0}.studio-droite .deux{grid-template-columns:1fr}.studio-droite input[type=range]{width:100%;box-sizing:border-box}
.studio-droite .btn{white-space:normal;max-width:100%;height:auto}
.depot-logo{position:relative;display:grid;place-items:center;width:110px;min-height:50px;border:1px dashed var(--ligne2);border-radius:8px;cursor:pointer;padding:2px}
.depot-logo:hover,.depot-logo.survol{border-color:var(--logo);background:#e7f7f6}
.depot-logo .depot-aide{position:absolute;bottom:-1px;right:-1px;font:700 10px "DM Sans",sans-serif;background:var(--logo);color:#04110d;border-radius:6px 0 8px 0;padding:1px 5px;opacity:0}
.depot-logo:hover .depot-aide{opacity:1}
.valider-logo{padding:4px 10px;font-size:12.5px}
.mot-eva{display:block;margin-bottom:6px;font-style:italic;color:var(--menthe)}
/* ═══ Studio — écran simple « Mon affiche » (3 actions) */
.atelier-tete{display:flex;gap:12px;align-items:center;margin:0 0 10px;flex-wrap:wrap}
.simple{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.simple-etape{display:flex;gap:16px;align-items:flex-start}
.simple-etape .num{flex:0 0 36px;height:36px;border-radius:50%;background:#00EEF2;color:#04211f;font-weight:800;display:grid;place-items:center;font-size:17px}
.simple-corps{flex:1;min-width:0}
.simple-corps>b{display:block;font-size:19px;margin:5px 0 10px}
.simple-types,.simple-formats{display:flex;gap:12px;flex-wrap:wrap}
.simple-type{flex:1 1 150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:16px;border:1.5px solid rgba(0,0,0,.09);background:rgba(0,0,0,.02);color:inherit;font:700 18px/1 inherit;cursor:pointer}
.simple-type svg{width:24px;height:24px}
.simple-format{flex:1 1 140px;padding:14px;border-radius:14px;border:1.5px solid rgba(0,0,0,.09);background:rgba(0,0,0,.02);color:inherit;font:700 17px/1.2 inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.simple-format small{font-weight:500;font-size:12px;opacity:.6}
.simple-type.on,.simple-format.on{border-color:#00EEF2;background:rgba(0,238,242,.10);box-shadow:0 0 0 3px rgba(0,238,242,.15)}
.simple-consigne{display:flex;gap:8px;align-items:stretch;margin-top:6px}
.simple-consigne textarea{flex:1;font-size:16px}
.simple-generer{width:100%;padding:22px;border:0;border-radius:18px;background:#00EEF2;color:#04211f;font:900 24px/1 inherit;letter-spacing:.5px;cursor:pointer;box-shadow:0 10px 30px rgba(0,238,242,.25)}
.simple-generer:hover{filter:brightness(1.06)}
.simple-generer:disabled{opacity:.6;cursor:wait}
.simple-infos-ev{margin-top:12px;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;opacity:.9}
.simple-infos-ev svg{width:18px;height:18px}
.simple-aconfirmer{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.lien-mini{background:none;border:0;color:#00EEF2;font-weight:700;cursor:pointer;padding:0 0 0 6px;font-size:inherit}
.simple-resultat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.simple-apercu img{width:100%;height:auto;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.45);display:block}
.simple-apercu.portrait img{max-height:80vh;width:auto;max-width:100%;margin:0 auto}
.simple-infos>b{font-size:20px;display:block;margin-bottom:6px}
.simple-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.simple-actions .btn{justify-content:center;padding:14px;font-size:16px}
@media (max-width:820px){.simple-resultat{grid-template-columns:1fr}}

/* ═══ Thème « joie » (octobre 2026) : clair, lumineux, une couleur par rubrique */
body{background:radial-gradient(1000px 520px at 90% -10%,#c9f5ee66,transparent),radial-gradient(800px 460px at -10% 110%,#ffe7b355,transparent),#fbfaf6}
.lateral{background:#fff;border-right:1px solid #ece7dc}
.lateral .marque,.haut-mobile .marque,.tiroir-nav .marque{background:#0b1f1a;border-radius:16px;padding:10px 14px;align-self:flex-start}
.marque img{filter:none}
.nav button{color:#46564f;font-size:15px;padding:9px 10px}
.nav button .pt{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#00b3b8) 15%,white);color:var(--c,#00b3b8);flex:none}
.nav button .pt svg{opacity:1}
.nav button:hover{background:color-mix(in srgb,var(--c,#00b3b8) 8%,white);color:#1b2a26}
.nav button[aria-current="page"]{background:var(--c,#00b3b8);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--c,#00b3b8) 35%,transparent)}
.nav button[aria-current="page"] .pt{background:rgba(255,255,255,.25);color:#fff}
.nav .pastille{background:#ff7a59;color:#fff}
.eva-mini{background:linear-gradient(135deg,#00c2c7,#3ddc97);color:#fff;border:0}
.eva-mini small{color:#effffb}.eva-mini img{border-color:#fff}
.carte,.ligne-liste,.decision{box-shadow:0 4px 18px rgba(60,50,20,.05)}
.btn{color:#fff;background:#00b3b8}
.btn.or{background:linear-gradient(100deg,#ffd166,#ffb84d);color:#3b2a00}
.bas-mobile{background:#fffffff2}

/* Écrans « cinéma » (accueil vidéo, présentations, visite guidée) : ils restent sombres, textes clairs */
.accueil,.pres-centre,.visite{--txt:#eef7f3;--sub:#b3c7bf;--mute:#7f978e;--ligne:#1f3d33;--ligne2:#2d564a;--carte:#0d1a17;color:#eef7f3}
.accueil .btn.ghost,.pres-centre .btn.ghost,.visite .btn.ghost{color:#eef7f3}
.bandeau.info{background:#e9f8f5;border-color:#bfe5d5;color:#24564a}
.hero .briefing{color:#2f4a43}
.hero .briefing .mot-eva{color:#0a8f86}
.panneau-eva{box-shadow:none}.panneau-eva.ouvert{box-shadow:-20px 0 60px rgba(0,0,0,.18)}
.entete .eyebrow{color:#0a9c95}
.forum-j{background:linear-gradient(100deg,#ff8c42,#f0a020);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow,.hero p.eyebrow{color:#b07b00}
:root{--or1:#a87400}
/* Ma journée */
.hero-joie{background:linear-gradient(120deg,#c8f5ef 0%,#dff8e9 45%,#fff0c9 100%)!important;border:0!important}
.hero-sous{font-size:19px;font-weight:700;color:#1b2a26;margin:6px 0 0}
.hero .briefing{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
.btn-g{min-height:50px;padding:12px 22px;font-size:16px;border-radius:16px}
.demande-eva{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0;padding:10px 12px;border-radius:18px;border:1px solid var(--ligne);background:#fff;color:var(--mute);font:500 15.5px var(--f-txt);text-align:left;cursor:pointer;box-shadow:0 4px 18px rgba(60,50,20,.05)}
.demande-eva>span:nth-child(2){flex:1}
.demande-eva:hover{border-color:#00b3b8}
.micro-rond{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e3f8f7;color:#00a9ae;border:1px solid #9fe3e1}
.micro-rond svg{width:20px;height:20px}
.acces-b{border-top:4px solid var(--c,#00b3b8)!important}
.acces-b svg{color:var(--c,#00b3b8)}
.groupe-titre{font:800 12px var(--f-txt);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:14px 2px 8px}
.decision .ico{background:color-mix(in srgb,var(--c,#00b3b8) 14%,white)!important;color:var(--c,#00b3b8)!important}
/* Agenda Jour / Semaine / Mois */
.segments{display:inline-flex;background:#fff;border:1px solid var(--ligne);border-radius:14px;padding:3px}
.segments button{border:0;background:none;padding:8px 16px;border-radius:11px;font:800 14px var(--f-txt);color:var(--sub);cursor:pointer}
.segments button.on{background:#f0a020;color:#fff}
.filtres{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.filtre{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;border:1px solid var(--ligne);background:#fff;font:700 14px var(--f-txt);color:var(--txt);cursor:pointer}
.filtre i{font-style:normal;background:#f1eee6;border-radius:99px;padding:0 8px;font-size:12px}
.filtre.on{background:var(--c-filtre,#1b2a26);color:#fff;border-color:transparent}.filtre.on i{background:rgba(255,255,255,.2)}
.pt-warn,.pt-ok,.pt-ko{width:10px;height:10px;border-radius:3px;display:inline-block}.pt-warn{background:#f0a020}.pt-ok{background:#00b3b8}.pt-ko{background:#d9502f}
.agenda-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.agenda-zone.avec-detail{grid-template-columns:minmax(0,1fr) 340px}
.agenda-cal{background:#fff;border:1px solid var(--ligne);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(60,50,20,.05)}
.cal-grille{display:grid}
.cal-tete{padding:10px 6px;text-align:center;font:800 13.5px var(--f-txt);color:var(--sub);border-bottom:1px solid var(--ligne);text-transform:capitalize}
.cal-tete.auj{color:#f0a020}
.cal-heures div{font-size:12px;color:var(--mute);text-align:right;padding:2px 8px 0 0;box-sizing:border-box;border-top:1px solid #f3f0e8}
.cal-col{position:relative;border-left:1px solid var(--ligne)}
.cal-col.auj{background:#fffaf0}
.cal-col i{display:block;border-top:1px solid #f3f0e8;box-sizing:border-box}
.rdv-bloc{position:absolute;left:5px;right:5px;border:0;border-radius:10px;padding:5px 8px;text-align:left;cursor:pointer;overflow:hidden;font:700 13px/1.25 var(--f-txt);color:#1b2a26;display:flex;flex-direction:column;gap:1px}
.rdv-bloc small{font-weight:500;color:#4f6159}
.rdv-bloc.confirmed,.rdv-mini.confirmed{background:#dcf6f5;border-left:4px solid #00b3b8}
.rdv-bloc.proposed,.rdv-mini.proposed{background:#fff1d4;border-left:4px solid #f0a020}
.rdv-bloc.cancelled,.rdv-mini.cancelled{background:#fde4dd;border-left:4px solid #d9502f;text-decoration:line-through}
.rdv-bloc.done,.rdv-mini.done{background:#eef1ef;border-left:4px solid #9aa9a3}
.rdv-bloc:hover,.rdv-mini:hover{filter:brightness(.97)}
.cal-mois{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal-case{min-height:108px;border-top:1px solid var(--ligne);border-left:1px solid var(--ligne);padding:6px;display:flex;flex-direction:column;gap:3px}
.cal-case.hors{opacity:.4}.cal-case.auj{background:#fffaf0}.cal-case.auj>b{color:#f0a020}
.rdv-mini{border:0;border-radius:7px;padding:2px 6px;font:700 11.5px var(--f-txt);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1b2a26}
.rdv-detail{position:sticky;top:16px}
.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
@media (max-width:980px){.agenda-zone.avec-detail{grid-template-columns:1fr}}
/* Mails */
.avatar-ini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 14px var(--f-titre);background:#ddf5ea;color:#169a5f;flex:none}
.avatar-ini.grand{width:50px;height:50px;font-size:17px}
.ligne-mail{align-items:center}
.ligne-mail small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mail-de{display:flex;gap:14px;align-items:center}
.mail-de b{display:block;font-size:18px}.mail-de small{color:var(--sub)}
.mail-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.resume-mail{font-size:19px;line-height:1.5;margin:0 0 10px;color:#1b2a26}
.mail-cles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cle{display:inline-flex;gap:6px;align-items:center;background:#eaf8f1;color:#17734c;border-radius:12px;padding:6px 12px;font-weight:700;font-size:14px}
.cle svg{width:16px;height:16px}.cle.warn{background:#fff3d6;color:#8a5a00}
.mail-complet summary{cursor:pointer;color:#0a9c95;font-weight:700;margin:6px 0}
.autres-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--ligne)}
.reponse-eva{border-left:5px solid #22b573}
.reponse-eva h2{display:flex;align-items:center;gap:10px}
p>svg,.petit svg,small svg,span.mute svg{width:16px;height:16px;vertical-align:-3px;flex:none}
.proposition{background:#fff8e6!important;border:1px dashed #f0c565!important;color:#3b3200!important}
.proposition .btn.ghost{color:#3b3200}
/* Courriers */
.dictee-grande{border-top:5px solid #22b573}
.dictee-grande .dictee b{font-size:18px}
.dictee-grande textarea{font-size:16px;min-height:90px}
.idees{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
.segments svg{width:16px;height:16px;vertical-align:-3px}
.details-courrier summary{cursor:pointer;padding:2px 0}
.details-courrier[open] summary{margin-bottom:10px}
.dictee-grande .segments button.on{background:#22b573}
/* Contacts */
.grille-contacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.carte-contact{background:#fff}
.carte-contact small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carte-contact .avatar-ini svg{width:18px;height:18px}
:where(body) svg:where(:not([width])){width:20px;height:20px}
/* Classeur */
.classeur-accueil .depot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px;border:2px dashed #7fdcb9;background:#f0fbf6;border-radius:18px}
.classeur-accueil .depot b{font-size:19px}
.tuiles-dossiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:4px 0 10px}
.tuile-dossier{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--ligne);background:#fff;cursor:pointer;text-align:left;box-shadow:0 4px 18px rgba(60,50,20,.05);color:var(--txt);font:inherit}
.tuile-dossier .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,white);color:var(--c)}
.tuile-dossier .ic svg{width:24px;height:24px}
.tuile-dossier b{font-size:16.5px}.tuile-dossier small{color:var(--sub)}
.tuile-dossier:hover{border-color:var(--c);transform:translateY(-1px)}
.tuile-dossier.ajout{border-style:dashed;justify-content:center;align-items:center;color:var(--sub)}
/* Recrutement */
.note-ia{margin:0 0 12px;font-size:13.5px;color:var(--sub)}
.note-ia summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}
.note-ia summary span{color:#0a9c95;font-weight:700}
.qui-quoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.qui-quoi>div{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--ligne);border-radius:16px;padding:14px;box-shadow:0 4px 18px rgba(60,50,20,.05);font-size:14px;color:var(--sub)}
.qui-quoi svg{color:#e39b00;width:24px;height:24px;flex:none}
.qui-quoi b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b07b00;margin-bottom:2px}
.etapes-rec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.etapes-rec>div{background:#fff;border:1px solid var(--ligne);border-radius:16px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.etapes-rec .n{width:32px;height:32px;border-radius:50%;background:#e39b00;color:#fff;font-weight:800;display:grid;place-items:center}
.etapes-rec small{color:var(--sub)}
@media (max-width:980px){.qui-quoi,.etapes-rec{grid-template-columns:1fr 1fr}}
.score{background:#e3f6f5!important;color:#00898d!important;border-radius:12px!important;padding:6px 10px!important;font:800 18px var(--f-titre)!important;min-width:46px;text-align:center}
/* Tâches */
.ajout-tache{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:10px 12px;margin-bottom:14px;box-shadow:0 4px 18px rgba(60,50,20,.05)}
.ajout-tache .plus{color:#ff7a59;display:grid;place-items:center}
.ajout-tache input[name=t]{flex:1;min-width:220px;border:0;background:none;font-size:15.5px;padding:8px 4px;outline:none}
.ajout-tache input[type=date]{width:auto}
.colonnes-taches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.col-tache{background:#fff;border:1px solid var(--ligne);border-top:5px solid var(--c);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:180px;box-shadow:0 4px 18px rgba(60,50,20,.05)}
.col-tache h3{font-size:18px;display:flex;gap:8px;align-items:center}.col-tache h3 span{color:var(--mute);font-size:15px}
.tache-carte{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--ligne);border-radius:14px;cursor:pointer;background:#fdfcf9}
.tache-carte input{width:20px;height:20px;accent-color:var(--c,#2cc98d);margin-top:2px;flex:none}
.tache-carte span{flex:1;min-width:0}.tache-carte b{display:block;font-weight:700}
.tache-carte small{color:var(--sub)}.tache-carte small.retard{color:#d9502f;font-weight:700}
.tache-carte.faite b{text-decoration:line-through;color:var(--mute)}
.etoile-imp{color:#f0a020;font-size:16px}
.propositions-eva{border-left:5px solid #00b3b8}
@media (max-width:980px){.colonnes-taches{grid-template-columns:1fr}}
/* Indicateurs */
.kpi-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.kpi-tuile{background:#fff;border:1px solid var(--ligne);border-top:5px solid var(--c);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 18px rgba(60,50,20,.05);cursor:help}
.kpi-tuile small{color:var(--sub);font-weight:700}
.kpi-tuile b{font:800 40px/1 var(--f-titre);color:#1b2a26}
.tache-carte{position:relative}.tache-carte b{padding-right:18px}
.etoile-imp{position:absolute;right:10px;top:8px}
/* Forum */
.lieu-inline{display:inline-block;width:auto;min-width:220px;padding:4px 10px;border-radius:10px;font-weight:700}
.forum-tuiles{display:grid;grid-template-columns:240px repeat(3,minmax(0,1fr));gap:12px}
.forum-compte{border-radius:20px;padding:18px;background:linear-gradient(135deg,#ff8c42,#ffc15e);color:#fff;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 24px rgba(255,140,66,.3)}
.forum-compte b{font:800 46px/1 var(--f-titre)}
.forum-tuile{background:#fff;border:1px solid var(--ligne);border-top:5px solid var(--c);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;box-shadow:0 4px 18px rgba(60,50,20,.05)}
.forum-tuile .t{display:flex;gap:8px;align-items:center;font-size:17px}.forum-tuile .t svg{color:var(--c)}
.forum-tuile .btn{margin-top:auto}
.etapes-forum{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.etape-forum{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ligne);border-radius:14px;cursor:pointer}
.etape-forum .n{width:30px;height:30px;border-radius:50%;background:#ff8c42;color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
.etape-forum small{display:block;color:var(--sub)}
.etape-forum input{width:22px;height:22px;accent-color:#ff8c42}
@media (max-width:980px){.forum-tuiles{grid-template-columns:1fr 1fr}}
/* Réglages */
.reglages-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.reg{border-top:5px solid var(--c)}
.reg-large{grid-column:1/-1}
.jauge{height:10px;border-radius:9px;background:#efebe2;margin-top:12px;overflow:hidden}.jauge i{display:block;height:100%;background:#00b3b8;border-radius:9px}
.branchements{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.avance>summary{cursor:pointer;font-weight:800;color:var(--sub);padding:12px 4px;display:flex;gap:8px;align-items:center}
.avance[open]>summary{margin-bottom:10px}
.avance>section{margin-bottom:12px}
.avance table tr{border-top:1px solid var(--ligne)!important}
@media (max-width:980px){.reglages-grille{grid-template-columns:1fr}}
.reglages-grille>.reg-large{order:5}.reglages-grille>.avance{order:6}