/* Polices hébergées sur le serveur (aucun appel à Google, conforme nLPD) */
@font-face{font-family:"Atkinson Hyperlegible";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:500;font-display:swap;src:url(fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
/* Layout: application shell. Petrol sidebar on desktop, bottom tab bar on phones. The exercise screen is an office desk: inbox message on the left, the document to fill on the right. Yellow is reserved for the one next action. */
:root{
  --bg:#eef2f2; --surface:#ffffff; --sunken:#f5f7f7; --ink:#14272b; --muted:#4a5c61; --line:#d5dfe0;
  --brand:#0f4c5c; --brand-deep:#0a3843; --brand-ink:#e9f3f4; --brand-soft:#dcebed;
  --go:#ffc53d; --go-ink:#1d2a14;
  --rh:#c0436f; --mkt:#c9741c; --fin:#3a5fc4; --log:#23876a; --trainer:#0f4c5c;
  --ok:#1b7a4a; --err:#b7322a; --warn:#9a6200;
  --video:#0b1a1e;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --shadow:0 1px 2px rgba(15,60,70,.06),0 8px 24px -16px rgba(15,60,70,.35);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d1517; --surface:#152124; --sunken:#111b1e; --ink:#e6eff0; --muted:#97aaae; --line:#26363a;
  --brand:#0b3a45; --brand-deep:#082c35; --brand-ink:#e3f0f2; --brand-soft:#1b3439;
  --go:#ffcf5c; --go-ink:#1d2a14;
  --rh:#f07ba3; --mkt:#f0a75a; --fin:#8aa6f5; --log:#5fcfa8; --trainer:#7fc6d4;
  --ok:#5fd394; --err:#ff8f86; --warn:#f0c060; --video:#050c0e;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -16px rgba(0,0,0,.7); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0d1517; --surface:#152124; --sunken:#111b1e; --ink:#e6eff0; --muted:#97aaae; --line:#26363a;
  --brand:#0b3a45; --brand-deep:#082c35; --brand-ink:#e3f0f2; --brand-soft:#1b3439;
  --go:#ffcf5c; --go-ink:#1d2a14;
  --rh:#f07ba3; --mkt:#f0a75a; --fin:#8aa6f5; --log:#5fcfa8; --trainer:#7fc6d4;
  --ok:#5fd394; --err:#ff8f86; --warn:#f0c060; --video:#050c0e;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -16px rgba(0,0,0,.7); color-scheme:dark}

*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:1rem;line-height:1.5}
h1,h2,h3{font-family:var(--f-display);line-height:1.12;text-wrap:balance;margin:0;font-weight:700}
h1{font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:-.015em}
h2{font-size:1.3rem;letter-spacing:-.01em}
h3{font-size:1.05rem}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--go);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:.95em}
.muted{color:var(--muted)}
.small{font-size:.9rem}

/* Departments */
.d-rh{--d:var(--rh)} .d-mkt{--d:var(--mkt)} .d-fin{--d:var(--fin)} .d-log{--d:var(--log)} .d-trainer{--d:var(--trainer)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--d);background:color-mix(in srgb,var(--d) 12%,transparent);border-radius:999px;padding:3px 10px;white-space:nowrap}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--d)}

/* Wordmark */
.wm{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;font-size:1.35rem;line-height:1;white-space:nowrap}
.wm .apo{color:var(--go);display:inline-block;transform:translateY(-.05em) skewX(-12deg);margin:0 .02em}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 18px;min-height:46px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--muted)}
.btn.go{background:var(--go);border-color:var(--go);color:var(--go-ink)}
.btn.go:hover{filter:brightness(.96)}
.btn.dark{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.sm{min-height:36px;padding:6px 12px;font-size:.88rem;border-radius:8px}
.btn.plain{background:transparent;border-color:transparent}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* ===== Login ===== */
.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.login-brand{background:var(--brand);color:var(--brand-ink);padding:40px clamp(20px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.login-brand h1{font-size:clamp(2rem,4.4vw,3.2rem);max-width:14ch;color:var(--brand-ink)}
.login-brand p{max-width:42ch;opacity:.85}
.chain-mini{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chain-mini span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:.88rem}
.chain-mini i{width:18px;height:2px;background:var(--go);display:block}
.login-form{padding:40px clamp(16px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:560px;width:100%;margin:0 auto}
.input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 14px;min-height:48px}
.input:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 30%,transparent);outline-offset:0}
.lf{display:flex;flex-direction:column;gap:6px}
.lf label{font-weight:700;font-size:.92rem}
.demo{display:flex;flex-direction:column;gap:8px}
.demo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.demo-btn{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);background:var(--surface);border-radius:10px;cursor:pointer;text-align:left;min-width:0}
.demo-btn:hover,.demo-btn[aria-pressed="true"]{border-color:var(--d);box-shadow:inset 0 0 0 1px var(--d)}
.demo-btn b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-btn .tag{font-size:.78rem;padding:1px 8px;white-space:normal}
.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.88rem;flex:none;background:color-mix(in srgb,var(--d) 16%,var(--surface));color:var(--d)}
.err-msg{color:var(--err);font-size:.9rem;font-weight:700}
@media (max-width:820px){.login{grid-template-columns:minmax(0,1fr)}.login-brand{padding-block:28px;gap:20px}.login-brand .chain-mini{display:none}}
@media (max-width:420px){.demo-list{grid-template-columns:minmax(0,1fr)}}

/* ===== Shell ===== */
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100%}
.side{background:var(--brand);color:var(--brand-ink);position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:28px;padding:24px 16px}
.side .wm{padding:0 10px}
.nav{display:flex;flex-direction:column;gap:4px}
.nav button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;color:var(--brand-ink);padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700;opacity:.78;text-align:left}
.nav button:hover{opacity:1;background:rgba(255,255,255,.06)}
.nav button[aria-current="page"]{opacity:1;background:rgba(255,255,255,.12)}
.nav button[aria-current="page"] svg{color:var(--go)}
.nav svg{width:20px;height:20px;flex:none}
.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(0,0,0,.18)}
.side-user .av{background:rgba(255,255,255,.14);color:var(--brand-ink)}
.side-user b{display:block;font-size:.92rem}
.side-user span{font-size:.84rem;opacity:.75}
.side-user button{margin-left:auto;background:transparent;border:0;color:var(--brand-ink);opacity:.7;cursor:pointer;padding:6px;border-radius:6px}
.side-user button:hover{opacity:1}
.mobilebar{display:none}
.tabbar{display:none}
.content{min-width:0;padding-inline:clamp(16px,3.5vw,44px);padding-block:32px 64px}
.page{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.page-head p{max-width:60ch;margin-top:6px}

@media (max-width:860px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{display:none}
  .mobilebar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brand);color:var(--brand-ink);padding:12px 16px;position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
  .mobilebar button{background:transparent;border:0;color:var(--brand-ink);font-size:.88rem;cursor:pointer;opacity:.85}
  .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:0;color:var(--muted);font-size:.78rem;font-weight:700;padding:6px 2px;cursor:pointer;border-radius:8px}
  .tabbar button[aria-current="page"]{color:var(--brand)}
  .tabbar svg{width:22px;height:22px}
  .content{padding-block:20px 96px}
}

/* Cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.pad{padding:22px}

/* ===== Home ===== */
.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:1040px){.home-grid{grid-template-columns:minmax(0,1fr)}}
.mission{position:relative;overflow:hidden;border-radius:20px;background:var(--brand);color:var(--brand-ink);padding:28px;display:flex;flex-direction:column;gap:18px}
.mission::after{content:"’";position:absolute;right:-10px;top:-70px;font-family:var(--f-display);font-weight:800;font-size:300px;line-height:1;color:var(--go);opacity:.14;transform:skewX(-12deg);pointer-events:none}
.mission .from{display:flex;align-items:center;gap:12px}
.mission .from .av{background:var(--go);color:var(--go-ink)}
.mission .from b{display:block}
.mission .from span{font-size:.88rem;opacity:.8}
.mission h2{font-size:clamp(1.4rem,2.8vw,1.9rem);max-width:24ch;color:var(--brand-ink)}
.mission .meta{display:flex;flex-wrap:wrap;gap:8px}
.mission .meta span{background:rgba(255,255,255,.1);border-radius:999px;padding:4px 12px;font-size:.88rem}
.mission .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mission .wait{font-size:.92rem;opacity:.85;max-width:46ch}

.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fact{padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.fact strong{font-family:var(--f-display);font-size:1.8rem;font-variant-numeric:tabular-nums;line-height:1.1}
.fact span{font-size:.88rem;color:var(--muted)}
@media (max-width:520px){.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.facts .fact:last-child{grid-column:1/-1}}

.chain{display:flex;flex-direction:column;gap:0}
.chain-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;position:relative;padding-bottom:18px}
.chain-step:last-child{padding-bottom:0}
.chain-step:not(:last-child)::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--line)}
.chain-step.done:not(:last-child)::before{background:var(--d)}
.chain-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;border:2px solid var(--d);color:var(--d);background:var(--surface);position:relative;z-index:1}
.chain-step.done .chain-dot{background:var(--d);color:var(--surface)}
.chain-step.now .chain-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--d) 20%,transparent)}
.chain-step b{display:block;line-height:1.3}
.chain-step .muted{font-size:.88rem}

/* ===== Exercise list ===== */
.filters{display:flex;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;width:fit-content;max-width:100%}
.filters button{border:0;background:transparent;border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer;color:var(--muted)}
.filters button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.exgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.excard{display:flex;flex-direction:column;gap:14px;padding:20px;border-top:4px solid var(--d)}
.excard h3{font-size:1.12rem}
.excard .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.excard .info{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
.excard .info span{display:inline-flex;align-items:center;gap:5px}
.excard .info svg{width:15px;height:15px}
.excard .dep{font-size:.88rem;color:var(--muted);background:var(--sunken);border-radius:8px;padding:8px 10px}
.excard .dep b{color:var(--ink)}
.excard .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.lvl{display:inline-flex;gap:3px;align-items:center}
.lvl i{width:8px;height:8px;border-radius:2px;background:var(--line)}
.lvl i.on{background:var(--d)}
.status{font-size:.87rem;font-weight:700}
.status.ok{color:var(--ok)} .status.wait{color:var(--warn)} .status.lock{color:var(--muted)}

/* ===== Exercise workspace ===== */
.crumb{display:flex;align-items:center;gap:8px;font-size:.92rem;flex-wrap:wrap}
.crumb button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-weight:700}
.crumb button:hover{color:var(--ink)}
.desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
@media (max-width:1080px){.desk{grid-template-columns:minmax(0,1fr)}}
.col{display:flex;flex-direction:column;gap:16px;min-width:0}
.stick{position:sticky;top:20px}
@media (max-width:1080px){.stick{position:static}}

.mail{overflow:hidden}
.mail-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.mail-from{display:flex;align-items:center;gap:12px}
.mail-from b{display:block}
.mail-from .small{color:var(--muted)}
.mail-from time{margin-left:auto;font-size:.87rem;color:var(--muted);white-space:nowrap}
.mail-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.video{background:var(--video);border-radius:12px;overflow:hidden;color:#eef6f7}
.screen{position:relative;aspect-ratio:16/9;max-width:100%;display:grid;place-items:center;background:radial-gradient(110% 90% at 50% 25%,#1d3a40 0%,var(--video) 72%)}
.face{width:88px;height:88px;border-radius:50%;background:#c0436f;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.7rem;color:#fff}
.playing .face{animation:talk 1.3s ease-in-out infinite}
@keyframes talk{0%,100%{box-shadow:0 0 0 0 rgba(255,197,61,.5)}50%{box-shadow:0 0 0 12px rgba(255,197,61,0)}}
@media (prefers-reduced-motion:reduce){.playing .face{animation:none}}
.vname{position:absolute;left:12px;top:12px;font-size:.82rem;background:rgba(0,0,0,.45);padding:4px 9px;border-radius:6px}
.subs{position:absolute;left:5%;right:5%;bottom:12px;text-align:center;font-size:clamp(.86rem,2.2vw,1.05rem);line-height:1.4}
.subs span{background:rgba(0,0,0,.75);color:#fff;padding:3px 8px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bigplay{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;border:0;background:var(--go);color:var(--go-ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
.vctl{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}
.vctl button{background:rgba(255,255,255,.08);border:0;color:#eef6f7;border-radius:8px;padding:7px 11px;cursor:pointer;font-size:.88rem;min-height:36px;font-weight:700}
.vctl button:hover{background:rgba(255,255,255,.16)}
.vbar{flex:1;min-width:70px;height:5px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.vbar i{display:block;height:100%;width:0;background:var(--go);transition:width .3s linear}
.vtime{font-family:var(--f-mono);font-size:.84rem;opacity:.8}
.vctl label{display:flex;align-items:center;gap:6px;font-size:.88rem}
.transcript{background:var(--sunken);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.attach{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--sunken);cursor:pointer;width:100%;text-align:left}
.attach:hover{border-color:var(--muted)}
.attach .ic{width:40px;height:48px;border-radius:6px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--err);flex:none}
.attach b{display:block}
.attach span{font-size:.87rem;color:var(--muted)}
.attach .chev{margin-left:auto;transition:transform .2s}
.attach[aria-expanded="true"] .chev{transform:rotate(180deg)}

.paper{background:#fdfdfb;color:#1b1f20;border-radius:6px;padding:22px;border:1px solid #d9dcd6;box-shadow:0 12px 28px -18px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:14px}
.paper-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;border-bottom:2px solid #1b1f20;padding-bottom:10px}
.paper-head b{font-family:var(--f-display);font-size:1.15rem}
.paper-head span{font-size:.84rem;color:#5a6264}
.paper dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;font-size:.94rem}
.paper dt{color:#5a6264}
.paper dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:700}
.paper .sig{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;color:#5a6264;border-top:1px dashed #c8ccc6;padding-top:10px;flex-wrap:wrap}
.paper .sig i{font-family:"Brush Script MT",cursive;font-size:1.3rem;color:#22408a}
@media (max-width:440px){.paper dl{grid-template-columns:minmax(0,1fr);gap:2px}.paper dd{margin-bottom:8px}}

form.fiche{display:flex;flex-direction:column}
.fiche-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fiche-head .doc{display:flex;align-items:center;gap:12px}
.fiche-head .docic{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--d) 14%,transparent);color:var(--d);display:grid;place-items:center;flex:none}
.progress{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--muted)}
.progress .pb{width:110px;height:6px;border-radius:3px;background:var(--sunken);overflow:hidden;border:1px solid var(--line)}
.progress .pb i{display:block;height:100%;background:var(--d);transition:width .2s}
.switch{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer;font-weight:700}
.switch input{appearance:none;width:42px;height:24px;border-radius:12px;background:var(--line);position:relative;cursor:pointer;flex:none;margin:0}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:left .15s}
.switch input:checked{background:var(--brand)}
.switch input:checked::after{left:21px}
.fiche-body{padding:8px 22px 22px;display:flex;flex-direction:column;gap:26px}
fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
legend{font-family:var(--f-display);font-weight:700;font-size:1.02rem;padding:16px 0 12px;width:100%;grid-column:1/-1;display:flex;align-items:center;gap:10px}
legend::after{content:"";flex:1;height:1px;background:var(--line)}
@media (max-width:540px){fieldset{grid-template-columns:minmax(0,1fr)}}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field.wide{grid-column:1/-1}
.field label{font-weight:700;font-size:.9rem}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--sunken);border-radius:10px;padding:11px 13px;min-height:46px}
.field textarea{min-height:90px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--d);background:var(--surface);outline:3px solid color-mix(in srgb,var(--d) 22%,transparent);outline-offset:0}
.hint{font-size:.84rem;color:var(--muted);display:flex;gap:5px;align-items:flex-start}
.hint svg{width:14px;height:14px;flex:none;margin-top:2px}
.field.good input,.field.good select{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,var(--surface))}
.field.bad input,.field.bad select{border-color:var(--err);background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.fb{font-size:.86rem;font-weight:700;display:flex;align-items:center;gap:5px}
.field.good .fb{color:var(--ok)} .field.bad .fb{color:var(--err)}
.fiche-foot{padding:18px 22px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--sunken);border-radius:0 0 16px 16px}

.result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:22px}
@media (max-width:480px){.result{grid-template-columns:minmax(0,1fr)}}
.ring{width:110px;height:110px;position:relative;flex:none}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-size:1.5rem;font-variant-numeric:tabular-nums}
.result .txt{display:flex;flex-direction:column;gap:10px}
.result .actions{display:flex;gap:10px;flex-wrap:wrap}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--brand);color:var(--brand-ink);padding:12px 18px;border-radius:12px;font-weight:700;box-shadow:var(--shadow);z-index:20;display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px)}
@media (max-width:860px){.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* ===== Results / trainer ===== */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:760px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.86rem;color:var(--muted);font-weight:700;background:var(--sunken)}
tr:last-child td{border-bottom:0}
td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.who-cell{display:flex;align-items:center;gap:10px}
.who-cell .av{width:34px;height:34px;font-size:.84rem}
tr.detail td{background:var(--sunken)}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.errlist{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.errlist span{font-size:.86rem;border-radius:6px;padding:2px 8px;background:color-mix(in srgb,var(--err) 12%,transparent);color:var(--err);font-weight:700}
.bars{display:flex;flex-direction:column;gap:14px}
.barrow{display:grid;grid-template-columns:140px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:.92rem}
.barrow .track{height:10px;border-radius:5px;background:var(--sunken);border:1px solid var(--line);overflow:hidden}
.barrow .track i{display:block;height:100%;background:var(--d)}
.barrow .v{font-family:var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}
.empty{padding:28px;text-align:center;color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:1040px){.two{grid-template-columns:minmax(0,1fr)}}

.dsel{min-height:38px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);border-left:5px solid var(--d);background:var(--sunken);max-width:100%;cursor:pointer}
.addform{display:flex;flex-direction:column;gap:14px}
.addform .lf input,.addform .lf select{min-height:46px}
.preview{background:var(--sunken);border-radius:10px;padding:12px 14px;font-size:.9rem;display:flex;flex-direction:column;gap:4px}
.preview b{font-family:var(--f-mono);font-weight:500}
.confirm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.88rem}
.archived{display:flex;flex-direction:column}
.archived .row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.archived .row:first-child{border-top:0}

body{margin:0}
[hidden]{display:none!important}
img,video{max-width:100%}
.video video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.loading{min-height:100%;display:grid;place-items:center;color:var(--muted)}
.secret{background:var(--sunken);border:1px dashed var(--brand);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.secret b{font-family:var(--f-mono);font-size:1.15rem;letter-spacing:.02em}
.feedback{background:color-mix(in srgb,var(--ok) 9%,var(--surface));border-radius:10px;padding:10px 12px;font-size:.9rem}
.fbbox{width:100%;min-height:70px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);resize:vertical;margin-top:8px}
.side-user .keys{margin-left:0}
.trainers{display:flex;flex-direction:column;gap:10px}
.trainers .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trainer-test{font-size:.9rem;background:color-mix(in srgb,var(--go) 22%,var(--surface));border-radius:10px;padding:10px 14px}
.addgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;align-items:end}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px;align-items:start}
.who-cell b{white-space:nowrap}
.addgrid .input{height:48px}

/* ===== Éditeur de missions ===== */
.stack-ed{display:flex;flex-direction:column;gap:20px}
.ed-sec{display:flex;flex-direction:column;gap:16px}
.ed-sec h2{display:flex;align-items:center;gap:10px}
.ed-n{width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:.95rem;flex:none}
.ed-sec textarea.input{min-height:0;resize:vertical;line-height:1.45}
.addgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
.addgrid2.tight{grid-template-columns:repeat(2,minmax(0,1fr))}
.ed-item{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--sunken)}
.ed-item .input{background:var(--surface)}
.ed-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ed-tools{display:flex;gap:2px;flex-wrap:wrap}
.ed-tools .btn{min-height:32px;padding:4px 8px}
.ed-add{display:flex;gap:10px;flex-wrap:wrap}
.ed-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ed-file a{color:var(--brand);font-weight:700}
.ed-video{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border:1px dashed var(--line);border-radius:12px;padding:14px}
.ed-bar{position:sticky;bottom:0;z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px 18px;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
@media (max-width:860px){.ed-bar{position:static}}
.ed-bar .actions{display:flex;gap:10px;flex-wrap:wrap}

/* ===== Mission : variantes ===== */
.desk.solo{grid-template-columns:minmax(0,860px)}
.mail-text{display:flex;flex-direction:column;gap:10px;font-size:.98rem}
.paper dd.full{grid-column:1/-1}
.img-doc{margin:0;padding:10px;gap:8px}
.img-doc img{display:block;width:100%;height:auto;border-radius:4px}
.img-doc figcaption{color:#5a6264}
a.attach{text-decoration:none;color:inherit}

/* ===== Version 1.2 : nouveaux types, copies, correction ===== */
.nav button{position:relative}
.badge{margin-left:auto;background:var(--go);color:var(--go-ink);border-radius:999px;font-size:.78rem;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px}
.tabbar .badge{position:absolute;top:2px;right:calc(50% - 22px);margin:0;min-width:18px;height:18px;font-size:.72rem}
.status.redo{color:var(--err)}
.flabel{font-weight:700;font-size:.9rem;display:block}
.field textarea.long{min-height:260px}
.opts{display:flex;flex-direction:column;gap:6px}
.opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sunken);cursor:pointer;font-weight:400}
.opt input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--brand)}
.opt:has(input:checked){border-color:var(--d,var(--brand));background:color-mix(in srgb,var(--d,var(--brand)) 8%,var(--surface))}
.field.good .opts .opt{border-color:var(--ok)} .field.bad .opts .opt{border-color:var(--err)}
.fb.okc{color:var(--ok)} .fb.badc{color:var(--err)}
.grid-wrap{border:1px solid var(--line);border-radius:10px}
table.grid{width:100%;min-width:0;border-collapse:collapse;font-size:.92rem}
table.grid th{background:var(--sunken);font-size:.84rem;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
table.grid th[scope=row]{color:var(--ink);font-weight:700;white-space:normal;min-width:110px}
table.grid td{padding:4px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);min-width:120px;vertical-align:top}
table.grid tr:last-child td,table.grid tr:last-child th{border-bottom:0}
table.grid input{width:100%;border:1px solid transparent;background:transparent;border-radius:6px;padding:8px;min-height:38px}
table.grid input:focus{border-color:var(--d,var(--brand));background:var(--surface);outline:2px solid color-mix(in srgb,var(--d,var(--brand)) 22%,transparent);outline-offset:0}
table.grid td.good{background:color-mix(in srgb,var(--ok) 10%,var(--surface))}
table.grid td.bad{background:color-mix(in srgb,var(--err) 9%,var(--surface))}
table.grid.ro td{padding:10px}
table.grid.ed input{border-color:var(--line);background:var(--surface)}
table.grid .exp{display:block;font-size:.82rem;color:var(--ok);margin-top:4px}
.info-block{grid-column:1/-1;background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-left:4px solid var(--brand);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.ans-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:10px;padding:12px}
.ans-file a,.ans-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;overflow-wrap:anywhere}
.comment{display:flex;gap:8px;align-items:flex-start;background:color-mix(in srgb,var(--go) 22%,var(--surface));border-radius:10px;padding:10px 12px;font-size:.92rem}
.comment svg{flex:none;margin-top:3px}
.redo-box{background:color-mix(in srgb,var(--err) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--err) 35%,var(--line));border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.text-doc{gap:10px;font-size:.95rem;line-height:1.55}
.rv{align-items:start}
.rv-side{position:sticky;top:20px}
@media (max-width:1040px){.rv-side{position:static}}
.rv-sheet{gap:22px}
.rv-sec{display:flex;flex-direction:column;gap:12px}
.rv-sec h3{font-size:1rem;display:flex;align-items:center;gap:10px}
.rv-sec h3::after{content:"";flex:1;height:1px;background:var(--line)}
.rv-item{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.rv-item.manual{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.rv-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.rv-mark{display:inline-flex;align-items:center;gap:4px;font-size:.86rem;font-weight:700;white-space:nowrap}
.rv-mark.okc{color:var(--ok)} .rv-mark.badc{color:var(--err)} .rv-mark.read{color:var(--brand)}
.ans-val{font-size:1rem}
.ans-free{background:var(--sunken);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;white-space:normal}
.ans-list{margin:0;padding-left:20px}
.expected{font-size:.88rem;color:var(--ok)}
.rv-add{align-self:flex-start;color:var(--muted)}
.rv-comment{display:flex;flex-direction:column;gap:4px}
.tbl-cols{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tbl-col{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface)}
.tbl-col .input{min-height:38px;padding:6px 10px;width:auto;max-width:200px}
.ed-info{border-style:dashed}
.field .opt{font-weight:400;font-size:.98rem;align-items:center}
.field .opt input{width:20px;height:20px;min-height:0;padding:0;margin:0;border:0;background:none}
.field.good .opt input,.field.bad .opt input{background:none}

/* ===== Version 1.3 : passeport, niveaux, domaines ===== */
:root{--lv-decouvrir:#7b8a8f;--lv-encours:#c98a0c;--lv-valide:#1f8a55;--lv-autonome:#0f4c5c;--lv-none:#d5dfe0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lv-decouvrir:#9aa9ad;--lv-encours:#f0b84a;--lv-valide:#5fd394;--lv-autonome:#7fc6d4;--lv-none:#2c3c40}}
:root[data-theme="dark"]{--lv-decouvrir:#9aa9ad;--lv-encours:#f0b84a;--lv-valide:#5fd394;--lv-autonome:#7fc6d4;--lv-none:#2c3c40}
.lv-decouvrir{--lv:var(--lv-decouvrir)} .lv-encours{--lv:var(--lv-encours)} .lv-valide{--lv:var(--lv-valide)} .lv-autonome{--lv:var(--lv-autonome)} .lv-none{--lv:var(--lv-none)}
.lvchip{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;border-radius:999px;padding:3px 10px;color:var(--lv);background:color-mix(in srgb,var(--lv) 14%,transparent);white-space:nowrap}
.lvchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lv)}
.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.small-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.levels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lvopt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;background:var(--sunken);font-weight:700;font-size:.92rem}
.lvopt input{accent-color:var(--lv);width:18px;height:18px;margin:0;flex:none}
.field .lvopt input{width:18px;height:18px;min-height:0;padding:0;border:0;background:none}
.lvopt:has(input:checked){border-color:var(--lv);background:color-mix(in srgb,var(--lv) 12%,var(--surface));color:var(--ink)}
.pp-card{gap:12px}
.pp-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--sunken);gap:2px}
.pp-bar i,.pp-legend i{display:block;background:var(--lv)}
.pp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.86rem;color:var(--muted)}
.pp-legend span{display:inline-flex;align-items:center;gap:6px}
.pp-legend i{width:10px;height:10px;border-radius:3px}
.pp-group{gap:10px}
.pp-rows{display:flex;flex-direction:column}
.pp-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pp-row:first-child{border-top:0}
.pp-no{width:32px;height:32px;border-radius:8px;background:var(--sunken);display:grid;place-items:center;font-family:var(--f-mono);font-size:.88rem;color:var(--muted)}
.pp-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.pp-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media (max-width:560px){.pp-row{grid-template-columns:32px minmax(0,1fr)}.pp-row>.btn,.pp-row>.confirm{grid-column:2}}
.pp-tag{align-self:flex-start;font-size:.78rem;font-weight:700;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:6px;padding:1px 8px}
.mgroup{display:flex;flex-direction:column;gap:12px}
.mgroup h2{display:flex;align-items:baseline;gap:8px}
.pack{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:2px dashed color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:none}
.pack>div:first-child{max-width:62ch}

/* ===== Version 1.4 : référents et responsables ===== */
.ref-sel{border-left-color:var(--brand);min-width:160px}
.trow{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.trow:first-child{border-top:0}
.trow .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.heads{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-left:48px}
@media (max-width:560px){.heads{padding-left:0}}
.headchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:700;cursor:pointer;background:var(--sunken)}
.headchip input{accent-color:var(--d);margin:0}
.headchip:has(input:checked){border-color:var(--d);color:var(--d);background:color-mix(in srgb,var(--d) 10%,var(--surface))}
.switch.small{font-size:.86rem;margin-left:6px}
.switch.small input{width:34px;height:20px}
.switch.small input::after{width:14px;height:14px}
.switch.small input:checked::after{left:17px}
.adm-tag{font-size:.76rem;font-weight:700;color:var(--go-ink);background:var(--go);border-radius:6px;padding:1px 6px;margin-left:4px}
td .confirm{flex-wrap:nowrap} td .btn.sm{white-space:nowrap}

/* ===== Version 1.6 : vue bénéficiaire, onglets de missions ===== */
.viewbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:color-mix(in srgb,var(--go) 30%,var(--surface));border-bottom:2px solid var(--go);padding:10px clamp(16px,3.5vw,44px);font-size:.92rem}
.viewbar span{display:inline-flex;align-items:center;gap:8px}
@media (max-width:860px){.viewbar{top:calc(env(safe-area-inset-top,0px) + 58px)}}
.kindtabs{display:flex;gap:0;border-bottom:2px solid var(--line);flex-wrap:wrap}
.kindtabs button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 18px;font-weight:700;font-size:1.02rem;color:var(--muted);cursor:pointer}
.kindtabs button svg{width:20px;height:20px}
.kindtabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--brand)}
.kindtabs .cnt{font-size:.84rem;background:var(--sunken);border:1px solid var(--line);border-radius:999px;padding:0 8px;color:var(--muted)}
.kindtabs button[aria-selected="true"] .cnt{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.kindnote{margin-top:-12px}
.filters.scope button[aria-pressed="true"]{background:var(--go);color:var(--go-ink)}
.dir-tools{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.mine-chip{font-size:.82rem;font-weight:700;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:999px;padding:2px 10px;white-space:nowrap}
.tabbar button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tabbar button{position:relative;min-width:0}

/* ===== 1.8 · Parcours, test chronométré, rapport ===== */
.kchip{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;letter-spacing:.01em;border-radius:6px;padding:2px 8px;white-space:nowrap;vertical-align:middle;
  color:var(--brand);background:var(--brand-soft)}
.kchip svg{width:13px;height:13px}
.kchip.k-auto{color:#6b3fa0;background:color-mix(in srgb,#6b3fa0 12%,transparent)}
.kchip.k-test{color:var(--go-ink);background:var(--go)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kchip.k-auto{color:#c9a5f2}}
:root[data-theme="dark"] .kchip.k-auto{color:#c9a5f2}
.page-head .kchip{margin-bottom:8px}
.status.skip{color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.status.lock{display:inline-flex;align-items:center;gap:4px}
.status.cur{color:var(--brand)}
.mission-step{font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:-10px}
.pbar{height:10px;border-radius:5px;background:var(--sunken);border:1px solid var(--line);overflow:hidden}
.pbar i{display:block;height:100%;background:var(--ok);border-radius:5px}

/* Parcours du bénéficiaire */
.ptl-head{display:flex;flex-direction:column;gap:10px}
.ptl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ptl-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;position:relative;padding-bottom:14px}
.ptl-step:not(:last-child)::before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--line)}
.ptl-step.is-done:not(:last-child)::before{background:var(--d)}
.ptl-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:2px solid var(--d);color:var(--d);background:var(--surface);position:relative;z-index:1;font-variant-numeric:tabular-nums}
.ptl-step.is-done .ptl-dot{background:var(--d);color:var(--surface)}
.ptl-step.st-wait:not(.is-done) .ptl-dot{background:color-mix(in srgb,var(--d) 18%,var(--surface))}
.ptl-step.st-locked .ptl-dot{border-color:var(--line);color:var(--muted)}
.ptl-step.now .ptl-dot{box-shadow:0 0 0 6px color-mix(in srgb,var(--d) 22%,transparent)}
.ptl-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px;border-left:4px solid var(--d)}
.ptl-card.k-test{border-left-color:var(--go)}
.ptl-step.st-locked .ptl-card{opacity:.72;box-shadow:none;border-left-color:var(--line)}
.ptl-step.now .ptl-card{outline:2px solid color-mix(in srgb,var(--d) 45%,transparent)}
.ptl-card .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ptl-card .info{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
.ptl-card .info span{display:inline-flex;align-items:center;gap:5px}
.ptl-card .info svg{width:15px;height:15px}
.ptl-card .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.test-ask{border:2px solid var(--go);background:color-mix(in srgb,var(--go) 14%,var(--surface));border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.mission .test-ask{background:rgba(255,255,255,.08);color:var(--brand-ink)}
.mission .test-ask .btn:not(.go){background:transparent;color:var(--brand-ink);border-color:rgba(255,255,255,.35)}
@media (max-width:520px){.ptl-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.ptl-dot{width:32px;height:32px;font-size:.88rem}.ptl-step:not(:last-child)::before{left:15px;top:32px}}

/* Parcours côté formateur */
.pgroup{display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--d)}
.pg-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pg-head h2{display:flex;align-items:center;gap:10px}
.pg-head .dot{width:12px;height:12px;border-radius:50%;background:var(--d)}
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.prow{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.prow.draft{background:var(--sunken);border-style:dashed}
.pno{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.88rem;background:color-mix(in srgb,var(--d) 14%,transparent);color:var(--d);font-variant-numeric:tabular-nums}
.pmain{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.pmain b{line-height:1.3}
.pmove{display:flex;gap:2px}
.pmove .btn{min-height:36px;padding:6px 8px}
.pmove .btn[disabled]{opacity:.3;cursor:default}
@media (max-width:980px){.prow{grid-template-columns:34px minmax(0,1fr) auto}.prow>.confirm{grid-column:2/-1}.prow>.status{grid-column:2;grid-row:2;justify-self:start}.prow>.pmove{grid-row:1;grid-column:3}}

/* Éditeur : type de mission */
.kindpick{border:0;padding:0;margin:0;min-width:0;display:block}
.kp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.kindpick legend{font-weight:700;margin-bottom:8px;padding:0;float:left;width:100%}
.kindpick legend+*{clear:both}
.kp{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;background:var(--surface)}
.kp input{margin-top:4px;accent-color:var(--brand);width:18px;height:18px;flex:none}
.kp>span{display:flex;flex-direction:column;gap:6px}
.kp:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
@media (max-width:560px){.kp-grid{grid-template-columns:minmax(0,1fr)}}

/* Test chronométré */
.chrono{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--brand);color:var(--brand-ink);border-radius:14px;padding:12px 18px;box-shadow:var(--shadow)}
.chrono>svg{width:24px;height:24px;color:var(--go)}
.chrono b{font-family:var(--f-mono);font-size:1.4rem;font-variant-numeric:tabular-nums}
.chrono .small{opacity:.8}
.chrono.over{background:#7a4a00}
.chrono.over>svg{color:#fff}
@media (max-width:860px){.chrono{top:calc(env(safe-area-inset-top,0px) + 62px)}}
.send-ask{border:2px solid var(--go)}

/* Rapport du test */
.report{display:flex;flex-direction:column;gap:18px;border-top:5px solid var(--muted)}
.report.rep-ok{border-top-color:var(--ok)} .report.rep-near{border-top-color:var(--warn)} .report.rep-bad{border-top-color:var(--err)} .report.rep-none{border-top-color:var(--go)}
.rep-head{display:flex;gap:14px;align-items:flex-start}
.rep-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--muted)}
.rep-badge svg{width:24px;height:24px}
.rep-ok .rep-badge{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.rep-near .rep-badge{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.rep-bad .rep-badge{background:color-mix(in srgb,var(--err) 14%,transparent);color:var(--err)}
.rep-none .rep-badge{background:color-mix(in srgb,var(--go) 30%,transparent);color:var(--go-ink)}
.rep-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rep-tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--sunken)}
.rep-tile span{font-size:.87rem;color:var(--muted);font-weight:700}
.rep-tile strong{font-family:var(--f-display);font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1.15}
.rep-tile small{font-size:.86rem;color:var(--muted)}
.rep-tile.okc strong{color:var(--ok)} .rep-tile.warnc strong{color:var(--warn)} .rep-tile.badc strong{color:var(--err)}
.rep-dom{display:flex;flex-direction:column;gap:10px}
.rep-dom .barrow{grid-template-columns:minmax(120px,190px) minmax(0,1fr) 48px}
.barrow.okb{--d:var(--ok)} .barrow.warnb{--d:var(--warn)} .barrow.badb{--d:var(--err)}
@media (max-width:560px){.rep-tiles{grid-template-columns:minmax(0,1fr)}.rep-dom .barrow{grid-template-columns:minmax(0,1fr) 44px}.rep-dom .barrow .track{grid-column:1/-1;grid-row:2}}
.pc-table td{vertical-align:top}
.pc-table tr.st-skip td{color:var(--muted)}
.pc-table .kchip{margin-bottom:4px}
.print-only{display:none}

@media print{
  body{background:#fff;font-size:12px}
  .side,.tabbar,.mobilebar,.viewbar,.noprint,.toast{display:none!important}
  .shell{display:block}
  .content{padding:0}
  .page{max-width:none;gap:14px}
  .card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
  .print-only{display:inline}
  .facts{grid-template-columns:repeat(5,1fr)!important}
  .rep-tiles{grid-template-columns:repeat(3,1fr)}
}
.pc-table .status{white-space:nowrap}

/* ===== 1.9 · Niveaux, corrigé à la correction ===== */
.expected{display:block;margin-top:6px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ink);font-size:.9rem}
.expected b{color:var(--ok)}
.expected.is-ok{background:none;padding:0;color:var(--muted);font-size:.87rem}
.expected.is-ok b{color:var(--muted);font-weight:700}
.expected svg{vertical-align:-2px;color:var(--ok)}
.model{margin-top:8px;border:1px dashed color-mix(in srgb,var(--ok) 55%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--ok) 6%,var(--surface))}
.model summary{cursor:pointer;padding:8px 12px;font-weight:700;font-size:.88rem;color:var(--ok)}
.model-body{padding:0 12px 10px;font-size:.92rem;display:flex;flex-direction:column;gap:6px}
.lvl-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-family:var(--f-display);font-weight:800;background:var(--brand);color:var(--brand-ink);flex:none}
.lvl-badge.sm{width:22px;height:22px;border-radius:6px;font-size:.84rem;vertical-align:middle;margin-right:6px}
.lvl-sec{display:flex;flex-direction:column;gap:14px}
.lvl-head{display:flex;gap:12px;align-items:center}
.lvl-head h2{font-size:1.25rem}
.lv1 .lvl-badge{background:var(--log)} .lv2 .lvl-badge{background:var(--warn)} .lv3 .lvl-badge{background:var(--err)}
.lvl-sec.lv-locked .lvl-head{opacity:.65}
.lvl-sec.lv-done .lvl-badge{background:var(--ok)}
.lvl-mini{display:flex;gap:8px;flex-wrap:wrap}
.lvl-mini span{font-size:.86rem;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:2px 10px;color:var(--muted)}
.lvl-mini span.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}
.plvl{display:flex;align-items:center;gap:8px;font-weight:700;padding:10px 4px 2px;flex-wrap:wrap}
.plvl .muted{font-weight:400}
.lvl-row td{background:var(--sunken);font-weight:700}
.rep-list{display:flex;flex-direction:column;gap:14px}
.rep-wrap{display:flex;flex-direction:column;gap:8px}
.rep-lvl{font-weight:700;display:flex;align-items:center}
.rep-small{padding-block:14px}
.rep-small h3{display:flex;align-items:center}
.lvl-preview{list-style:none;margin:0;padding:12px 16px;display:flex;flex-direction:column;gap:8px;border:1px dashed var(--line);border-radius:14px;background:var(--sunken)}
.lvl-preview li{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.92rem;flex-wrap:wrap}
.purge{border:2px solid var(--err);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--err) 6%,var(--surface))}

/* ===== 1.11 · Groupes et départements ===== */
:root{--c1:#7d4fb8;--c2:#0b8591;--c3:#b4532a;--c4:#5f7012;--c5:#a63a86;--c6:#4a6276}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--c1:#c3a2f0;--c2:#5fd0d9;--c3:#f0a07a;--c4:#bccd6a;--c5:#ec98d3;--c6:#a8bfd0}}
:root[data-theme="dark"]{--c1:#c3a2f0;--c2:#5fd0d9;--c3:#f0a07a;--c4:#bccd6a;--c5:#ec98d3;--c6:#a8bfd0}
.d-c1{--d:var(--c1)} .d-c2{--d:var(--c2)} .d-c3{--d:var(--c3)} .d-c4{--d:var(--c4)} .d-c5{--d:var(--c5)} .d-c6{--d:var(--c6)}
.grp-list{display:flex;flex-direction:column;gap:14px}
.grp-box{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--sunken)}
.grp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.grp-badge{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--brand);color:var(--brand-ink);border-radius:6px;padding:2px 8px}
.grp-name{max-width:220px;font-weight:700;font-family:var(--f-display);font-size:1.05rem}
.dept-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dept-row{display:grid;grid-template-columns:14px minmax(140px,1fr) 150px auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--d);border-radius:10px;padding:8px 10px}
.dept-row .dot{width:12px;height:12px;border-radius:50%;background:var(--d)}
.dept-row .input{min-height:40px;padding:6px 10px}
.dept-row .btn[disabled]{opacity:.4;cursor:not-allowed}
.addline{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
@media (max-width:760px){.dept-row{grid-template-columns:14px minmax(0,1fr)}.dept-row>*:nth-child(n+3){grid-column:2}}
.rn-btn{border:0;background:none;color:var(--muted);cursor:pointer;padding:2px 4px;margin-left:4px;border-radius:6px;vertical-align:middle}
.rn-btn:hover{color:var(--ink);background:var(--sunken)}
.rename{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.rename .input{min-height:38px;padding:6px 10px;width:200px}
.mode-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.mode-opt{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}
.mode-opt input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand);flex:none}
.mode-opt>span{display:flex;flex-direction:column;gap:4px}
.mode-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.free-chip{font-size:.78rem;font-weight:700;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:999px;padding:1px 8px}
@media (max-width:700px){.mode-box{grid-template-columns:1fr}}
/* 1.14 · Accès libre : exercices en cases */
.ftiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ftile{padding:16px;display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--d)}
.ftile h3{font-size:1rem;line-height:1.3}
.ftile .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ftile .info{display:flex;gap:12px;flex-wrap:wrap;font-size:.87rem;color:var(--muted)}
.ftile .info span{display:inline-flex;align-items:center;gap:5px}
.ftile .info svg{width:15px;height:15px}
.ftile .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.ftile.is-done{background:color-mix(in srgb,var(--d) 7%,var(--surface))}
.ftile.st-locked{opacity:.72;box-shadow:none;border-top-color:var(--line)}
.ftile.k-test{border-top-color:var(--go)}
.ftile-ok{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--d);color:var(--surface)}
.ftile-auto{border-top:1px dashed var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.ftile-auto .foot{margin-top:0}
.ftests{grid-template-columns:1fr}
@media (max-width:560px){.ftiles{grid-template-columns:1fr}}
/* 1.15 · Messagerie de l'entreprise */
.ibx{display:flex;flex-direction:column;overflow:hidden}
.ibx-row{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);padding:14px 18px;cursor:pointer;font:inherit}
.ibx-row:last-child{border-bottom:0}
.ibx-row:hover{background:var(--sunken)}
.ibx-row:focus-visible{outline:3px solid var(--go);outline-offset:-3px}
.ibx-row.unread{background:color-mix(in srgb,var(--go) 9%,var(--surface))}
.ibx-row.unread .ibx-subj{font-weight:700}
.ibx-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand)}
.ibx-ic svg{width:20px;height:20px}
.ibx-ic.ch-call{background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok)}
.ibx-ic.ch-note{background:color-mix(in srgb,var(--warn) 15%,var(--surface));color:var(--warn)}
.ibx-ic.sm{width:28px;height:28px;border-radius:9px}
.ibx-ic.sm svg{width:16px;height:16px}
.ibx-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ibx-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.ibx-org{color:var(--muted);font-size:.88rem}
.ibx-top time{margin-left:auto;color:var(--muted);font-size:.86rem;white-space:nowrap}
.ibx-subj{display:flex;align-items:center;gap:8px}
.dot-new{width:9px;height:9px;border-radius:50%;background:var(--err);flex:none}
.ibx-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:2px}
.mchip{font-size:.82rem;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap;background:var(--sunken);color:var(--muted);border:1px solid var(--line)}
.mchip.m-new{background:var(--err);color:#fff;border-color:transparent}
.mchip.m-todo{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}
.mchip.m-redo{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
.mchip.m-sent{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,transparent)}
.mchip.m-done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.filters .cnt{font-size:.82rem;opacity:.75;margin-left:4px}
.ibx-card .ibx.mini{border:1px solid var(--line);border-radius:12px}
.ibx-card .ibx-row{padding:10px 12px}
.msg-mail .mail-chan{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand)}
.msg-mail .mail-chan svg{width:16px;height:16px}
.msg-mail.ch-call .mail-chan{color:var(--ok)}
.msg-mail.ch-note .mail-chan{color:var(--warn)}
.msg-mail .mail-from div{min-width:0}
.msg-mail .mail-from .small{display:block}
.vmail{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--ok) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}
.vmail audio,.msg-orig audio{width:100%}
.att-title{display:flex;align-items:center;gap:6px;margin-top:6px}
.att-title svg{width:15px;height:15px}
.msg-orig{margin-bottom:4px}
.msg-orig summary{cursor:pointer;display:flex;gap:10px;align-items:center;list-style:none}
.msg-orig summary::-webkit-details-marker{display:none}
.msg-orig summary svg{width:20px;height:20px;flex:none;color:var(--brand)}
.msg-orig-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.msg-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.company-box{display:flex;flex-direction:column;gap:12px}
.company-box h2{display:flex;align-items:center;gap:8px;font-size:1.2rem}
.company-box h2 svg{width:22px;height:22px;color:var(--brand)}
.cb-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.cb-head>div{flex:1;min-width:240px}
.cb-stats{display:flex;gap:18px;flex-wrap:wrap}
.cb-stats b{font-family:var(--f-display);font-size:1.3rem}
.cb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;max-height:340px;overflow:auto}
.cb-list li{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.cb-list li:last-child{border-bottom:0}
.cb-t{flex:1;min-width:0;display:flex;flex-direction:column}
.co-chip{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}
.mrow-h{display:flex;align-items:center;gap:8px}
.ch-pick .kp-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ch-pick b{display:flex;align-items:center;gap:6px}
.kchip.k-msg{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}
@media (max-width:560px){.ibx-row{padding:12px}.ibx-top time{margin-left:0;width:100%}}

/* ===== 1.16 · Confort de lecture ===== */
@font-face{font-family:"OpenDyslexic";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/opendyslexic-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"OpenDyslexic";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/opendyslexic-latin-700-normal.woff2) format("woff2")}
html[data-size="l"]{font-size:112.5%}
html[data-size="xl"]{font-size:127%}
html[data-dys]{--f-body:"OpenDyslexic","Atkinson Hyperlegible",sans-serif;--f-display:"OpenDyslexic","Atkinson Hyperlegible",sans-serif}
html[data-dys] body{line-height:1.7;word-spacing:.05em}
html[data-dys] .side{width:auto}
html[data-dys] .nav button{font-size:.88rem}
html[data-dys] .mail-chan,html[data-dys] .kchip{letter-spacing:0}
html[data-dys] p,html[data-dys] li,html[data-dys] dd{text-align:left;max-width:68ch}
html[data-dys] h1{letter-spacing:0;font-size:clamp(1.5rem,3vw,2rem)}
html[data-dys] input,html[data-dys] textarea,html[data-dys] select,html[data-dys] button{font-family:inherit}
html[data-dys] .paper,html[data-dys] .mail-text{background-color:#fffdf5}
.say{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--brand);cursor:pointer;vertical-align:middle}
.say:hover{border-color:var(--brand)}
.say.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);animation:sayp 1.2s ease-in-out infinite}
@keyframes sayp{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 20%,transparent)}}
@media (prefers-reduced-motion:reduce){.say.on{animation:none}}
.mail-text[data-read]{position:relative;padding-right:44px}
.mail-text[data-read]>.say{position:absolute;top:0;right:0}
.paper-head .say{margin-left:auto}
.field.has-say{position:relative;padding-right:42px}
.field-say{position:absolute;top:0;right:0}
.aa{font-weight:800;font-family:var(--f-display)!important;font-size:.95rem!important;opacity:.9!important}
.side-user button.aa{margin-left:auto}
.side-user button.aa+button{margin-left:0}
.mb-r{display:flex;gap:6px;align-items:center}
.prefs-pop{position:fixed;z-index:60;right:16px;bottom:16px;width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px -12px rgba(0,0,0,.35);padding:18px;display:flex;flex-direction:column;gap:12px}
@media (max-width:860px){.prefs-pop{top:64px;bottom:auto}}
.prefs-card{max-width:640px}

/* ===== 1.16 · Messagerie : urgent, délai, travail transmis ===== */
.mchip.m-urgent{background:var(--err);color:#fff;border-color:transparent}
.mchip.m-due{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}
.mchip.m-late{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent);background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.mchip.m-relay{color:#6b3fa0;border-color:color-mix(in srgb,#6b3fa0 35%,transparent)}
.mchip svg{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
.mchip.m-mdt{cursor:pointer;color:var(--brand);background:var(--brand-soft);border-color:transparent}
.mail-due{display:flex;gap:8px;flex-wrap:wrap}
.relay-box{display:flex;gap:10px;align-items:flex-start;margin:12px 20px 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#6b3fa0 9%,var(--surface));border:1px solid color-mix(in srgb,#6b3fa0 28%,transparent);font-size:.92rem}
.relay-box svg{width:20px;height:20px;flex:none;color:#6b3fa0}

/* ===== 1.16 · Mandats pratiques ===== */
.mdt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mdt-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;cursor:pointer;border:1px solid var(--line);font:inherit;color:var(--ink)}
.mdt-card:hover{border-color:var(--brand)}
.mdt-card.st-ok{background:color-mix(in srgb,var(--ok) 6%,var(--surface))}
.mdt-card.st-redo{border-color:color-mix(in srgb,var(--err) 50%,var(--line))}
.mdt-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mdt-code{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:8px;background:var(--brand);color:var(--brand-ink);font-weight:800;font-size:.88rem;font-family:var(--f-mono)}
.mdt-code.big{height:30px;font-size:1rem;margin-bottom:6px}
.mdt-card .pbar,.rep-sec .pbar{height:8px}
.sec-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mdt-plat{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--brand-soft);font-size:.92rem}
.mtasks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.mtasks>li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.mtasks>li.done{background:color-mix(in srgb,var(--ok) 6%,var(--surface));border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}
.mtask{display:flex;gap:10px;align-items:flex-start}
.mtask label{display:flex;gap:12px;align-items:flex-start;flex:1;cursor:pointer}
.mtask input{width:22px;height:22px;margin-top:2px;accent-color:var(--ok);flex:none}
.mtask-t{display:flex;flex-direction:column;gap:4px}
.mtask-t ul{margin:2px 0 0;padding-left:20px}
.mnote summary{cursor:pointer;font-size:.88rem;font-weight:700;color:var(--brand)}
.mnote textarea{width:100%;margin-top:6px;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.mdt-exs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mdt-ex{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.mdt-ex>span:first-child{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.mdt-ex-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mdt-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mdt-two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.pc-mdt h2,.company-box h2{display:flex;align-items:center;gap:8px;font-size:1.2rem}
.pc-mdt h2 svg{width:22px;height:22px;color:var(--brand)}
.mdt-li{flex-direction:column;align-items:stretch!important}
.mdt-li-h{display:flex;gap:10px;align-items:center}
.mdt-det summary{cursor:pointer;font-size:.88rem;font-weight:700;color:var(--brand);margin:4px 0}
.mdt-det{display:flex;flex-direction:column;gap:6px}
.ed-mdt summary{cursor:pointer}
.ed-mdt .opts{margin-top:8px}

/* ===== 1.16 · Rapport de suivi ===== */
.rep-period{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.rep-period .lf{min-width:160px}
.rep-sec{display:flex;flex-direction:column;gap:12px}
.rep-sec h2{font-size:1.2rem}
.rep-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
.rep-dl dt{color:var(--muted)}
.rep-dl dd{margin:0;font-weight:700}
.rep-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
.rep-weeks{display:flex;gap:8px;align-items:flex-end;height:120px;padding:8px 0;border-bottom:1px solid var(--line)}
.rw{flex:1;max-width:48px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;font-size:.76rem;color:var(--muted)}
.rw i{display:block;width:100%;background:var(--brand);border-radius:6px 6px 0 0;min-height:3px}
.rw b{color:var(--ink)}
.rep-note{min-height:90px;border:1.5px dashed var(--line);border-radius:10px;padding:10px 12px;white-space:pre-wrap}
.rep-note:focus{outline:2px solid var(--brand);border-style:solid}
.rep-sign{display:none;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.rep-sign div{border-top:1px solid #999;padding-top:6px;font-size:.84rem;color:#555}
@media print{
  .rep-sec{break-inside:avoid}
  .rep-note{border:1px solid #ccc}
  .rep-sign.print-only{display:grid}
  .say,.aa,.prefs-pop{display:none!important}
}
@media (max-width:860px){.mdt-two{grid-template-columns:minmax(0,1fr)}}

.kindtabs .cnt.off{opacity:.6;font-weight:400}
.kindtabs .cnt.warn{background:var(--go);color:var(--go-ink)}
.mdt-list{max-height:none!important}
.row-acts{flex-wrap:wrap;align-items:flex-start}
.more{position:relative}
.more>summary{list-style:none;cursor:pointer}
.more>summary::-webkit-details-marker{display:none}
.more-menu{margin-top:6px;white-space:normal;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.more-menu .btn{justify-content:flex-start;text-align:left}
html[data-dys]{font-size:92%}
html[data-dys][data-size="l"]{font-size:104%}
html[data-dys][data-size="xl"]{font-size:117%}
html[data-dys] .tabbar span{font-size:.72rem}
.mobilebar .mb-r button{display:inline-grid;place-items:center;min-width:36px;min-height:36px}

/* 1.16 · Mandats : liens */
.mdt-lib{margin-bottom:12px}
.mdt-lib-h{display:flex;gap:12px;align-items:flex-start}
.mdt-lib-h>div{flex:1;min-width:0}
.mdt-ex-m{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;flex:1}
.mdt-ex{flex-wrap:nowrap}
.mdt-ex-ic{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:#fff}
.mdt-ex.is-done .mdt-ex-ic{background:var(--ok);border-color:var(--ok)}
.mdt-ex-ic svg{width:14px;height:14px}
.mdt-tasks summary{cursor:pointer}
.mtasks.ro{margin-top:12px}
.mdt-rem{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.mdt-rem .say{align-self:flex-end;margin-top:-30px}
@media (max-width:560px){.mdt-ex{flex-wrap:wrap}}

.mchip.m-opt{color:#6b3fa0;border-color:color-mix(in srgb,#6b3fa0 30%,transparent);font-size:.76rem}
.ed-mdt-g{margin-top:8px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.ed-mdt-g summary{cursor:pointer;font-weight:700}
.pc-mdt td .pbar,.rep-sec td .pbar{display:block;width:100%;min-width:120px;height:8px;margin-bottom:4px}

/* 1.18 · Simplification : Aujourd'hui, pages réunies */
.embed{display:flex;flex-direction:column;gap:inherit;gap:20px}
.embed>.page-head{display:none}
.today{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.todo-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.todo-row.urgent{border-color:color-mix(in srgb,var(--err) 45%,var(--line));background:color-mix(in srgb,var(--err) 5%,var(--surface))}
.todo-row.t-redo{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.todo-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand)}
.todo-ic svg{width:20px;height:20px}
.todo-ic.ch-call{background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok)}
.todo-ic.ch-note{background:color-mix(in srgb,var(--warn) 15%,var(--surface));color:var(--warn)}
.t-redo .todo-ic{background:color-mix(in srgb,var(--warn) 18%,var(--surface));color:var(--warn)}
.todo-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.todo-k{font-size:.84rem;color:var(--muted)}
.prog-line{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center}
.prog-line .pbar{display:block}
.help-card p{margin:0;font-size:.92rem}
@media (max-width:860px){.today{grid-template-columns:minmax(0,1fr)}.todo-row{flex-wrap:wrap}.todo-row .btn{margin-left:52px}}
.side-user{flex-wrap:wrap;row-gap:6px}
.side-user>span:nth-of-type(2){flex:1 1 calc(100% - 52px)}
.side-user button.aa{margin-left:auto}
@media (max-width:860px){.todo-m{flex:1 1 calc(100% - 56px)}.todo-row .btn{margin-left:52px}}
.app-chip{background:var(--brand-soft);color:var(--brand)}

/* 1.19 · Version simple */
.now-card{background:var(--brand);color:var(--brand-ink);border:0;padding:26px 28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.now-card h2{font-size:clamp(1.4rem,3vw,1.9rem);color:#fff}
.now-card p{margin:0;opacity:.9}
.now-card .now-k{font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;opacity:.85}
.now-card.calm{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.now-card.calm h2{color:var(--ink)}
.next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.next li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.next li:first-child{border-top:0}
.todo-ic.t-redo{background:color-mix(in srgb,var(--warn) 18%,var(--surface));color:var(--warn)}
.res-mini{display:inline-flex;gap:6px;align-items:center;margin-left:auto;margin-right:6px}
.res-sc{font-family:var(--f-mono);font-weight:700;font-size:.9rem}
.levels.avis .lvopt span{font-size:.92rem}
.dos-sec{display:flex;flex-direction:column;gap:14px}
.dos-h h2{display:flex;align-items:center;gap:10px;font-size:1.35rem}
.dos-h h2 svg{color:var(--brand)}
.dos-h p{margin:4px 0 0}
.dos-sec+.dos-sec{margin-top:18px;padding-top:18px;border-top:2px solid var(--line)}

.pc-set{display:flex;gap:12px;flex-wrap:wrap}
.pc-sel{display:flex;align-items:center;gap:10px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 14px;font-weight:700}
.pc-sel .input{min-width:180px;padding:8px 10px}
.pc-two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.pcx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pcx{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.pcx-lvl{padding:12px 0 4px;font-weight:700;display:flex;gap:8px;align-items:center}
.pcx-st{min-width:96px}
.pcx-t{flex:1;min-width:160px}
.pcx-r{display:flex;gap:6px;align-items:center;font-family:var(--f-mono);font-size:.88rem}
.pcx-r .lvchip{font-family:var(--f-body)}
.pcx.st-locked .pcx-t b{color:var(--muted);font-weight:400}
.dos-line{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.dos-line .pbar{grid-column:1/-1;display:block}
.dos-line b{grid-row:1}.dos-line .btn{grid-row:1;grid-column:2}
.mdt-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.mdt-mini li{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center}
@media (max-width:860px){.pc-two{grid-template-columns:minmax(0,1fr)}}

/* 1.19 : réglages administrateur */
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.set-card{gap:6px;min-height:210px}
.set-card h2{font-size:1.15rem}
.set-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:.94rem}
.set-row b{text-align:right;font-weight:600}
.ok-t{color:var(--ok)}.er-t{color:var(--err)}
.set-alert{background:color-mix(in srgb,var(--err) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--err) 40%,var(--line));border-radius:14px;padding:12px 18px;margin-bottom:16px}
.set-alert b{color:var(--err)}.set-alert ul{margin:6px 0 0;padding-left:20px}
.linkbtn{background:none;border:0;padding:0;color:inherit;font-weight:700;text-decoration:underline;cursor:pointer;font:inherit;font-weight:700}
.pack-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.cb-t>span:last-child{margin-top:3px}
@media (max-width:560px){.pc-sel{flex:1 1 100%;justify-content:space-between}.pc-sel .input{min-width:0;flex:1}}
.levels.avis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media (max-width:560px){.set-card{min-height:0}}

/* 1.19 : page Créer */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cr-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.cr-dept{width:auto;min-width:220px;font-weight:700}
.cr-card{margin-bottom:0}.cr-card h2{display:flex;gap:10px;align-items:center;font-size:1.1rem}
.cr-drafts{border-left:5px solid var(--go)}
.cr-list{list-style:none;margin:8px 0 0;padding:0}
.cr-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.cr-t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.cr-act{display:flex;gap:8px;align-items:center}
.cr-more{position:relative}
.cr-more summary{list-style:none;cursor:pointer;color:var(--muted)}
.cr-more summary::-webkit-details-marker{display:none}
.cr-more[open] summary{background:var(--sunken)}
.mm-list{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.14);padding:6px;min-width:220px;z-index:20;display:flex;flex-direction:column}
.mm-list button{background:none;border:0;text-align:left;padding:9px 12px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer}
.mm-list button:hover,.mm-list button:focus-visible{background:var(--sunken)}
.mm-list .mm-del{color:var(--err)}
.cr-foot{margin-top:4px}
@media (max-width:560px){.cr-act{width:100%}.cr-dept{flex:1 1 100%}.mm-list{right:auto;left:0}}
.cr-t .kchip{align-self:flex-start}
.cr-bar+.cr-card,.cr-bar+.set-alert{margin-top:0}
.t-email{max-width:300px;padding:6px 10px;min-height:0}

/* Titres de partie dans les exercices (pas de <legend> : Safari le rétrécit dans une grille) */
.fs-title{grid-column:1/-1;font-family:var(--f-display);font-weight:700;font-size:1.02rem;margin:0;padding:16px 0 0;display:flex;align-items:center;gap:10px}
.fs-title::after{content:"";flex:1;height:1px;background:var(--line)}
/* Auto-évaluation à la fin des exercices : 4 cases égales, titre + phrase */
.levels.avis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.levels.avis .lvopt{align-items:flex-start;padding:12px;font-weight:400}
.levels.avis .lvopt input{margin-top:2px}
.av-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.av-txt b{font-size:.95rem}
.av-txt small{font-size:.84rem;color:var(--muted);line-height:1.35}
@media (max-width:420px){.levels.avis{grid-template-columns:minmax(0,1fr)}}

/* 1.20 : liste et fiche des bénéficiaires */
.pf-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.pf-q{flex:1 1 240px;max-width:340px}.pf-q .input{width:100%}
.pf-sel{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 12px;font-weight:700;font-size:.9rem;white-space:nowrap}
.pf-sel .input{border:0;padding:6px 8px;min-width:150px;width:auto;background:var(--sunken)}
.pl-table td{vertical-align:middle}
.mini-tag{display:inline-block;font-size:.76rem;font-weight:700;color:var(--muted);background:var(--sunken);border-radius:6px;padding:1px 6px;margin:3px 4px 0 0}
.chip-wait{font-size:.84rem;font-weight:700;border-radius:20px;padding:3px 10px;background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn);white-space:nowrap}
.pe-form{max-width:860px;display:flex;flex-direction:column;gap:6px}
.pe-sec+.pe-sec{margin-top:10px}
.pe-sec h3,.pe-end h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}
.pe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pe-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.pe-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
.pe-end{max-width:860px;margin-top:16px;display:flex;flex-direction:column;gap:8px}
.pe-danger{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;flex-wrap:wrap;font-size:.92rem}
.pe-danger.red{border-color:color-mix(in srgb,var(--err) 35%,var(--line));background:color-mix(in srgb,var(--err) 5%,var(--surface))}
.btn.red-t{color:var(--err)}
@media (max-width:700px){.pe-grid,.pe-grid.two{grid-template-columns:minmax(0,1fr)}.pf-sel{flex:1 1 100%;justify-content:space-between}.pf-sel .input{flex:1}.pf-q{max-width:none}}

/* 1.20 : Créer, page vierge (constructeur type Google Forms) */
.np-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:900px}
.np-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:22px;cursor:pointer;font:inherit;color:var(--ink)}
.np-card:hover,.np-card:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent);outline:none}
.np-card b{font-size:1.15rem}.np-card span:last-child{color:var(--muted);font-size:.92rem;line-height:1.45}.np-ic{font-size:1.8rem}
.fb-wrap{display:grid;grid-template-columns:minmax(0,760px) 52px;gap:14px;align-items:start}
.fb-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.fb-q{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;border-left:5px solid transparent}
.fb-q:focus-within{border-left-color:var(--brand)}
.fb-title{border-top:8px solid var(--brand)}
.fb-big{font-size:1.4rem;font-weight:800;border:0;border-bottom:2px solid var(--line);border-radius:0;padding:6px 2px;background:none}
.fb-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.fb-qh{display:flex;gap:10px;flex-wrap:wrap}
.fb-label{flex:1 1 300px;background:var(--sunken);border:0;border-bottom:2px solid var(--line);border-radius:8px 8px 0 0;font-weight:600}
.fb-label:focus{border-bottom-color:var(--brand)}
.fb-type{flex:0 0 230px;font-weight:700}
.fb-opts{display:flex;flex-direction:column;gap:6px}
.fb-opt{display:flex;align-items:center;gap:10px}
.fb-opt .input{flex:1;padding:7px 10px;border-color:transparent;background:none;border-bottom:1px solid var(--line);border-radius:0}
.fb-opt .input:focus{border-bottom-color:var(--brand)}
.fb-mark{width:20px;height:20px;border-radius:50%;border:2px solid #9aabae;background:var(--surface);cursor:pointer;flex:none;padding:0}
.fb-mark.sq{border-radius:5px}
.fb-mark.on{border-color:var(--ok);background:radial-gradient(var(--ok) 45%,var(--surface) 50%)}
.fb-mark.sq.on{background:var(--ok);box-shadow:inset 0 0 0 3px var(--surface)}
.fb-ok{font-size:.82rem;font-weight:700;color:var(--ok);white-space:nowrap}
.fb-x{border:0;background:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:0 6px;line-height:1}
.fb-addopt{align-self:flex-start;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;padding:4px 0}
.fb-qf{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap}
.fb-hint{flex:1 1 220px;font-size:.88rem;padding:6px 10px}
.fb-tools{display:flex;gap:4px;flex-wrap:wrap}
.fb-info{background:var(--sunken)}
.fb-sec{display:flex;align-items:center;gap:10px;margin-top:8px}
.fb-sec-tag{background:var(--brand);color:var(--brand-ink);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:4px 8px}
.fb-sec .input{font-weight:800;font-size:1.05rem;max-width:420px}
.fb-addrow{display:flex;justify-content:center}
.fb-tool{position:sticky;top:16px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px}
.fb-tool button{width:38px;height:38px;border:0;border-radius:8px;background:none;font-size:1.15rem;font-weight:700;cursor:pointer;color:var(--ink)}
.fb-tool button:hover,.fb-tool button:focus-visible{background:var(--sunken)}
@media (max-width:760px){.fb-wrap{grid-template-columns:minmax(0,1fr)}.fb-tool{position:static;flex-direction:row;justify-content:center;order:-1}.fb-type{flex:1 1 100%}}
.fb-title .kindpick{margin:0}.fb-title .kp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.fb-title .kp-grid{grid-template-columns:minmax(0,1fr)}}
.fb-main>.ed-sec{margin:0}

/* 1.21 : cours en plus et choix des exercices */
.pc-dtabs{margin:4px 0 8px}
.pc-pickbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0}
.pick-box{display:flex;flex-direction:column;gap:10px}
.pick-lvl{display:flex;flex-direction:column;gap:6px}.pick-lvl b{display:flex;gap:8px;align-items:center;margin-top:4px}
.ex-tabs{margin-bottom:14px}

/* ===== 1.22 · Test de rendement, export choisi ===== */
.kchip.k-perf{color:#0b6b57;background:color-mix(in srgb,#0b6b57 13%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kchip.k-perf{color:#6fe0c4}}
:root[data-theme="dark"] .kchip.k-perf{color:#6fe0c4}
.ftile.k-perf{border-top-color:#0b6b57}
.rd-sec{margin-top:18px}
.rd-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.rd-steps li span{display:block;color:var(--muted)}
.rd-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rd-work{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start;margin-top:14px}
.rd-work>.col{display:flex;flex-direction:column;gap:12px;min-width:0}
.rd-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.rd-n{min-width:38px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 .88rem var(--f-mono);cursor:pointer;padding:0 6px}
.rd-n.saved{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.rd-n.ok{background:color-mix(in srgb,var(--ok) 16%,var(--surface));border-color:var(--ok);color:var(--ok)}
.rd-n.bad{background:color-mix(in srgb,var(--err) 12%,var(--surface));border-color:var(--err);color:var(--err)}
.rd-n.off{opacity:.45}
.rd-n.on{outline:3px solid var(--go);outline-offset:1px}
.rd-ok{color:var(--ok);font-weight:700}.rd-bad{color:var(--err);font-weight:700}
.rd-bon,.rd-inv{background:#fffdf6;color:#1d2326;border:1px solid #e3dcc6;border-radius:6px;padding:16px 18px;box-shadow:var(--shadow);font-size:.92rem}
.rd-bon header,.rd-inv header{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid #1d2326;padding-bottom:8px;margin-bottom:10px;flex-wrap:wrap}
.rd-inv header>div{display:flex;flex-direction:column}.rd-inv header .r{text-align:right}
.rd-bon table,.rd-inv table,.rd-cat table{width:100%;border-collapse:collapse;margin-top:6px}
.rd-bon td,.rd-bon th,.rd-inv td,.rd-inv th,.rd-cat td,.rd-cat th{padding:5px 6px;border-bottom:1px solid #e6e1d2;text-align:left;font-size:.88rem}
.rd-bon .num,.rd-inv .num,.rd-cat .num,.rd-lines .num,.rd-dt .num{text-align:right;font-variant-numeric:tabular-nums}
.rd-bon.slip{background:#fff6d8;border-color:#e8c860}
.rd-cat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.rd-cat summary{cursor:pointer;font-weight:700}
.rd-cat td,.rd-cat th{border-color:var(--line)}
.rd-form h2{margin:0}
.rd-lines{width:100%;border-collapse:collapse}.rd-lines th{font-size:.84rem;color:var(--muted);text-align:left;padding:4px}
.rd-lines td{padding:3px 4px}.rd-lines .input{padding:7px 8px;min-width:0;width:100%}
.rd-lines td:first-child{width:46%}.rd-lines .input.num{text-align:right}
.rd-tot{display:flex;flex-direction:column;gap:6px;align-self:flex-end;min-width:min(280px,100%)}
.rd-tot>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rd-tot .ttc{border-top:2px solid currentColor;padding-top:6px;font-size:1.05rem}
.rd-tot .input{text-align:right}
.rd-tot.sm{margin-top:10px;margin-left:auto}
.rd-exp{display:flex;flex-direction:column;gap:8px}
.rd-file{display:flex;align-items:center;gap:6px}.rd-file .input{flex:1;min-width:0}
.rd-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:14px}
.rd-slip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;text-align:left}
.rd-slip.saved{background:var(--brand-soft);border-color:var(--brand)}
.rd-slip.on{outline:3px solid var(--go);outline-offset:1px}
.rd-info{border-color:var(--line);background:var(--surface);display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.rd-info b{color:var(--ink)}
.rd-report{margin-bottom:16px}
.rd-global{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rd-global>div{display:flex;flex-direction:column}
.rd-global b{font:800 2.4rem var(--f-display);color:var(--brand)}
.rd-global p{flex:1;min-width:220px;margin:0}
.rd-report table{width:100%}
.rd-cl{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.rd-refs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rd-ref{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0}
.ex-grid{align-items:start}
.ex-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.ex-list li{padding:7px 10px;border-top:1px solid var(--line)}.ex-list li:first-child{border-top:0}
@media (max-width:900px){.rd-work,.rd-refs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.rd-g2{grid-template-columns:minmax(0,1fr)}.rd-lines td:first-child{width:auto}.rd-lines,.rd-lines tbody,.rd-lines tr{display:block}.rd-lines thead{display:none}.rd-lines tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 0;border-top:1px solid var(--line)}.rd-lines td:first-child{grid-column:1/-1}.rd-lines td{padding:0}}
.ex-list .opt{border:0;background:none;padding:2px 0}
.rd-bon table,.rd-inv table,.rd-cat table,.rd-lines{min-width:0}
.rd-bon th,.rd-inv th,.rd-cat th{background:none;color:inherit;opacity:.75}
.rd-lines td:nth-child(2),.rd-lines td:nth-child(3){width:17%}.rd-lines td:nth-child(4){width:16%;padding-right:2px}
.rd-dt{min-width:560px}
.rd-dt th,.rd-dt td{padding:6px 8px;font-size:.88rem}
.rd-more summary{list-style:none;display:inline-flex;margin-bottom:8px}.rd-more summary::-webkit-details-marker{display:none}
.rd-report th,.rd-report td{padding:10px 12px}.rd-report td{font-family:var(--f-body)}
fieldset.ex-kinds{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0}
fieldset.ex-kinds .opt{padding:7px 10px}
.rd-inv header .r{align-items:flex-end}
@media (max-width:600px){.rd-lines td,.rd-lines td:nth-child(n){width:auto}.rd-lines td:nth-child(4){align-self:center}}
@media (max-width:600px){.rd-lines td{border:0}}
.pe-depts{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.pe-depts p{margin:0}
.pe-dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.pe-dlist .opt{padding:8px 10px}
.rd-ref .rd-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-ref .input{width:100%}

/* ===== 1.23 · Tests de rendement (menu à part), outil AI Vaud, rapports ===== */
.po-tabs{margin-bottom:16px}
.po-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.po-filters .input{width:auto;min-width:180px}
.po-dates{display:flex;gap:6px;align-items:center}.po-dates .input{min-width:0}
.po-table{min-width:0}
.po-table th,.po-table td{padding:10px 12px}
.po-h{text-align:center;vertical-align:bottom;min-width:110px}
.po-h span{display:block}.po-hb{font-weight:400;margin-top:4px;font-size:.82rem}
.po-c{text-align:center;white-space:nowrap}
.po-c.on{background:color-mix(in srgb,var(--brand) 6%,transparent)}
.po-chk input{width:22px;height:22px;accent-color:var(--brand);cursor:pointer;vertical-align:middle}
.po-st{display:inline-block;margin-left:6px;font:600 .82rem var(--f-mono);border:1px solid var(--line);border-radius:999px;padding:1px 7px;background:var(--surface);color:var(--ink);cursor:pointer;vertical-align:middle}
.po-st.wait{border-color:var(--go);background:color-mix(in srgb,var(--go) 22%,var(--surface))}
.po-st.cur{cursor:default;color:var(--brand);font-family:var(--f-body)}
.po-name{text-align:left}
.po-tests{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:14px;margin-bottom:16px}
.po-test.off{opacity:.7}
.po-test-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.po-test h2{margin:6px 0 0}
.po-refs{display:flex;flex-direction:column;gap:10px}
.po-docs{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.rd-pdfbtns{margin-left:auto}
.rd-typed{white-space:pre-wrap;background:var(--sunken);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:.92rem}
.aiv-credit{display:inline-block;font-size:.82rem;font-weight:700;color:#7a3e00;background:#fff1d6;border:1px solid #f0c983;border-radius:6px;padding:2px 8px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .aiv-credit{color:#ffd79a;background:#3a2a10;border-color:#6b4a14}}
:root[data-theme="dark"] .aiv-credit{color:#ffd79a;background:#3a2a10;border-color:#6b4a14}
.aiv-intro{display:flex;flex-direction:column;gap:12px}
.aiv-intro h2{margin:6px 0 4px}
.aiv-sum{position:sticky;top:12px;z-index:5;display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-bottom:16px}
.aiv-sum>div{display:flex;flex-direction:column}
.aiv-sum b{font:800 1.8rem var(--f-display);color:var(--brand)}.aiv-sum b.sm{font-size:1.2rem}
@media (max-width:860px){.aiv-sum{top:calc(env(safe-area-inset-top,0px) + 62px);gap:12px}.aiv-sum b{font-size:1.4rem}}
.aiv-part h2{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.aiv-rate{font:600 .95rem var(--f-body);color:var(--brand)}
.aiv-sec{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0;display:flex;flex-direction:column;gap:2px}
.aiv-q{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line)}
.aiv-sec legend+.aiv-q{border-top:0}
.aiv-qt{flex:1;min-width:0}
.aiv-sc{display:flex;gap:4px;flex:none}
.aiv-sc label{position:relative;cursor:pointer}
.aiv-sc input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.aiv-sc span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;font-weight:700;background:var(--surface)}
.aiv-sc input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.aiv-sc input:focus-visible+span{outline:3px solid var(--go);outline-offset:1px}
.aiv-sc .na span{color:var(--muted)}
.aiv-sc .na input:checked+span{background:var(--muted);border-color:var(--muted);color:#fff}
@media (max-width:640px){.aiv-q{flex-direction:column;align-items:stretch;gap:6px}.aiv-sc{justify-content:space-between}.aiv-sc span{width:42px;height:40px}}
.aiv-evo{display:flex;gap:10px;align-items:flex-end;height:140px;padding:6px 0;border-bottom:1px solid var(--line);overflow-x:auto}
.aiv-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:56px;gap:3px}
.aiv-b{display:block;width:28px;background:var(--brand);border-radius:6px 6px 0 0}
.aiv-v{font:600 .82rem var(--f-mono)}
.pr-two{align-items:start}
.pr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pr-list li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.pr-hist{margin:6px 0 0;padding-left:18px;font-size:.9rem;display:flex;flex-direction:column;gap:4px}
.sr-text{white-space:pre-wrap}
.sr-old{margin-top:10px;background:#f3efe2;border-radius:6px;padding:8px 10px}
.sr-old dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 0}.sr-old dt{opacity:.7}.sr-old dd{margin:0;font-weight:600}
.sr-letter p{margin:6px 0}
.sr-copy{font-size:1.02rem;line-height:1.6;user-select:none;-webkit-user-select:none}
.sr-form h2{margin:0}
.sr-opts{display:flex;gap:8px;flex-wrap:wrap}.sr-opts .opt{flex:1;min-width:120px}
.sr-radio{border:0;padding:0;margin:0}
.sr-ta{font-size:1rem;line-height:1.5;min-height:300px}
.sr-memo{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:.9rem}.sr-memo dt{font-weight:700}.sr-memo dd{margin:0}
.sr-copywork{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:900px){.sr-copywork{grid-template-columns:minmax(0,1fr)}}
.rd-ph{min-width:640px}
@media (max-width:640px){.aiv-sum>div:nth-child(n+4){display:none}.aiv-sum{gap:14px;padding:10px 14px}}

/* ===== 1.24 · Tests de rendement simplifiés ===== */
.po-search{gap:14px}
.po-q{min-width:min(320px,100%);flex:1}
.po-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.po-person{display:flex;align-items:center;border-top:1px solid var(--line)}
.po-person:first-child{border-top:0}
.po-sel{padding:0 4px 0 14px;display:flex;align-items:center}.po-sel input{width:20px;height:20px;accent-color:var(--brand)}
.po-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.po-open:hover{background:var(--sunken)}
.po-pn{flex:1;min-width:0;display:flex;flex-direction:column}
.po-g{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.po-g b{font:800 1.15rem var(--f-display);color:var(--brand)}
.po-arrow{font-size:1.6rem;color:var(--muted)}
.po-empty{padding:14px}
.po-selbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.po-all{padding:6px 10px}
.pr-head .rd-global{align-items:center}
.pr-tests{padding:0;overflow:hidden}.pr-th{padding-bottom:4px}.pr-th h2{margin:0}
.pr-table{min-width:640px}.pr-table tr.on td{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.pr-table .po-acc{width:60px;text-align:center}
.pr-total td{background:var(--sunken);font-size:1.02rem}
.sr-situ{font-size:1.05rem}
.sr-how{background:var(--sunken);border-radius:12px;padding:12px 16px}.sr-how h2{margin:0 0 6px;font-size:1.05rem}.sr-how ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.rd-intro>h2{margin:6px 0 0;font-size:1.05rem}
.sr-help ol{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.sr-fb{border-radius:12px;padding:10px 14px;margin-top:12px;border:1px solid}
.sr-fb.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--surface))}.sr-fb.ok b{color:var(--ok)}
.sr-fb.bad{border-color:var(--err);background:color-mix(in srgb,var(--err) 8%,var(--surface))}.sr-fb.bad b{color:var(--err)}
.sr-fb p{white-space:pre-line;margin:6px 0 0}
@media (max-width:640px){.po-g{min-width:60px}.po-open{gap:8px;padding:10px}.po-open .av{display:none}}
.rd-pdfbtns{flex:none;flex-wrap:nowrap}@media (max-width:700px){.rd-pdfbtns{flex-wrap:wrap}}
/* Modifier / créer un test de rendement */
.re-field{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,2fr) auto;gap:10px;align-items:end;padding:10px 0;border-top:1px solid var(--line)}
.re-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.re-doc{border-top:1px solid var(--line)}.re-doc:first-child{border-top:0}
.re-doc.open{background:var(--sunken)}
.re-doc-h{display:flex;align-items:center;gap:10px;padding:8px 12px}
.re-n{font:700 .88rem var(--f-mono);color:var(--muted);min-width:22px}
.re-t{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.re-act{display:flex;gap:4px;align-items:center;flex:none}
.re-act .btn svg{width:16px;height:16px}
.re-doc-b{padding:4px 14px 16px;display:flex;flex-direction:column;gap:12px}
.re-lines{min-width:520px}.re-lines td{padding:3px}
.re-sol{background:var(--surface)}
.re-wide{grid-column:1/-1}
@media (max-width:700px){.re-field{grid-template-columns:minmax(0,1fr)}.re-doc-h{flex-wrap:wrap}.re-act{width:100%;justify-content:flex-end}}
/* Contenus : filtres et niveaux repliables */
.cr-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:-4px 0 14px}
.cr-tools .input{width:auto;min-width:min(260px,100%);flex:1;max-width:420px}
.cr-lvl-h{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.cr-lvl-h h2{margin:0;flex:1}
.cr-lvl-h .cr-chev{transition:transform .15s;color:var(--muted);font-size:1.2rem}
.cr-card.folded .cr-chev{transform:rotate(-90deg)}
.cr-more-btn{align-self:flex-start;margin-top:8px}
.po-give{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--sunken)}
.po-glist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:320px;overflow:auto}
.po-glist .opt{padding:7px 10px;background:var(--surface)}
/* Fiche d'un bénéficiaire (1.26) */
.pc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin-bottom:16px}
.pc-kpi{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.pc-kpi>b{font:800 1.6rem var(--f-display);color:var(--brand)}
.pc-kpi .pbar{width:100%}
.pc-kpi .btn,.pc-kpi .linkbtn{margin-top:4px}
.pc-tabs{margin-bottom:14px}
.pbar.sm{height:6px;display:block}
.pcx-lvl{list-style:none;padding:0;border-top:1px solid var(--line)}
.pcx-lvlh{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;background:none;border:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-align:left}
.pcx-lvlh .pbar{flex:1;max-width:200px;margin-left:auto}
.pcx-lvlh .cr-chev{color:var(--muted)}
.pcx-sc{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.pcx-a{flex:none;margin-left:auto}
.pcx-a .cr-more summary{min-width:36px;justify-content:center}
.mm-list a{display:block;padding:8px 12px;color:inherit;text-decoration:none;border-radius:8px}.mm-list a:hover{background:var(--sunken)}
.pc-settings{gap:0}
.pc-setrow{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}
.pc-setrow:first-child{border-top:0;padding-top:0}
.pc-setrow p{margin:2px 0 0}.pc-setrow .input{width:auto;min-width:200px}
@media (max-width:640px){.pc-setrow{flex-direction:column;align-items:stretch}.pc-setrow .input{width:100%}}
@media (max-width:640px){.pc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pc-kpi{padding:12px 14px}.pc-kpi>b{font-size:1.3rem}}
.po-glist2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.po-glist2 li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line)}
.po-glist2 li:first-child{border-top:0}
.po-add{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed var(--line)}
.po-none{margin:0}
.pr-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line)}
.pr-add .input{width:auto;min-width:min(280px,100%);flex:1;max-width:420px}
.pr-ask td{background:color-mix(in srgb,var(--err) 6%,var(--surface))}
/* Accueil du formateur */
.td-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;margin-bottom:22px}
.td-card{gap:10px}
.td-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.td-h h2{margin:0;font-size:1.1rem}
.td-n{font:800 1.5rem var(--f-display);color:var(--brand);min-width:36px;text-align:right}
.td-card:not(.td-empty) .td-n{color:var(--warn)}
.td-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.td-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.td-list li:first-child{border-top:0}
.td-t{flex:1;min-width:0;display:flex;flex-direction:column}.td-t>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-h2{margin:6px 0 0;font-size:1.15rem}
.cr-ro{align-self:center;font-style:italic}
.embed>.crumb{display:none}
/* Aide intégrée */
.help-fab{position:fixed;right:22px;bottom:22px;z-index:30;width:48px;height:48px;border-radius:50%;border:0;background:var(--brand);color:var(--brand-ink);font:800 1.3rem var(--f-display);box-shadow:var(--shadow);cursor:pointer}
.help-fab[aria-expanded="true"]{background:var(--go);color:var(--go-ink)}
@media (max-width:860px){.help-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:14px;width:42px;height:42px}}
.help-box{margin-bottom:16px;border-left:4px solid var(--go)}
.help-h{display:flex;justify-content:space-between;align-items:center}
.help-box ol{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
@media print{.help-fab,.help-box{display:none}}
@media (max-width:860px){.help-fab{display:none}}
.mb-help{font-weight:800}
.ptl-mini .ptl-minic{display:flex;flex-direction:column;padding:6px 4px 10px;opacity:.75}
.ptl-mini .ptl-minic b{font-weight:600}
.rd-global .rd-pdfbtns{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-left:auto;max-width:460px}

/* Test « numéros de référence » */
.sr-person dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0 0}.sr-person dt{color:var(--muted)}.sr-person dd{margin:0;font-weight:600}
.sr-anx details{border-top:1px solid var(--line);padding-top:10px}.sr-anx details:first-child{border-top:0;padding-top:0}
.sr-anx summary{cursor:pointer;padding:4px 0}
.sr-anx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.sr-anx-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}
.sr-anx-tabs button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.sr-anx-box{max-height:420px;overflow:auto}
.sr-anx-t{border-collapse:collapse;font-size:.9rem;width:100%}
.sr-anx-t th{position:sticky;top:0;background:var(--sunken);z-index:1}
.sr-anx-t th,.sr-anx-t td{padding:3px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.sr-anx-t td.num+td:not(.num){border-left:2px solid var(--line)}
.sr-cal th.sr-mh{top:0;text-align:center}.sr-cal thead tr:nth-child(2) th{top:28px}
.sr-cal td:nth-child(3n+1){border-left:2px solid var(--line)}
.sr-explain{white-space:pre-line}

/* Standard téléphonique : rail à gauche (appels, annuaire), à droite le poste avec l'écran de l'appelant. */
.ph-tag{font:500 .76rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ph-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.ph-grid{grid-template-columns:minmax(0,1fr)}.ph-rail{order:2}}
.ph-grid>*{min-width:0}.ph-msg,.ph-opt,.ph-fb span{overflow-wrap:anywhere}
.ph-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}.ph-rail>*{min-width:0}
.ph-h{font:700 .82rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:flex;justify-content:space-between;gap:8px}
.ph-calls{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ph-call{width:100%;white-space:normal;min-width:0;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;cursor:pointer;font:inherit}
.ph-call:hover:not(:disabled){border-color:var(--brand)}
.ph-call.on{background:var(--brand-soft);border-color:var(--brand)}
.ph-call:disabled{opacity:.55;cursor:default}
.ph-call .t{font-weight:700}.ph-call .d{grid-column:1;font-size:.86rem;color:var(--muted)}
.ph-call .st{grid-row:1/3;grid-column:2;align-self:center;font:500 .82rem var(--f-mono)}
.ph-dir{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:.88rem;margin-bottom:8px}
.ph-dir td{padding:6px 0;border-top:1px solid var(--line);vertical-align:top}.ph-dir tr:first-child td{border-top:0}
.ph-ext{font:500 .86rem var(--f-mono);text-align:right;white-space:nowrap;width:44px}
.ph-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.ph-dot.on{background:var(--ok)}.ph-dot.off{background:var(--err)}.ph-dot.busy{background:var(--warn)}
.ph-greet p{margin:0;font-weight:700;color:var(--brand)}
:root[data-theme="dark"] .ph-greet p{color:var(--trainer)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ph-greet p{color:var(--trainer)}}
.ph-phone{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:560px}
.ph-lcd{background:var(--brand);color:var(--brand-ink);font-family:var(--f-mono);padding:14px 18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
.ph-lcd .num{font-size:1.25rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.ph-lcd .lbl{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}
.ph-lcd .r{text-align:right}
.ph-lcd.ringing{background:var(--brand-deep)}.ph-lcd.ringing .num{animation:phblink 1s steps(2) infinite;color:var(--go)}
@keyframes phblink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.ph-lcd.ringing .num{animation:none}}
.ph-convo{flex:1;padding:18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:62vh;background:var(--sunken)}
.ph-brief{border:1px dashed var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:6px;background:var(--surface)}
.ph-brief h3{font:800 1.3rem/1.2 var(--f-display);margin:0}.ph-brief p{margin:0;max-width:65ch}
.ph-score{font:800 2.2rem/1 var(--f-display);font-variant-numeric:tabular-nums;color:var(--brand)}
.ph-msg{max-width:min(80%,560px);padding:10px 14px;border-radius:14px;min-width:0}
.ph-msg .who{display:block;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;opacity:.75;margin-bottom:2px}
.ph-msg.caller{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.ph-msg.me{background:var(--brand);color:var(--brand-ink);align-self:flex-end;border-bottom-right-radius:4px}
.ph-fb{align-self:stretch;border-radius:10px;padding:10px 14px;font-size:.92rem;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--surface)}
.ph-fb b{font:600 .8rem var(--f-mono);padding:2px 8px;border-radius:99px;white-space:nowrap;color:#fff}
.ph-fb.g{border-color:var(--ok)}.ph-fb.g b{background:var(--ok)}
.ph-fb.m{border-color:var(--warn)}.ph-fb.m b{background:var(--warn)}
.ph-fb.b{border-color:var(--err)}.ph-fb.b b{background:var(--err)}
.ph-fb.n b{background:var(--brand)}
:root[data-theme="dark"] .ph-fb b{color:#0d1517}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ph-fb b{color:#0d1517}}
.ph-dock{border-top:1px solid var(--line);padding:14px 18px;display:grid;gap:8px;background:var(--surface)}
.ph-q{font-size:.88rem;color:var(--muted);font-weight:700}
.ph-opt{text-align:left;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--sunken);color:var(--ink);font:inherit;cursor:pointer}
.ph-opt:hover{border-color:var(--brand);background:var(--brand-soft)}
.ph-dock .row{display:flex;flex-wrap:wrap;gap:8px}
.ph-pick{font-size:1.05rem;padding:12px 26px}
.ph-memohead{font:800 1.05rem var(--f-display);margin:0}
.ph-memo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ph-memo label{display:grid;gap:4px;font-size:.86rem;color:var(--muted);font-weight:700}
.ph-memo .ph-wide{grid-column:1/-1}
.ph-final{margin-top:18px}.ph-final ul{margin:0;padding-left:1.2em;display:grid;gap:4px}

/* Réglages › Mise à jour */
.upd-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.upd-prev{border:1px solid var(--brand);background:var(--brand-soft);border-radius:12px;padding:12px 14px}
.upd-prev.same{border-color:var(--warn)}
.upd-prev p{margin:6px 0 0}
.upd-bk,.upd-log{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.upd-bk li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.upd-bk li:first-child{border-top:0;padding-top:0}
.upd-undo{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.upd-undo .input{width:auto;min-width:180px}

/* Parcours compétences */
.cp-tag{font:500 .76rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cp-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 28px;margin-bottom:16px}
.cp-how h2{font-size:1.05rem;margin:0 0 8px}.cp-wide{grid-column:1/-1;margin:0}
.cp-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cp-checks li{padding-left:24px;position:relative}.cp-checks li::before{content:"✓";position:absolute;left:4px;color:var(--ok);font-weight:700}
.cp-mods{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cp-mod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.cp-mod.now{border-color:var(--brand);box-shadow:var(--shadow)}
.cp-mod.st-locked{opacity:.6}
.cp-no{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:700 .95rem var(--f-mono);background:var(--brand-soft);color:var(--brand)}
.cp-mod.st-sent .cp-no,.cp-mod.st-ok .cp-no{background:var(--ok);color:#fff}
.cp-mbody{display:grid;gap:2px;min-width:0}.cp-mbody b{font:700 1.05rem var(--f-display)}
.cp-mact{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:640px){.cp-mod{grid-template-columns:auto minmax(0,1fr)}.cp-mact{grid-column:1/-1;justify-content:flex-start}}
.cp-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.cp-grid{grid-template-columns:minmax(0,1fr)}}
.cp-consigne p{margin:0 0 10px;max-width:70ch}.cp-list{margin:0 0 10px;padding-left:1.2em;display:grid;gap:4px}
.cp-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cp-files li{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--sunken)}
.cp-files a{display:inline-flex;gap:6px;align-items:center;overflow-wrap:anywhere}.cp-files svg{width:16px;height:16px;flex:none}
.cp-drop{display:grid;gap:4px;justify-items:center;text-align:center;border:2px dashed var(--line);border-radius:12px;padding:18px;cursor:pointer;font-weight:700}
.cp-drop:hover{border-color:var(--brand);background:var(--brand-soft)}
.cp-drop input{position:absolute;width:1px;height:1px;opacity:0}
.cp-drop:focus-within{outline:3px solid var(--brand);outline-offset:2px}
.cp-okbox{border-color:var(--ok)}
.cp-global{display:grid;justify-items:end;gap:0}.cp-global b{font:800 2.4rem/1 var(--f-display);color:var(--brand)}
.cp-tmods{display:grid;gap:12px;margin-top:16px}
.cp-tmod.on{border-color:var(--brand)}
.cp-th{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.cp-th h2{margin:2px 0 0;font-size:1.15rem}
.cp-tr{display:flex;gap:12px;align-items:center}.cp-note b{font:800 1.4rem var(--f-display)}
.cp-grid-t{min-width:0;width:100%}.cp-grid-t td,.cp-grid-t th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}
.cp-grid-t th.num,.cp-grid-t td.num{text-align:right;white-space:nowrap}
.cp-grid-t input{width:80px;text-align:right;display:inline-block}
.cp-eval{display:grid;gap:12px}
.cp-medit{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cp-medit>li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.cp-medit>li.on{display:block;border-color:var(--brand)}
.cp-no.sm{width:34px;height:34px;font-size:.88rem}
.cp-mt{display:grid;gap:2px;min-width:0}
.cp-mtext{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:900px){.cp-mtext{grid-template-columns:minmax(0,1fr)}}
.cp-mprev{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--sunken);display:grid;gap:6px}
.cp-mform{gap:12px}
.cp-docbtn{position:relative;overflow:hidden;cursor:pointer}.cp-docbtn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.cp-mact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cp-crit{display:grid;gap:8px}
.cp-critrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.cp-critmax{display:flex;align-items:center;gap:6px}.cp-critmax .input{width:80px;text-align:right}
@media (max-width:640px){.cp-medit>li{grid-template-columns:auto minmax(0,1fr)}.cp-mact{grid-column:1/-1;justify-content:flex-start}.cp-critrow{grid-template-columns:minmax(0,1fr) auto}.cp-critrow .btn{grid-column:1/-1;justify-self:start}}
.cp-mform fieldset.rd-ref{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.cp-mform fieldset.rd-ref>.cp-docbtn{align-self:flex-start}
@media (max-width:640px){.cp-critrow{grid-template-columns:minmax(0,1fr) auto}.cp-critrow>.input{grid-column:1/-1}.cp-critrow .btn{grid-column:auto}}
mark.df-bad{background:#fde2df;color:#a3201a;font-weight:700;border-radius:3px;padding:0 1px;text-decoration:underline;text-decoration-color:#d64034;text-underline-offset:2px}
mark.df-ok{background:#dcf2e3;color:#14612f;font-weight:700;border-radius:3px;padding:0 1px}
.df-gap{display:inline-block;width:3px;height:1.05em;background:#d64034;border-radius:2px;vertical-align:-.15em;margin:0 1px}
.df-legend{margin-top:8px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) mark.df-bad{background:#5a1f1b;color:#ffb4ab}:root:not([data-theme=light]) mark.df-ok{background:#173d26;color:#9be3b3}}
:root[data-theme=dark] mark.df-bad{background:#5a1f1b;color:#ffb4ab}:root[data-theme=dark] mark.df-ok{background:#173d26;color:#9be3b3}
@media print{mark.df-bad,mark.df-ok{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.cp-radio{display:flex;gap:8px;align-items:flex-start}
.cp-ppl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 14px}
.cp-pp{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:6px 8px;border:1px solid var(--line);border-radius:10px}
/* ---------- Planifier et prioriser ---------- */
.pl-steps{list-style:none;margin:0 0 4px;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.pl-steps button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px 6px 6px;font:inherit;font-weight:600;cursor:pointer;color:inherit}
.pl-steps button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sunken);font-size:.88rem}
.pl-steps button.on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}
.pl-steps button.on span{background:var(--brand);color:#fff}
.pl-steps button.done span{background:var(--ok);color:#fff}
.pl-steps button:disabled{opacity:.45;cursor:not-allowed}
.pl-tray{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px dashed var(--line);border-radius:12px;min-height:56px}
.pl-tray.v{flex-direction:column;flex-wrap:nowrap}
.pl-tray.over,.pl-q.over{outline:2px dashed var(--brand)}
.pl-card{display:block;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;max-width:330px}
.pl-tray .pl-card{flex:1 1 230px}.pl-tray.v .pl-card{max-width:none}
.pl-card.sel{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
.pl-card.placed{max-width:none;width:100%}
.pl-card.good{border-color:#7cc597;background:color-mix(in srgb,var(--ok) 8%,var(--surface))}
.pl-card.bad{border-color:#e39a92;background:color-mix(in srgb,var(--err) 7%,var(--surface))}
.pl-tt{display:grid;gap:2px}.pl-meta{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pl-fb{display:block;font-size:.88rem;margin-top:6px}
.pl-axes{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-top:6px}
.pl-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:700px){.pl-matrix{grid-template-columns:minmax(0,1fr)}}
.pl-q{border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:120px;border:1px solid var(--line)}
.pl-q.q-do{background:color-mix(in srgb,var(--err) 9%,var(--surface))}.pl-q.q-plan{background:color-mix(in srgb,#1f6f8b 9%,var(--surface))}
.pl-q.q-deleg{background:color-mix(in srgb,#d9a000 12%,var(--surface))}.pl-q.q-drop{background:var(--sunken)}
.pl-qh{display:grid;gap:2px;text-align:left;font:inherit;color:inherit;background:transparent;border:1px dashed transparent;border-radius:10px;padding:4px 6px;cursor:pointer}
.pl-qh:not(:disabled){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}
.pl-qh span{font-size:.86rem;color:var(--muted)}.pl-qh:disabled{cursor:default}
.pl-qc{font-size:.78rem;font-weight:700;padding:0 6px;border-radius:6px}
.pl-qc.q-do{color:#a3201a}.pl-qc.q-plan{color:#1f6f8b}.pl-qc.q-deleg{color:#8a6500}.pl-qc.q-drop{color:var(--muted)}
.pl-plan{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:800px){.pl-plan{grid-template-columns:minmax(0,1fr)}}
.pl-agenda{display:grid;grid-template-columns:52px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.pl-tm{grid-column:1;font-size:.78rem;color:var(--muted);padding:2px 6px;border-top:1px solid var(--line)}
.pl-cell{grid-column:2;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;min-height:30px}
.pl-cell:hover,.pl-cell:focus-visible{background:color-mix(in srgb,var(--brand) 12%,transparent)}
.pl-agenda .pl-cell:not([data-plslot]){cursor:default}
.pl-blk{grid-column:2;margin:2px 4px;border-radius:8px;padding:4px 8px;font-size:.86rem;display:flex;flex-direction:column;gap:1px;z-index:1;text-align:left;font-family:inherit;color:inherit;border:1px solid transparent;overflow:hidden}
.pl-blk span{font-size:.78rem;opacity:.8}
.pl-blk.fixed{background:repeating-linear-gradient(135deg,var(--sunken),var(--sunken) 6px,color-mix(in srgb,var(--line) 60%,transparent) 6px,color-mix(in srgb,var(--line) 60%,transparent) 8px);border-color:var(--line)}
.pl-blk.past{background:var(--sunken);color:var(--muted)}
.pl-blk.task{background:color-mix(in srgb,var(--brand) 14%,var(--surface));border-color:color-mix(in srgb,var(--brand) 45%,transparent);cursor:pointer}
div.pl-blk.task{cursor:default}
.pl-blk.task.good{background:color-mix(in srgb,var(--ok) 14%,var(--surface));border-color:#7cc597}
.pl-blk.task.bad{background:color-mix(in srgb,var(--err) 12%,var(--surface));border-color:#e39a92}
.pl-zone{border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:6px}
.pl-zh{flex:1 1 100%;display:grid;text-align:left;font:inherit;color:inherit;background:transparent;border:1px dashed transparent;border-radius:8px;padding:4px 6px;cursor:pointer}
.pl-zh:not(:disabled){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}
.pl-chip{font:inherit;font-size:.86rem;border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:var(--sunken);cursor:pointer;color:inherit}
.pl-hint{color:var(--brand);font-weight:600}
.pl-fbl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pl-fbl li{display:flex;gap:8px;align-items:flex-start;padding:6px 10px;border-radius:10px;border:1px solid var(--line)}
.pl-fbl li.good{border-color:#7cc597}.pl-fbl li.bad{border-color:#e39a92}
.pl-fbl li.good svg{color:var(--ok)}.pl-fbl li.bad svg{color:var(--err)}
.pl-score{font-size:1rem}.pl-tip{border-left:3px solid #d9a000;padding-left:10px}
.pl-ev{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:8px}
.pl-evh{display:flex;gap:8px;align-items:center}.pl-msg{margin:0;font-style:italic}
.pl-opts{display:grid;gap:6px}
.pl-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pl-sum>div{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid}.pl-sum b{font-size:1.4rem}
@media (max-width:600px){.pl-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pl-evi{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);flex:none}
.pl-evi svg{width:18px;height:18px}
.pl-chip.good{border-color:var(--ok)}.pl-chip.bad{border-color:var(--err)}
.pl-tray.v .pl-card{flex:none}
@media (max-width:800px){.pl-plan>.col{order:-1}.pl-tray.v{max-height:46vh;overflow:auto}}
.grp-copy-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.grp-copy{margin-top:10px}
.head-grp{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:1px dashed var(--line);border-radius:12px}
.grp-badge.sm{font-size:.72rem;padding:2px 7px}
.my-depts .heads{padding-left:0}
/* Liste des formateurs (1.39.1) */
.tr-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tr-top h2{margin-right:auto}
.tr-top #tr-q{flex:1 1 240px;max-width:360px}
.tr-list{list-style:none;margin:0;padding:0;display:grid}
.tr-row{display:grid;grid-template-columns:auto minmax(150px,1.2fr) minmax(0,2fr) auto auto;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}
.tr-row:first-child{border-top:0}
.tr-n{display:grid;min-width:0}.tr-n .mono{font-size:.82rem}
.tr-gs{display:flex;flex-wrap:wrap;gap:4px}
.tr-g{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sunken);border:1px solid var(--line)}
.tr-g.mgr{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.tr-meta{white-space:nowrap}
.tr-row.on{display:block;border:1px solid var(--brand);border-radius:14px;padding:14px;margin:6px 0}
.tr-ed{display:grid;gap:12px}
.tr-edh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tr-acc{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.tr-acc label{display:grid;gap:4px;font-size:.84rem;font-weight:600;flex:1 1 220px;max-width:340px}
.tr-grid{width:100%;min-width:0;border-collapse:collapse}
.tr-grid th,.tr-grid td{text-align:left;padding:8px;border-top:1px solid var(--line);vertical-align:middle}
.tr-grid thead th{font-size:.78rem;color:var(--muted);border-top:0}
.tr-grid tr.off th{color:var(--muted);font-weight:500}
.tr-heads{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:760px){.tr-row{grid-template-columns:auto minmax(0,1fr) auto}.tr-gs,.tr-meta{grid-column:2/-1}}
.tr-n .adm-tag{justify-self:start}
.tr-row .av,.tr-edh .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);font-weight:700;font-size:.84rem;flex:none}

/* ---------- Chablais Bureau SA (entreprise fictive) : son propre espace ---------- */
.shell.cb{--brand:#1f2d4d;--brand-deep:#16213a;--brand-ink:#eef1f8;--brand-soft:#e3e8f3;--go:#f08a3c;--go-ink:#22140a;--bg:#f1f3f7;--trainer:#1f2d4d;background:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .shell.cb{--brand:#18233d;--brand-deep:#111a2e;--brand-ink:#e6ebf5;--brand-soft:#23304d;--go:#ff9d55;--bg:#0e131d;--trainer:#9fb4e0}}
:root[data-theme="dark"] .shell.cb{--brand:#18233d;--brand-deep:#111a2e;--brand-ink:#e6ebf5;--brand-soft:#23304d;--go:#ff9d55;--bg:#0e131d;--trainer:#9fb4e0}
.cbwm{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;letter-spacing:0}
.cb-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--go,#f08a3c);color:#22140a;font-family:var(--f-display);font-weight:800;font-size:.95rem;letter-spacing:-.02em;flex:none}
.cb-wt{display:flex;flex-direction:column;line-height:1.05;font-weight:800}
.cb-wt small{font-size:.72rem;font-weight:700;letter-spacing:.14em;opacity:.7;margin-top:2px}
.shell.cb .side{gap:18px}
.cb-site{display:block;margin:-6px 10px 0;font-size:.84rem;opacity:.75}
.cb-back{display:flex;align-items:center;gap:8px;margin-top:6px;background:transparent;border:1px dashed rgba(255,255,255,.3);color:var(--brand-ink);border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;opacity:.85;text-align:left}
.cb-back svg{transform:rotate(90deg)}
.cb-back:hover{opacity:1;background:rgba(255,255,255,.06)}
.cb-hero{background:var(--brand);color:var(--brand-ink);border-radius:16px;padding:24px 26px;margin-bottom:18px;position:relative;overflow:hidden}
.cb-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:28px solid var(--go);opacity:.25}
.cb-hero h1{margin:6px 0 8px;color:var(--brand-ink)}
.cb-hero p{max-width:62ch;opacity:.9}
.cb-kicker{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cb-hero .cb-kicker{color:var(--go)}
.cbx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cb-todo{margin-bottom:18px}
.cb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:18px}
.cb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cb-news{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cb-news li{border-left:3px solid var(--go);padding-left:12px}
.cb-news b{display:block}
.cb-date{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cb-sub{margin-top:10px}
.cb-people{display:grid;gap:8px}
.cb-person{display:flex;align-items:center;gap:10px}
.cb-person .av{flex:none}
.cb-person b{display:block;font-size:.95rem}
.cb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:12px}
.cb-tile{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:700;cursor:pointer;text-align:left;box-shadow:var(--shadow)}
.cb-tile svg{width:20px;height:20px;color:var(--go);flex:none}
.cb-tile:hover{border-color:var(--brand)}
.cb-tabs{flex-wrap:wrap}
.cb-search{max-width:360px;margin:4px 0 14px}
.cb-table{width:100%;border-collapse:collapse;font-size:.94rem}
.cb-table caption{text-align:left;font-family:var(--f-display);font-weight:700;font-size:1.05rem;padding:14px 14px 6px}
.cb-table th,.cb-table td{padding:9px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.cb-table th{font-size:.84rem;color:var(--muted);font-weight:700}
.cb-table .r{text-align:right}
.cb-m{display:block}
.cb-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:4px 0 0;font-size:.92rem}
.cb-dl dt{color:var(--muted)}
.cb-dl dd{margin:0}
.cbx-list{margin:0;padding-left:1.2em;display:grid;gap:6px}
.cb-proc summary{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;cursor:pointer}
.cb-proc ol{margin:12px 0 0;padding-left:1.3em;display:grid;gap:6px}
.cb-tip{margin-top:10px;background:var(--sunken);border-radius:10px;padding:10px 12px;font-size:.92rem}
.cb-tpl{white-space:pre-wrap;font-family:var(--f-mono);font-size:.88rem;background:var(--sunken);border-radius:10px;padding:12px;margin:0;overflow-x:auto}
.cb-sitegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.cb-sitegrid label{display:grid;gap:4px;font-weight:700;font-size:.92rem}
#cb-sites{margin-top:16px}
.cb-enter{display:flex;align-items:center;gap:14px;width:100%;background:#1f2d4d;color:#eef1f8;border:0;border-radius:14px;padding:14px 16px;margin-bottom:16px;cursor:pointer;text-align:left;box-shadow:var(--shadow)}
.cb-enter .cb-mark{background:#f08a3c}
.cb-enter-t{display:flex;flex-direction:column;min-width:0;flex:1}
.cb-enter-t span{font-size:.9rem;opacity:.85}
.cb-enter-go{background:#f08a3c;color:#22140a;font-weight:800;border-radius:999px;padding:6px 14px;flex:none}
.cb-enter:hover .cb-enter-go{background:#ffa25e}
@media (max-width:700px){.cb-table thead{display:none}.cb-table tr{display:block;border-top:1px solid var(--line);padding:8px 0}.cb-table td{display:inline-block;border:0;padding:2px 4px 2px 14px}.cb-table td:nth-child(2){display:block}.cb-table .r{text-align:left}.cb-hero{padding:20px}}
.cb-person .av{--d:var(--trainer)}
.shell.cb .tabbar button[aria-current="page"],.shell.cb .mchip.m-due{color:var(--trainer)}
.shell.cb .mchip.m-due{border-color:color-mix(in srgb,var(--trainer) 35%,transparent)}
/* Registres de Chablais Bureau */
.cbr-list{display:flex;flex-direction:column;overflow:hidden}
.cbr-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto 100px;gap:6px 14px;align-items:center;background:none;border:0;border-top:1px solid var(--line);padding:12px 16px;text-align:left;cursor:pointer;color:inherit;font:inherit}
.cbr-row:first-child{border-top:0}
.cbr-row:hover{background:var(--sunken)}
.cbr-no{font-size:.88rem;color:var(--muted)}
.cbr-main{display:flex;flex-direction:column;min-width:0}
.cbr-st{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cbr-amt{text-align:right;font-weight:700}
.mchip.cs-me{background:var(--go);color:var(--go-ink);border-color:transparent}
.mchip.cs-demande{background:#fdecd9;color:#8a4a10;border-color:#f3c99c}
.mchip.cs-nouvelle,.mchip.cs-confirmee{background:#e3e8f3;color:#1f2d4d;border-color:#c6d0e6}
.mchip.cs-preparee,.mchip.cs-livree{background:#dff1ea;color:#16654b;border-color:#b5dfcd}
.mchip.cs-facturee{background:#efe5f7;color:#5d3489;border-color:#d8c3ec}
.mchip.cs-payee{background:#e2f2e6;color:#1b6b3a;border-color:#bfe2c9}
.mchip.cs-annulee{text-decoration:line-through}
:root[data-theme="dark"] .mchip[class*="cs-"]:not(.cs-me){background:var(--sunken);color:var(--ink);border-color:var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mchip[class*="cs-"]:not(.cs-me){background:var(--sunken);color:var(--ink);border-color:var(--line)}}
.cbr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.cbr-h{padding:16px 16px 4px}
.cbr-lines{margin-top:4px}
.cbr-tot{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0;padding:12px 16px 16px;font-variant-numeric:tabular-nums;font-family:var(--f-mono);font-size:.94rem}
.cbr-tot dt{font-family:var(--f-body)}
.cbr-tot dd{margin:0;text-align:right}
.cbr-act .cbr-tot{padding:8px 0}
.cbr-hist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cbr-hist li{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:.93rem;border-left:3px solid var(--line);padding-left:10px}
.cbr-hist li.good{border-left-color:var(--ok)}
.cbr-hist li.bad{border-left-color:var(--err)}
.cbr-at{font-size:.84rem;color:var(--muted)}
.cbr-note{display:block;color:var(--muted);font-size:.88rem}
.cbr-form .cbr-f{display:grid;gap:4px;font-weight:700;font-size:.92rem}
.cbr-form.row{align-items:flex-end;flex-wrap:wrap}
.cbr-form.row .cbr-f{flex:1;min-width:200px}
.cbr-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cbr-lines-f{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;margin:0}
.cbr-lines-f legend{font-weight:700;padding:0 6px}
.cbr-line{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px}
.cbr-line .btn svg{width:16px;height:16px}
.cbr-count{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center}
.cbr-check{display:flex;gap:10px;align-items:flex-start}
.cbr-check input{width:20px;height:20px;margin-top:2px}
.cbr-warn{background:#fff4e5;border:1px solid #f3c99c;border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.93rem;color:#6b3b0c}
:root[data-theme="dark"] .cbr-warn{background:#3a2a10;border-color:#6b4a14;color:#ffd79a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cbr-warn{background:#3a2a10;border-color:#6b4a14;color:#ffd79a}}
.cbr-stand{background:var(--sunken);border-radius:10px;padding:8px 12px;font-size:.9rem}
.cbr-exp{font-size:.9rem;background:var(--sunken);border-radius:10px;padding:8px 12px}
.cbr-trs{list-style:none;margin:0;padding:0;display:grid}
.cbr-tr{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 0}
.cbr-tr:first-child{border-top:0}
.cbr-m{display:block}
.cbr-inline{display:flex;gap:8px;align-items:center}
.cbr-inline .input{width:90px;min-height:38px;padding:6px 10px}
.cbr-low{color:var(--err);font-weight:700}
.cbr-home{margin:0;padding-left:1.1em;display:grid;gap:6px}
.cnt{font-size:.84rem;font-weight:700;color:var(--muted);margin-left:4px}
@media (max-width:860px){.cbr-grid{grid-template-columns:1fr}}
@media (max-width:700px){.cbr-row{grid-template-columns:1fr auto;}.cbr-no{grid-column:1/-1}.cbr-st{justify-content:flex-start;grid-column:1/-1}.cbr-2{grid-template-columns:1fr}.cbr-count{grid-template-columns:1fr 90px}}
.shell.cb .tabbar button span{font-size:.72rem}
.cb-table{min-width:0}
.cbr-lines-w{display:grid;gap:8px}
.cbr-lines-f>.btn{justify-self:start;margin-top:8px}
@media (max-width:700px){.cb-table td[data-l]::before{content:attr(data-l) " : ";font-family:var(--f-body);color:var(--muted);font-size:.84rem}}
@media (max-width:860px){.cbr-side{order:-1}}
.cbr-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.cbr-item-f{display:grid;gap:10px}
.cbr-item.compact .cbr-item-f{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.cbr-item-b{display:flex;flex-direction:column;gap:6px}
.cbr-item-b .btn{min-height:36px;padding:6px 10px}
.cbr-item-b svg{width:16px;height:16px}
.cbr-num{width:90px;min-height:38px;padding:6px 10px;text-align:right}
.cbr-rights{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.cbr-tbox{border:2px dashed var(--line)}
.cbr-fo td{background:var(--sunken)}
@media (max-width:700px){.cbr-item{grid-template-columns:1fr}.cbr-item-b{flex-direction:row}}
.cbr-f .input{font-weight:400}
.cbr-item.k-catalog .cbr-item-f{grid-template-columns:100px minmax(200px,3fr) minmax(80px,1fr) 90px minmax(100px,1fr) minmax(80px,1fr)}
.cbr-item.k-catalog{padding:12px 14px}
@media (max-width:1100px){.cbr-item.k-catalog .cbr-item-f{grid-template-columns:100px 1fr 1fr}}
@media (max-width:700px){.cbr-item.k-catalog .cbr-item-f{grid-template-columns:1fr 1fr}}
.cbr-item.k-catalog .cbr-item-b{flex-direction:row;align-self:end}
.cbr-paces{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cbr-pace{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;color:inherit;font:inherit}
.cbr-pace b{font-family:var(--f-display);font-size:1.1rem}
.cbr-pace.on{border-color:var(--go);background:color-mix(in srgb,var(--go) 10%,var(--surface))}
.cbr-sel{min-height:38px;padding:6px 10px;width:auto}
.cbr-pdfbar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;justify-content:space-between}
.cbr-pdfbar>div{flex:1;min-width:240px}
.cbr-pdfbar .cbr-f{display:grid;gap:4px;font-weight:700;font-size:.92rem;min-width:200px}
.cbr-acts{display:flex;gap:6px;flex-wrap:wrap}
.cbr-acts .btn svg,.cbr-pdfbar .btn svg{width:16px;height:16px}
.cb-logo{width:38px;height:38px;flex:none;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.cb-enter .cb-logo{width:42px;height:42px}
.cbr-pool{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 0}
.cbr-pool:first-child{border-top:0}
.cbr-pause{display:flex;gap:10px;align-items:flex-start;background:#fff4e5;border:1px solid #f3c99c;color:#6b3b0c;border-radius:12px;padding:12px 14px;margin-bottom:16px}
:root[data-theme="dark"] .cbr-pause{background:#3a2a10;border-color:#6b4a14;color:#ffd79a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cbr-pause{background:#3a2a10;border-color:#6b4a14;color:#ffd79a}}
.cbr-alerts{border-left:4px solid var(--go)}
.cbr-claimrow{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.shell.cb .tabbar{grid-auto-columns:minmax(62px,1fr);overflow-x:auto;scrollbar-width:none}
.cbr-clock{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;border-radius:12px;padding:10px 14px;margin-bottom:16px;border:1px solid var(--line);background:var(--surface)}
.cbr-clock>span:nth-child(2){flex:1;min-width:200px}
.cbr-clock.off{border-color:var(--go);background:color-mix(in srgb,var(--go) 10%,var(--surface))}
.cbr-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--muted);flex:none}
.cbr-clock.on .cbr-dot,.cbr-dot.on{background:#1b9e5a;box-shadow:0 0 0 3px rgba(27,158,90,.18)}
.cbr-clock.off .cbr-dot{background:var(--go)}
.cbr-obs{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px;align-items:start}
@media (max-width:700px){.cbr-obs{grid-template-columns:1fr}}
.cbr-posts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cbr-posts li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;max-width:88%}
.cbr-posts li.me{margin-left:auto;background:color-mix(in srgb,var(--go) 10%,var(--surface))}
.cbr-pmeta{font-size:.86rem;color:var(--muted);margin-bottom:4px}
.cbr-ptext{white-space:pre-wrap}
.cbr-row.unread b{font-weight:800}
.cbr-mods{display:grid;gap:8px}
.cbr-mod{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:8px}
.cbr-mod>div{display:flex;flex-direction:column}
.cbr-brief{border-left:4px solid var(--go);margin-bottom:18px}
.cbr-brief h3{margin:8px 0 4px;font-size:1rem}
.cbr-ring{position:fixed;right:20px;bottom:90px;z-index:50;display:flex;align-items:center;gap:14px;background:#1f2d4d;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.cbr-ring b{display:block}.cbr-ring span{font-size:.88rem;opacity:.85}
.cbr-ring-ic{width:44px;height:44px;border-radius:50%;background:#1b9e5a;display:grid;place-items:center;flex:none;animation:cbring .5s ease-in-out infinite alternate}
.cbr-ring-ic svg{width:22px;height:22px;color:#fff}
@keyframes cbring{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@media (prefers-reduced-motion:reduce){.cbr-ring-ic{animation:none}}
.cbr-call{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cbr-cline{border-radius:12px;padding:10px 12px;max-width:88%}
.cbr-cline b{display:block;font-size:.82rem;color:var(--muted)}
.cbr-cline.them{background:var(--sunken)}
.cbr-cline.me{margin-left:auto;background:color-mix(in srgb,var(--go) 14%,var(--surface))}
.cbr-cnote{font-style:italic;color:var(--muted);font-size:.9rem;text-align:center}
.cbr-copt{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:8px;cursor:pointer;font:inherit;color:inherit}
.cbr-copt:hover{border-color:var(--brand)}
.cbr-timer{height:6px;background:var(--sunken);border-radius:3px;overflow:hidden}
.cbr-timer span{display:block;height:100%;background:var(--go);transition:width .2s linear}
@media (max-width:860px){.cbr-ring{left:16px;right:16px;bottom:84px}}

/* 1.54 : tableau de bord et chefs de service */
.cbr-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:16px}
.cbr-kpi{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.cbr-kpi b{font-size:1.6rem;line-height:1.1}
.cbr-kpi.bad b{color:var(--err)}
.cbr-kpi.warn b{color:var(--warn)}
.cbr-goal h2{margin:2px 0 0}
.cbr-pct{font-size:1.5rem}
.cbr-gbar{height:12px;border-radius:6px}
.cbr-gbar span{background:var(--ok)}

/* 1.55 : menu groupé, menu mobile, suivi en cartes */
.nav-h{display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);opacity:.55;padding:14px 12px 4px}
.nav-h.own{opacity:.95;color:var(--go)}
.nav-h i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:700;opacity:.8}
.shell.cb .nav{gap:2px}
.shell.cb .nav button{padding:8px 12px}
.shell.cb .side{overflow-y:auto}
.navsheet{position:fixed;inset:0;z-index:30;background:rgba(10,20,22,.45);display:flex;align-items:flex-end}
.navsheet-in{background:var(--brand,#1f2d4d);color:var(--brand-ink);width:100%;max-height:82vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px))}
.navsheet-in .cbx-head b{color:var(--brand-ink);font-size:1.05rem}
.navsheet .cb-back{margin-top:12px}
.cbr-ftool{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.cbr-ftool .cbr-f{min-width:220px}
.cbf-sum{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted)}
.cbf-sum b{color:var(--ink);font-size:1.1rem}
.cbf-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.cbf-list{display:flex;flex-direction:column;gap:8px}
.cbf-card{padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.cbf-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:'who side' 'kpis kpis';gap:10px 14px;align-items:center}
.cbf-row .cbf-who{grid-area:who}.cbf-row .cbf-kpis{grid-area:kpis}.cbf-row .cbf-side{grid-area:side}
.cbf-who span.small+span.small::before{content:' · '}
.cbf-who span.small{display:inline}
.cbf-k b{white-space:nowrap}
.cbf-side{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.cbf-side .cbr-sel{min-width:0;padding-top:4px;padding-bottom:4px}
.cbf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.cbf-who{display:flex;gap:10px;align-items:flex-start}
.cbf-who .cbr-dot{margin-top:7px}
.cbf-who b{display:block;font-size:1.08rem}
.cbf-pace{display:flex;align-items:center;gap:8px}
.cbf-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cbf-k{background:var(--sunken);border-radius:10px;padding:6px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cbf-k span{font-size:.8rem;color:var(--muted);font-weight:700}
.cbf-k b{font-size:1.05rem}
.cbf-k small{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbf-k.bad b{color:var(--err)}
.cbf-k.warn b{color:var(--warn)}
.cbf-acts{display:flex;flex-wrap:wrap;gap:8px}
.cbf-det{border-top:1px solid var(--line);padding-top:12px}
.cbf-det h3{margin:6px 0}
.cbf-help summary{cursor:pointer;font-weight:700}
@media (max-width:900px){.cbf-row{grid-template-columns:1fr;grid-template-areas:'who' 'kpis' 'side'}.cbf-side{justify-content:flex-start}}
@media (max-width:760px){.cbf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cbf-filters{grid-template-columns:1fr}}

/* 1.57 : Mes progrès */
.pg-up{color:var(--ok);font-size:.8em}
.pg-down{color:var(--err);font-size:.8em}
.pg-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:220px;padding-top:6px}
.pg-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.pg-track{flex:1;width:100%;max-width:56px;background:var(--sunken);border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}
.pg-bar{width:100%;background:var(--ok);border-radius:8px 8px 0 0;min-height:2px}
.pg-bar.low{background:var(--warn)}
.pg-val{font-weight:800;font-size:.88rem;font-family:var(--f-mono,monospace)}
.pg-lbl{font-size:.82rem;color:var(--muted)}
.pg-n{font-size:.76rem;color:var(--muted)}
.pg-goals,.pg-errs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pg-goals li,.pg-errs li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.pg-goals li.done{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.pg-goals li.late{border-color:color-mix(in srgb,var(--err) 45%,var(--line))}
.pg-gh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.pg-gbar{height:8px}
.pg-gbar span{background:var(--ok)}
.pg-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pg-badge{border:1px dashed var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;opacity:.7}
.pg-badge.won{border-style:solid;border-color:var(--go);background:color-mix(in srgb,var(--go) 10%,var(--surface));opacity:1}
.pg-bi{font-size:1.4rem;color:var(--go);line-height:1}
.pg-ok{color:var(--ok);font-weight:700}

/* 1.58 : compétences */
.cp-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px}
.pg-comps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.pg-comps li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}

/* 1.59 : scénarios */
.cbr-scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cbr-sccard h3{margin:0}
.cbr-scgo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cbr-scgo .cbr-sel{flex:1;min-width:150px}
.cbr-scrun{border-left:4px solid var(--go)}
.cbr-scstep{display:grid;grid-template-columns:90px 260px 1fr auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:10px;padding:8px}
.cbr-scx{display:flex;flex-wrap:wrap;gap:6px}
.cbr-scx .input{flex:1;min-width:140px}
@media (max-width:760px){.cbr-scstep{grid-template-columns:1fr}}

/* 1.60 : modules par personne, visite guidée */
.cbr-umsteps{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.cb-hero{position:relative}
.cb-tourbtn{position:absolute;right:16px;top:16px;z-index:2}
.tour{position:fixed;inset:0;z-index:60}
.tour-dim{position:fixed;inset:0;background:rgba(10,20,22,.55)}
.tour-hl{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(10,20,22,.55);outline:3px solid var(--go);pointer-events:none;transition:all .2s}
.tour-pop{position:fixed;width:min(340px,calc(100vw - 24px));background:var(--surface);color:var(--ink);border-radius:14px;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:6px}
.tour-pop h2{margin:0;font-size:1.15rem}
.tour-pop p{margin:0}
@media (max-width:640px){.tour-pop{left:12px!important;right:12px;top:auto!important;bottom:90px;transform:none!important;width:auto}}

/* 1.61 : données personnelles */
.cbr-privtxt{white-space:pre-line;line-height:1.6}

/* Mandats réels (1.63) */
.reel-go{display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:8px 12px;border-radius:10px;border:1px dashed var(--line,#c9ced6);background:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer;text-align:left}
.reel-go:hover{background:rgba(0,0,0,.04)}
.reel-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:14px;margin-bottom:16px;border:1.5px solid #c98a12;background:#fff6e0;color:#4a3300}
.reel-bar.ask{border-color:var(--line);background:var(--surface);color:var(--ink)}
.reel-bar>div{flex:1;min-width:220px}
.reel-bar p{margin:4px 0 0}
.reel-ic svg{width:26px;height:26px}
.reel-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mchip.m-reel{background:#fff1cc;color:#6b4a00;border-color:#e7c46a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .reel-bar.away{background:#3a2c08;color:#ffe7a8;border-color:#a87a16}:root:not([data-theme="light"]) .mchip.m-reel{background:#3a2c08;color:#ffe7a8;border-color:#a87a16}}
:root[data-theme="dark"] .reel-bar.away{background:#3a2c08;color:#ffe7a8;border-color:#a87a16}
:root[data-theme="dark"] .mchip.m-reel{background:#3a2c08;color:#ffe7a8;border-color:#a87a16}

/* Pause d'un test (1.67) */
.chrono .chrono-pause{margin-left:auto}
.perf-paused{align-items:flex-start;gap:8px}

/* Double authentification (1.68) */
.mfa-qr{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.mfa-qr .qr{width:200px;height:200px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px}
.mfa-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.mfa-codes{display:grid;grid-template-columns:repeat(4,auto);gap:8px 18px;font-size:1.05rem;justify-content:start}
@media (max-width:520px){.mfa-codes{grid-template-columns:repeat(2,auto)}}

/* Objectifs et bilans (1.69) */
.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.goal-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.goal-row:last-child{border-bottom:0}
.goal-t{flex:2 1 260px;min-width:0}
.goal-p{flex:1 1 200px;display:flex;align-items:center;gap:10px}
.goal-row.st-stopped{opacity:.6}
.bil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bil-k{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sunken)}
.bil-k>span{font-size:.84rem;color:var(--muted)}
.bil-f textarea{min-height:70px}
.bil-scale{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}

/* Messagerie bénéficiaire ↔ formateurs (1.70) */
.fm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}
.fm{max-width:80%;padding:10px 14px;border-radius:14px;background:var(--sunken);border:1px solid var(--line)}
.fm.mine{align-self:flex-end;background:#e6f2f3}
.fm-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.fm-b{margin:4px 0 0;white-space:pre-wrap}
.fm-grid{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:16px;align-items:start}
@media (max-width:900px){.fm-grid{grid-template-columns:1fr}.fm{max-width:95%}}
.fm-inbox{list-style:none;margin:0;padding:0}
.fm-inbox button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px;border:0;background:none;border-radius:10px;font:inherit;color:inherit;cursor:pointer}
.fm-inbox button.on,.fm-inbox button:hover{background:var(--sunken)}
.fm-ib{display:flex;flex-direction:column;min-width:0}
.fm-ib .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fm.mine{background:#173238}}
:root[data-theme="dark"] .fm.mine{background:#173238}

/* Versions d'un test (1.71) */
.ed-vers{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;background:var(--sunken);margin:8px 0}

/* Aide : wiki (1.73) */
.wk-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.wk-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:16px;align-items:start}
@media (max-width:900px){.wk-grid{grid-template-columns:1fr}}
.wk-side{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto}
.wk-ch summary{cursor:pointer;padding:8px 0;font-weight:600}
.wk-list{list-style:none;margin:0 0 6px;padding:0}
.wk-list button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:8px;font:inherit;color:inherit;cursor:pointer}
.wk-list button:hover,.wk-list button.on{background:var(--brand-soft)}
.wk-art h2{margin:4px 0 6px}
.wk-art .sum{color:var(--muted);font-size:1.05rem}
.wk-more{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.wk-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px}
.wk-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--sunken);font:inherit;color:inherit;cursor:pointer}
.wk-chip b{font-family:var(--f-display,inherit);font-size:1.4rem;color:var(--brand)}
.wk-chip:hover{border-color:var(--brand)}
.help-more{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.gd-scope p{margin:8px 0}
.gd-scope h4{margin:14px 0 4px}
.gd-scope .gd-path{color:var(--brand);font-weight:700}
.gd-scope .gd-steps{list-style:none;counter-reset:s;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.gd-scope .gd-steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start}
.gd-scope .gd-steps li:before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-weight:800;display:flex;align-items:center;justify-content:center}
.gd-scope .gd-list{margin:8px 0;padding-left:22px}
.gd-scope .gd-tip,.gd-scope .gd-warn{display:flex;gap:12px;padding:12px 16px;border-radius:12px;margin:12px 0}
.gd-scope .gd-tip{background:#fff6dc;border-left:5px solid var(--go);color:#2a2410}
.gd-scope .gd-warn{background:#fdecea;border-left:5px solid #c0392b;color:#3a1410}
.gd-scope .gd-faq{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0;background:var(--sunken)}
.gd-scope .gd-q{font-weight:700;margin:0 0 4px}
.gd-scope .gd-q:before{content:"Q ";color:var(--brand);font-weight:800}
.gd-scope .gd-a{margin:0}
.gd-scope .gd-fig{margin:14px 0}
.gd-scope .gd-fig img{max-width:100%;border-radius:12px;border:1px solid var(--line)}
.gd-scope .gd-fig figcaption{font-size:.88rem;color:var(--muted);margin-top:6px}

/* Menu : l'entrée Chablais Bureau à ses couleurs (1.73) */
.nav button.nav-cb{background:#1f2d4d;color:#fff;border:1px solid #f08a3c;margin:6px 0}
.nav button.nav-cb:hover{background:#26375e}
.nav button.nav-cb .cb-logo{width:22px;height:22px;flex:none}
.nav button.nav-cb .badge{background:#f08a3c;color:#2a1405}
.tabbar button.nav-cb{background:#1f2d4d;color:#fff;border-radius:12px}

/* 1.73 : menu en rubriques, une ligne par entrée */
.shell:not(.cb) .nav{gap:2px}
.shell:not(.cb) .side{overflow-y:auto}
.shell:not(.cb) .nav button{padding:8px 12px}
.shell:not(.cb) .nav-h:first-child{padding-top:0}
.nav button span:not(.badge){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.nav button .badge{flex:none;margin-left:auto}
.nav button.nav-cb{margin:2px 0}
@media (min-width:861px){.shell{grid-template-columns:264px minmax(0,1fr)}}
.shell:not(.cb) .side{padding:24px 12px}
.shell:not(.cb) .nav button{font-size:.95rem;gap:10px}

/* 1.76 : énoncé de l'exercice dans la copie */
.rv-brief .msg-orig-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.rv-brief-intro{margin:0;max-width:75ch}
.rv-brief-mail{border-left:4px solid var(--line,#d7e0e2);padding:4px 0 4px 14px}
.rv-brief-mail p{margin:0 0 6px}
.qno{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;padding:0 .4em;margin-right:8px;border-radius:999px;background:var(--brand,#0f4c5c);color:#fff;font-size:.78em;font-weight:800;vertical-align:.1em;font-variant-numeric:tabular-nums}

/* 1.78 : liste des formateurs en tableau compact */
.tr-filters{flex-wrap:wrap}
.tr-table{width:100%}
.tr-table td{vertical-align:middle;padding-block:8px}
.tr-table td.small{line-height:1.35}
.tr-who{display:flex;gap:10px;align-items:center;min-width:180px}
.tr-who .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);font-weight:700;font-size:.78rem;flex:none}
.tr-warn{color:var(--err);font-weight:700}
.th-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.th-sort[aria-pressed="true"]{color:var(--brand)}
.tr-edrow>td{padding:0 0 6px}
.tr-edrow .tr-row.on{margin:6px 0}

/* 1.78 : accueil des nouveaux formateurs */
.wel{position:fixed;inset:0;z-index:70;background:rgba(10,30,36,.55);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto}
.wel-box{background:var(--surface,#fff);color:var(--ink);border-radius:20px;max-width:560px;width:100%;padding:28px 28px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-height:calc(100dvh - 32px);overflow-y:auto}
.wel-box h2{font-size:1.55rem;line-height:1.2;text-wrap:balance}
.wel-box p{margin:0}
.wel-tag{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.wel-dots{display:flex;gap:6px}
.wel-dots i{width:28px;height:5px;border-radius:3px;background:var(--line)}
.wel-dots i.on{background:var(--brand)}.wel-dots i.done{background:var(--go,#ffc53d)}
.wel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wel-list li{display:flex;gap:10px;align-items:center}
.wel-list svg{color:var(--brand);flex:none}
.wel-heads{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.wel-heads .head-grp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex-basis:100%}
.wel-heads .headchip{font-size:.95rem;padding:6px 12px}
.wel-act{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.wel-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.wel-guide{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;border-radius:14px;border:0;cursor:pointer;color:#fff;font:inherit}
.wel-guide b{font-size:1.05rem}.wel-guide span{font-size:.88rem;opacity:.9}
.wel-guide.fa{background:#0f4c5c;box-shadow:inset 0 -4px 0 #ffc53d}
.wel-guide.cb{background:#1f2d4d;box-shadow:inset 0 -4px 0 #f08a3c}
.wel-guide:hover{filter:brightness(1.1)}
.wel-guide:focus-visible{outline:3px solid var(--go,#ffc53d);outline-offset:2px}
.wel-heads.heads{margin:0;padding:0;justify-content:flex-start}

/* 1.79 : copies sans erreur */
.bulk-ok{border:1px solid var(--ok,#1b7a4a)}
.bulk-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok,#1b7a4a) 14%,transparent);color:var(--ok,#1b7a4a);flex:none}
.bulk-ic svg{width:20px;height:20px}
.bulk-list{margin:6px 0 10px;padding-left:20px;columns:2;column-gap:24px}
@media (max-width:640px){.bulk-list{columns:1}}
.snips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.snip{border:1px dashed var(--line);background:var(--sunken);color:var(--ink);border-radius:999px;padding:4px 10px;font:inherit;font-size:.84rem;cursor:pointer;text-align:left}
.snip:hover{border-style:solid;border-color:var(--brand)}
.snip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.pf-state{flex-wrap:wrap}
.purge-soon{border-left:4px solid var(--warn,#c98a00);background:var(--sunken);padding:10px 14px;border-radius:10px}.purge-soon ul{margin:6px 0;padding-left:18px}
.bulk-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* 1.79.1 : modules suivis en plus, repliés */
.pl-tags{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 4px;margin-top:2px}
.pl-tags .mini-tag{margin:3px 0 0}
.crs-more{display:inline}
.crs-more>summary{list-style:none;cursor:pointer;color:var(--brand)}
.crs-more>summary::-webkit-details-marker{display:none}
.crs-more>summary::after{content:" ▾"}
.crs-more[open]>summary::after{content:" ▴"}
.crs-list{display:flex;flex-wrap:wrap;gap:0 4px;margin-top:2px;max-width:380px}
.crs-list .mini-tag{margin:3px 0 0}
.pl-table td:first-child{min-width:220px}

.icon-btn{min-width:36px;padding-inline:10px;font-size:1rem;line-height:1}

/* 1.80 : signaler un problème */
.side-user .rep-btn{font-size:1rem;line-height:1}
.rep-box .lf{display:flex;flex-direction:column;gap:6px}
.rep-img{display:flex;gap:10px;align-items:flex-start}
.rep-img img{max-width:220px;max-height:140px;border-radius:8px;border:1px solid var(--line)}
.rep-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rep-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.rep-item.done{opacity:.75}
.rep-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rep-msg{margin:0;white-space:normal}
.rep-thumb{max-width:320px;max-height:200px;border-radius:8px;border:1px solid var(--line)}

/* 1.80 : barre du haut sur téléphone, tout tient sur la largeur */
@media (max-width:860px){
  .mobilebar{gap:8px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .mobilebar>.wm{min-width:0;flex:1 1 auto;overflow:hidden}
  .mb-r{gap:2px;flex:none}
  .mobilebar .mb-r button{min-width:34px;min-height:36px}
}
@media (max-width:440px){
  .mobilebar .cbwm .cb-wt{display:none}
}
.rep-mail{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.rep-mail h3{font-size:1rem;margin:0}
.priv-note{display:flex;gap:6px;align-items:flex-start;color:var(--muted);margin:4px 0 0}.priv-note svg{flex:none;margin-top:2px;color:var(--brand)}

/* 1.80.4 : « Retour à Form’Action » dans les couleurs de Form’Action (comme le bouton Chablais Bureau dans l’autre sens) */
.cb-back{background:#0f4c5c;color:#fff;border:1px solid #ffc53d;opacity:1;font-weight:800}
.cb-back svg{color:#ffc53d}
.cb-back:hover{background:#155e70}
.cb-back:focus-visible{outline:2px solid #ffc53d;outline-offset:2px}

/* 1.81 : démarrer avec du travail */
form.kick{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between;border-left:4px solid var(--go)}
form.kick .kick-t{flex:1 1 260px;min-width:0}form.kick .kick-t h2{margin:0 0 4px}form.kick .kick-t p{margin:0}
form.kick .kick-f{display:flex;flex-direction:row;gap:10px;align-items:flex-end;flex-wrap:wrap;flex:0 1 auto}
form.kick .kick-f .cbr-f{min-width:140px;flex:1 1 140px}form.kick .kick-f .cbr-f:first-child{min-width:185px}
@media (max-width:600px){form.kick .kick-f{width:100%}form.kick .kick-f .btn{width:100%}}

/* 1.81.1 : contrôle de sécurité */
.integ-v h2{margin:0}.integ-v p{margin:0}
.integ-ok{border-left:4px solid var(--ok)}.integ-warn{border-left:4px solid var(--warn)}.integ-er{border-left:4px solid var(--err)}
.integ-list{display:grid;gap:6px}
.integ-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:4px 12px;padding:8px 10px;border-radius:8px;background:var(--sunken);align-items:baseline}
.integ-row.bad{background:color-mix(in srgb,var(--err) 10%,var(--surface))}
.integ-p{overflow-wrap:anywhere;font-size:.88rem}
@media (max-width:700px){.integ-row{grid-template-columns:1fr}}

/* 1.84 : accueil bénéficiaires, avis, Ma semaine, vos formateurs */
.wel-steps{margin:0;padding-left:22px;display:grid;gap:6px}
.sv-card{border-left:4px solid var(--brand);gap:12px}
.sv-card h2{margin:0}.sv-card p{margin:0}
.sv-q{border:0;margin:0;padding:0;display:grid;gap:8px}.sv-q legend{padding:0;margin-bottom:8px}
.sv-scale{display:flex;flex-wrap:wrap;gap:8px}
.sv-opt{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:78px;padding:8px 6px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);text-align:center}
.sv-opt input{position:absolute;opacity:0;pointer-events:none}
.sv-opt span{font-size:1.6rem;line-height:1}.sv-opt small{font-size:.82rem;color:var(--muted)}
.sv-opt.on,.sv-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.sv-opt:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}
.my-tr{gap:10px}.my-tr h2{margin:0}
.my-tr-row{display:flex;gap:12px;align-items:center}.my-tr-row>span:last-child{display:grid}
.my-tr-row .av.alt{background:var(--sunken);color:var(--ink)}
.mw-p{display:grid;gap:12px;padding:16px 18px}
.mw-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mw-n{display:grid;flex:1;min-width:180px}
.mw-quiet{border-left:4px solid var(--warn)}
.mw-tag{font-size:.84rem;font-weight:700;color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface));padding:3px 10px;border-radius:99px}
.mw-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.mw-days{display:flex;gap:6px;align-items:flex-end;padding:8px 10px;background:var(--sunken);border-radius:10px;flex:none}
.mw-day{display:grid;justify-items:center;gap:3px;width:18px}
.mw-day i{display:block;width:12px;border-radius:3px;background:var(--line)}
.mw-day.on i{background:var(--brand)}.mw-day.some i{background:var(--muted)}
.mw-day small{font-size:.74rem;color:var(--muted);font-weight:700}.mw-day.we small{opacity:.55}
.mw-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:200px}
.mw-chip{display:inline-flex;gap:4px;align-items:baseline;padding:5px 11px;border-radius:99px;background:var(--sunken);font-size:.88rem;border:1px solid transparent;font:inherit;font-size:.88rem;color:inherit}
.mw-chip.ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface))}
.mw-chip.back{background:color-mix(in srgb,var(--warn) 14%,var(--surface))}
button.mw-chip.wait{background:var(--go);color:var(--go-ink);cursor:pointer;font-weight:700}
.mw-goals{margin:0;display:flex;gap:6px;align-items:baseline}.mw-goals svg{color:var(--brand);flex:none;align-self:center}
.mw-det summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--brand-deep, var(--brand))}
.mw-det ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.mw-det li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--sunken)}
.mw-t{min-width:0;overflow-wrap:anywhere}
.mw-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:600px){.mw-det li{grid-template-columns:40px 1fr}.mw-det li .chip,.mw-det li>span:last-child{grid-column:2}}
.eng-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.eng-stat{background:var(--sunken);border-radius:10px;padding:10px 12px;display:grid;gap:6px}
.eng-dist{display:flex;gap:8px;align-items:flex-end}
.eng-dist span{display:grid;justify-items:center;gap:2px}
.eng-dist i{display:block;width:28px;background:var(--brand);border-radius:4px 4px 0 0}
.eng-ans{display:grid;gap:8px;margin-top:8px}
.eng-a{background:var(--sunken);border-radius:10px;padding:8px 12px}.eng-a p{margin:4px 0 0}
@media print{
  .mw-p{break-inside:avoid;box-shadow:none;border:1px solid #ccc}
  .mw-det{display:none}
  .noprint{display:none!important}
}

.cp-alert{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--brand-soft);border-left:4px solid var(--brand)}
.cp-alert>span{flex:1;min-width:200px}.cp-alert svg{color:var(--brand)}

.mw-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}
.mw-s{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:grid}
.mw-s b{font-size:1.5rem;font-family:var(--f-display)}.mw-s span{font-size:.88rem;color:var(--muted)}
.mw-s.wait b{color:var(--warn)}.mw-s.quiet{border-color:var(--warn)}.mw-s.ok b{color:var(--ok)}
.my-tr .av{--d:var(--trainer)}

/* 1.85 : confort */
.rv-side{max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain}
.rv-acts{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:-24px;background:var(--surface);padding:10px 0 4px;margin-bottom:-4px;box-shadow:0 -10px 14px -10px rgba(0,0,0,.12)}
@media (max-width:1040px){.rv-side{max-height:none;overflow:visible}.rv-acts{position:static;box-shadow:none}}
.desk.wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr)}
@media (max-width:1080px){.desk.wide{grid-template-columns:minmax(0,1fr)}}
.table-wrap.is-scroll{box-shadow:inset -14px 0 12px -12px rgba(0,0,0,.28)}
.table-wrap.is-scroll.at-end{box-shadow:inset 14px 0 12px -12px rgba(0,0,0,.28)}
.table-wrap.is-scroll:not(.at-start):not(.at-end){box-shadow:inset -14px 0 12px -12px rgba(0,0,0,.28),inset 14px 0 12px -12px rgba(0,0,0,.28)}
.scroll-hint{margin:6px 0 0;font-size:.88rem;color:var(--muted);font-weight:700}
@media (max-width:700px){
  .copies-tbl thead{display:none}
  .copies-tbl,.copies-tbl tbody,.copies-tbl tr,.copies-tbl td{display:block;width:100%;min-width:0!important}
  .copies-tbl tr{padding:12px 14px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 10px}
  .copies-tbl td{padding:0;border:0}
  .copies-tbl td:nth-child(1){grid-column:1}.copies-tbl td.ct-dept{grid-column:1/-1}.copies-tbl td.ct-m{grid-column:1/-1}
  .copies-tbl td:nth-child(4),.copies-tbl td:nth-child(5){display:inline-block;width:auto;color:var(--muted);font-size:.9rem}
  .copies-tbl td:nth-child(6){grid-column:1/-1}
  .card.table-wrap:has(.copies-tbl){overflow:visible;box-shadow:var(--shadow)}
}
.my-depts-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);margin:-6px 0 4px}.my-depts-line svg{color:var(--brand)}.my-depts-line b{color:var(--ink)}

/* 1.85 : trouver une personne */
.qf{position:relative;margin:4px 0 10px}
.side .qf-in{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:var(--brand-ink);min-height:38px;font-size:.92rem}
.side .qf-in::placeholder{color:rgba(233,243,244,.7)}
.qf-res{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;list-style:none;margin:0;padding:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:2px;max-height:60vh;overflow:auto}
.qf-res li{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer}
.qf-res li span:last-child{display:grid;min-width:0}.qf-res small{color:var(--muted)}
.qf-res li.on,.qf-res li:hover{background:var(--brand-soft)}
.qf-res .qf-none{cursor:default;color:var(--muted)}
.qf-res .av{width:30px;height:30px;font-size:.75rem}
.qf-mob{margin-bottom:12px}
/* 1.85 : légendes sous les boutons du haut, sur téléphone */
@media (max-width:900px){
  .mobilebar .mb-r>button{display:inline-grid;grid-template-rows:auto auto;place-items:center;gap:1px;min-width:42px}
  .mobilebar .mb-r>button::after{font-size:.62rem;font-weight:700;opacity:.9;line-height:1;font-family:var(--f-body)}
  .mobilebar .mb-r>[data-help]::after{content:"Aide"}
  .mobilebar .mb-r>[data-prefs]::after{content:"Lecture"}
  .mobilebar .mb-r>[data-go="account"]::after{content:"Compte"}
  .mobilebar .mb-r>[data-go="settings"]::after{content:"Réglages"}
  .mobilebar .mb-r>[data-logout]::after{content:"Quitter"}
  .mobilebar .mb-r>[data-mrask]::after{content:"Mandat"}
  .mobilebar .mb-r>[data-qfopen]::after{content:"Chercher"}
  .mobilebar .mb-r>[data-go="trainer"]::after,.mobilebar .mb-r>[data-go="home"]::after{content:"Retour"}
}

.nav .nav-hg{display:flex;align-items:center;gap:6px;width:100%;background:none;border:0;border-radius:0;cursor:pointer;text-align:left;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);opacity:.62;padding:14px 12px 4px;min-height:0}
.nav .nav-hg span:first-child{flex:1}.nav .nav-hg i{font-style:normal}
.nav .nav-hg:hover{opacity:1;background:none}
.nav .nav-hg .badge{letter-spacing:0}
.snips-fold summary{cursor:pointer;font-size:.88rem;font-weight:700;color:var(--muted);margin-top:4px}
.snips-fold[open] summary{margin-bottom:6px}
@media (max-width:900px){.mobilebar .mb-r{gap:0}.mobilebar .mb-r>button{min-width:38px}}

/* 1.86 : notifications */
.nf-opts{display:grid;gap:8px}
.nf-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer}
.nf-opt input{margin-top:4px}.nf-opt span{display:grid}.nf-opt small{color:var(--muted);font-size:.86rem}
.nf-opt.on,.nf-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.nf-pick{display:grid;gap:10px}
.nf-dept{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0;display:grid;gap:4px}
.nf-dept legend{font-weight:700;font-size:.9rem;padding:0 4px}
.notif-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);margin:0 0 10px}.notif-note svg{color:var(--brand)}

/* 1.88 : exercices réservés à certaines personnes */
.mchip.own-chip{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,transparent)}
.mchip.own-chip svg{width:13px;height:13px}
.cr-t .own-chip{margin:2px 0;align-self:flex-start}
.own-sec .lvl-badge.own-badge{background:var(--brand);color:var(--brand-ink)}
.own-sec .lvl-badge svg{width:17px;height:17px}
.ed-who{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.ed-who legend{font-weight:700;padding:0 6px}
.ed-who-r{display:flex;flex-direction:column;gap:4px}
.ed-who-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;padding-top:8px;border-top:1px dashed var(--line)}
.ed-who-list p{grid-column:1/-1;margin:4px 0 0}
.pc-own{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.pc-own-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pc-own-h p{margin:2px 0 0}
.ed-who-q{max-width:360px}
.ed-who-list .opt[hidden]{display:none}
.who-box{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px dashed var(--line)}
.who-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px}
.who-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);color:var(--ink);font-weight:600;font-size:.92rem}
.who-chip small{color:var(--muted);font-weight:400}
.who-chip button{border:0;background:transparent;color:var(--muted);width:26px;height:26px;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer}
.who-chip button:hover,.who-chip button:focus-visible{background:var(--sunken);color:var(--err)}
.who-search{position:relative;max-width:480px}
.who-quick{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.who-box>p{margin:0}

/* 1.89 : textes à relire (Chablais Bureau) */
.rev-bar{gap:10px;flex-wrap:wrap;align-items:center}
.rev-bar .cbr-sel{width:auto;max-width:280px}
.rev-card{gap:10px}
.rev-card h3{margin:0;font-size:1.05rem}
.rev-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rev-intro summary{cursor:pointer;color:var(--muted)}
.rev-intro p{margin:6px 0 0}
.rev-txt{display:flex;flex-direction:column;gap:4px}
.rev-body{white-space:pre-wrap;background:var(--sunken);border-left:3px solid var(--brand);border-radius:8px;padding:10px 12px;line-height:1.5;overflow-wrap:anywhere}
.rev-act{display:flex;flex-direction:column;gap:8px}
.rev-act .row{gap:10px;align-items:center;flex-wrap:wrap}
.rev-done{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-top:6px;border-top:1px dashed var(--line)}
.rev-note{white-space:pre-wrap;color:var(--ink)}

/* 1.90 : mini Word et mini Outlook */
.wmx{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.wm-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:#2b579a;color:#fff}
.wmm .wm-top{background:#0f6cbd}
.wm-app{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem}
.wm-logo{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#fff;color:#2b579a;font-weight:900;font-size:.8rem}
.wm-logo.o{color:#0f6cbd}
.wm-acts{display:flex;gap:6px}
.wm-top .btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35)}
.wm-top .btn:hover{background:rgba(255,255,255,.25)}
.wm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--sunken)}
.wm-b{min-width:32px;height:32px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:.95rem;cursor:pointer;display:inline-grid;place-items:center}
.wm-b:hover,.wm-b:focus-visible{background:var(--surface);border-color:var(--line)}
.wm-txt{font-size:.82rem;font-weight:700}
.wm-sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.wm-size{height:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 4px;font:inherit;font-size:.85rem}
.wm-ic{display:inline-block;width:16px;height:12px;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 5px/70% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/100% 2px no-repeat}
.wm-ic.ac{background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50% 5px/70% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/100% 2px no-repeat}
.wm-ic.ar{background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 5px/70% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/100% 2px no-repeat}
.wm-ic.aj{background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 5px/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/100% 2px no-repeat}
.wm-desk{background:#e7e9ec;padding:16px 10px;overflow:auto;max-height:70vh}
.wm-doc{outline:none;font:11pt Arial,Helvetica,sans-serif;line-height:1.4;white-space:pre-wrap;tab-size:4em;-moz-tab-size:4em;overflow-wrap:anywhere;min-height:100%;color:#111}
.wm-doc p{margin:0}
.wm-doc ul,.wm-doc ol{margin:0;padding-left:1.6em}
.wm-doc .wm-r{margin-left:45%}
.wm-doc:focus-visible{box-shadow:none}
.wm-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 10px;border-top:1px solid var(--line)}
.wm-full{position:fixed;inset:0;z-index:200;border-radius:0;border:0}
.wm-full .wm-desk{flex:1;max-height:none}
body.wm-lock{overflow:hidden}
.wm-checks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.wm-ck{font-size:.82rem;font-weight:700;border-radius:999px;padding:2px 9px;border:1px solid var(--line)}
.wm-ck.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.wm-ck.no{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
.wm-cfg{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.wm-cfgin summary{cursor:pointer}
/* mini Outlook */
.wmm-grid{display:grid;grid-template-columns:1fr;min-width:0}
.wm-full .wmm-grid.has-in,.wm-full.has-in .wmm-grid{grid-template-columns:minmax(260px,360px) 1fr;flex:1;min-height:0}
.wm-full .wmm-grid{flex:1;min-height:0}
.wmm-in{border-bottom:1px solid var(--line);background:var(--sunken);min-width:0}
.wm-full .wmm-in{border-bottom:0;border-right:1px solid var(--line);overflow:auto}
.wmm-inh{padding:8px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.wmm-msg{padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.wmm-from{display:flex;gap:10px;align-items:center}
.wmm-from .av{width:32px;height:32px;font-size:.75rem}
.wmm-body{font-size:.92rem;max-height:220px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.wm-full .wmm-body{max-height:none}
.wmm-comp{display:flex;flex-direction:column;min-width:0}
.wm-full .wmm-comp{overflow:auto}
.wmm-head{padding:10px 12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.wmm-row{display:flex;gap:10px;align-items:flex-start}
.wmm-send{align-self:stretch;min-width:84px}
.wmm-fields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.wmm-f{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:6px;margin:0}
.wmm-f span{font-size:.88rem;color:var(--muted);font-weight:700}
.wmm-f .input{padding:6px 10px;min-height:36px}
.wmm-cc{align-self:flex-end}
.wmm-att{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wmm-chip svg{width:14px;height:14px}
.wmm-attsel{width:auto;max-width:100%;min-height:34px;padding:4px 8px}
.wmm-bodyw{padding:12px;background:var(--surface)}
.wmm-doc{min-height:220px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}
.wm-full .wmm-doc{min-height:45vh}
.wmm-sig{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px}
.wmm-sigbox{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}
.wmm-sent{padding:10px 12px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wmm-view,.wmm-v{padding:10px 12px}
.wmm-v{border:1px solid var(--line);border-radius:10px;max-width:680px}
.wmm-vh{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}
.wmm-vr{display:grid;grid-template-columns:52px 1fr;gap:6px;font-size:.92rem}
.wmm-vr span{color:var(--muted)}
.wmm-vr svg{width:14px;height:14px}
.wmm-vb{font:11pt Arial,Helvetica,sans-serif;white-space:pre-wrap;line-height:1.4}
.wmm-vb p{margin:0}
.wm-b[aria-pressed="true"]{background:color-mix(in srgb,var(--brand) 16%,var(--surface));border-color:color-mix(in srgb,var(--brand) 45%,transparent)}
.wm-bar .wm-size{width:auto;min-height:0;flex:none}
.wmm-send{align-self:flex-start;min-height:40px}
.wmm-f .input{text-transform:none}

/* 1.90.1 : page A4 à l'échelle, règle et taquets de tabulation */
.wm-scale{margin:0 auto;position:relative}
.wm-sheet{width:210mm;transform-origin:0 0}
.wm-sheet.fluid{width:100%}
.wm-page{background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.18);min-height:297mm;padding:20mm 20mm 20mm 25mm;box-sizing:border-box}
.wm-sheet.fluid .wm-page{min-height:360px;padding:6% 9.52% 6% 11.9%}
.wm-doc{position:relative}
.wm-tab{display:inline-block;white-space:pre;overflow:hidden;vertical-align:baseline}
.wm-ruler{height:22px;background:#eef0f2;border:1px solid #cfd3d8;border-bottom:0;position:relative;cursor:copy;user-select:none;touch-action:none}
.wm-rz{position:absolute;left:25mm;width:165mm;top:0;bottom:0;background:#fff;
  background-image:repeating-linear-gradient(to right,#8a9097 0 1px,transparent 1px calc(100% / 16.5)),repeating-linear-gradient(to right,#b8bdc3 0 1px,transparent 1px calc(100% / 33));
  background-size:100% 8px,100% 4px;background-position:0 100%,0 100%;background-repeat:no-repeat}
.wm-sheet.fluid .wm-rz{left:11.9%;width:78.57%}
.wm-stop{position:absolute;bottom:1px;width:10px;height:10px;margin-left:-1px;padding:0;border:0;border-left:2px solid #1d2125;border-bottom:2px solid #1d2125;background:transparent;cursor:ew-resize;touch-action:none}
.wm-stop:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.wm-stop.del{opacity:.25}
.wm-sheet.ro .wm-ruler{cursor:default}
.wm-full .wm-main{display:flex;flex:1;min-height:0}
.wm-full .wm-desk{flex:1;min-width:0}
.wm-docs{width:min(400px,42vw);flex:none;overflow:auto;padding:12px;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:10px}
.wm-docmsg{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.wm-full .wmm-grid{flex:1}
.wm-view .wm-scale{margin:0}
.wm-view{max-width:680px;background:#e7e9ec;padding:10px;border-radius:10px;overflow:hidden}
.wm-view.wmm-v{background:transparent}
@media (max-width:640px){.wm-doc .wm-r{margin-left:30%}.wmm-row{flex-direction:column}.wmm-send{align-self:flex-start}.wm-docs{display:none}}
.wm-bar .wm-size{height:32px;min-height:32px;width:auto;padding:0 26px 0 8px;line-height:30px;font-size:.88rem;background-position:right 6px center}
.wmm-att .wmm-attsel{width:auto;min-height:34px;padding:4px 26px 4px 10px}
.wm-tab{min-width:0}
.wm-view[data-wmzoom]{cursor:zoom-in}
.wm-view.big{cursor:zoom-out;overflow:auto;max-width:none}
/* 1.90.2 : étiquette du type de tâche sans chevauchement */
.cbr-row{grid-template-columns:150px minmax(0,1fr) auto 100px}
.cbr-no{min-width:0}
.cbr-no .mchip{display:inline-block;max-width:100%;white-space:normal;line-height:1.25;text-align:center}
@media (max-width:700px){.cbr-row{grid-template-columns:1fr auto}}
/* 1.90.3 : chiffres de la règle, tabulations précises */
.wm-ruler{height:26px}
.wm-num{position:absolute;top:1px;transform:translateX(-50%);font:600 9px/1 Arial,Helvetica,sans-serif;color:#5b6168;pointer-events:none}
.wm-stop[data-pos]::after{content:attr(data-pos);position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#1d2125;color:#fff;font:600 11px/1 Arial,sans-serif;padding:3px 5px;border-radius:4px;white-space:nowrap}
.wm-tabbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.wm-tabbox label{display:flex;align-items:center;gap:6px;margin:0}
.wm-tabbox .input{width:80px;min-height:32px;padding:4px 8px}
.wm-tabl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wm-tabhint{flex-basis:100%}
/* 1.90.4 : « Cette tâche est à vous » */
.cbr-mine{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.cbr-mine.other{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.cbr-mine span{flex:1;min-width:200px}
.cbr-claimbox{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:14px;border:2px dashed color-mix(in srgb,var(--brand) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.cbr-claimbox p{margin:0}
.cbr-claimbox .btn{white-space:nowrap}

/* 1.91 : urgences, interruptions, dossiers, salaires */
.cbr-tip{background:var(--sunken);border-radius:10px;padding:10px 12px;font-size:.92rem}
.cbr-tip.bad{color:var(--err);background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.cbr-due{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;border-radius:10px;padding:8px 12px;background:color-mix(in srgb,var(--warn) 12%,var(--surface));color:var(--ink)}
.cbr-due.soon{background:color-mix(in srgb,var(--warn) 24%,var(--surface))}
.cbr-due.late{background:color-mix(in srgb,var(--err) 14%,var(--surface));color:var(--err)}
.cbr-urg{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--err) 40%,var(--line));background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.cbr-urg>div{flex:1;min-width:0}.cbr-urg b{display:block}.cbr-urg span{font-size:.9rem;color:var(--muted)}
.cbr-urg-ic{width:30px;height:30px;border-radius:50%;background:var(--err);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.cbr-intr{position:fixed;right:20px;bottom:20px;z-index:55;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--go);border-radius:16px;padding:14px 16px;box-shadow:0 14px 44px rgba(0,0,0,.28)}
.cbr-intr p{font-size:.95rem}.cbr-intr p.bad{color:var(--err)}
.cbr-intr.done{border-left-color:var(--ok)}
.cbr-intr-chip{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-left:5px solid var(--go);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.cbr-rates{border-top:1px dashed var(--line);padding-top:10px;display:flex;flex-direction:column;gap:4px}
.cbr-rates ul{margin:0;padding-left:20px}
.case summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;cursor:pointer;list-style:none}
.case summary::-webkit-details-marker{display:none}
.case-h{display:flex;flex-direction:column;flex:1;min-width:200px}
.case>:not(summary){margin:0 16px 12px}
.case-tl{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--line);padding-left:12px}
.case-tl li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:.92rem}
.case-tl li.bad{color:var(--err)}
.case-svc{font-size:.78rem;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--sunken);border:1px solid var(--line)}
.case-svc.sv-cli{background:color-mix(in srgb,var(--go) 25%,var(--surface))}
.case-svc.sv-adm{color:var(--rh)}.case-svc.sv-log{color:var(--log)}.case-svc.sv-fin{color:var(--fin)}.case-svc.sv-mkt{color:var(--mkt)}
@media (max-width:860px){.cbr-intr,.cbr-intr-chip{left:16px;right:16px;width:auto;bottom:16px}}
.cbr-intr .cbr-check{align-items:flex-start}.cbr-intr .cbr-check input{flex:none;margin-top:4px}
.cbr-no .mchip{white-space:nowrap}
@media (min-width:761px){.cbf-kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}

/* 1.92–1.93 */
.cbr-cinfo{display:flex;flex-direction:column;gap:2px;border-top:1px dashed var(--line);padding-top:8px;margin-top:4px;font-size:.92rem}
.fb-text{font-family:var(--f-body);line-height:1.5}
.fb-read{white-space:pre-wrap;font-family:var(--f-body);margin:0;line-height:1.55}
.fb-mine{border-left:5px solid var(--brand)}

/* 1.94 */
.cbr-prep{border-left:5px solid var(--go)}
.cbr-prep-m{border-top:1px dashed var(--line);padding-top:8px}
.cbp-chip{color:var(--brand);font-weight:700;display:flex;gap:6px;align-items:center}
[data-theme="dark"] .cbp-chip{color:var(--trainer)}
.prep-row{align-items:flex-start}

/* 1.95–1.97 */
.talk-card{border-left:5px solid var(--brand)}
.talk-crit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;align-items:end}
@media (max-width:700px){.talk-crit{grid-template-columns:1fr}}
.cbr-check input[type=radio],.cbr-check input[type=checkbox]{flex:none}

/* 1.98–2.00 */
.proj-plan{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.proj-plan{align-items:stretch;text-align:left}.proj-plan li{display:flex;gap:8px;align-items:center;justify-content:flex-start;color:var(--muted);text-align:left;width:auto;margin:0}
.proj-plan li.ps-done{color:var(--ok)}.proj-plan li.ps-now{color:var(--ink);font-weight:700}
.mdt-cb{border-top:1px dashed var(--line);padding-top:10px;margin-top:6px}
/* 2.01 : bilans du soir */
.bil-card.is-new{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.bil-card.is-watch{border-left:4px solid var(--err)}
.bil-card.is-seen{opacity:.92}
.bil-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bil-grid .cbr-home{margin:4px 0 0}
@media (max-width:760px){.bil-grid{grid-template-columns:1fr}}
@media print{.bil-reply{display:none}}
.bil-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bil-bar .bil-sp{flex:1}.bil-bar .filters{margin:0}
.bil-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bil-h .bil-who{flex:1;min-width:220px}.bil-h .mchip{flex:none;white-space:nowrap}
.bil-said{display:flex;flex-direction:column;gap:10px}.bil-said p{margin:2px 0 0}
.bil-nomail{color:var(--warn)}
.fm-h .fm-del{margin-left:auto;font-size:.82rem;color:var(--muted)}.fm-h .fm-del:hover,.fm-h .fm-del[data-ask="1"]{color:var(--err)}
.bil-older{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
/* 2.07 : En direct */
.lv-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:color-mix(in srgb,var(--muted) 55%,transparent);flex:none}
.lv-dot.on{background:#1f9d55;box-shadow:0 0 0 4px color-mix(in srgb,#1f9d55 22%,transparent)}
.lv-dot.idle{background:#d9a21b}
.lv-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lv-who{flex:1;min-width:200px}.lv-acts{gap:6px}
.lv-ok{color:#1f9d55;font-weight:700}
.lv-now{margin:2px 0 0;display:flex;flex-direction:column;gap:2px}
.lv-facts{margin:0}.lv-cl-pause{color:var(--warn)}.lv-cl-none{color:var(--muted)}
.lv-card.lv-idle{opacity:.85}
.lv-sum{display:inline-flex;gap:6px;align-items:center}
/* 2.08 : En direct, activité réelle */
.lv-doing{margin:0}.lv-act{display:inline-block;font-weight:700;padding:3px 10px;border-radius:999px;font-size:.92rem}
.lv-busy{background:color-mix(in srgb,#1f9d55 14%,var(--surface));color:#16723e}
.lv-calm{background:color-mix(in srgb,var(--muted) 14%,var(--surface));color:var(--ink)}
.lv-warn{background:color-mix(in srgb,var(--err) 14%,var(--surface));color:var(--err)}
.lv-away{background:color-mix(in srgb,var(--warn) 16%,var(--surface));color:var(--ink)}
.lv-card.lv-alert{border-left:4px solid var(--err)}
.lv-alertbox{border-color:color-mix(in srgb,var(--err) 45%,var(--line));background:color-mix(in srgb,var(--err) 5%,var(--surface))}
.lv-trail ol{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:2px}
.lv-sel{width:auto;display:inline-block;padding:2px 8px;height:auto;min-height:0}
.cbr-poolh{margin:10px 0 4px;font-size:1rem;display:flex;gap:6px;align-items:center}
/* 2.12 : contrôle des demandes, agendas */
.cbm-chk{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2,color-mix(in srgb,var(--muted) 6%,var(--surface)))}
.cbm-chk.ok{border-color:color-mix(in srgb,#1f9d55 45%,var(--line))}.cbm-chk.ko{border-color:color-mix(in srgb,var(--err) 45%,var(--line))}
.ag-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ag-day{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;min-height:90px}
.ag-day.today{border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}
.ag-ev{display:flex;flex-direction:column;gap:1px;padding:5px 7px;border-radius:8px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:.86rem}
.ag-ev.new{background:color-mix(in srgb,#1f9d55 14%,var(--surface))}
@media (max-width:900px){.ag-week{grid-template-columns:1fr 1fr}}

/* 2.13 : agenda dans la tâche */
.ag-week.ag-10{grid-template-columns:repeat(5,minmax(0,1fr))}
.ag-free{display:flex;flex-direction:column;gap:1px;padding:5px 7px;border-radius:8px;border:1px dashed color-mix(in srgb,#1f9d55 55%,var(--line));background:color-mix(in srgb,#1f9d55 7%,var(--surface));color:inherit;text-align:left;cursor:pointer;font:inherit}
.ag-free:hover,.ag-free:focus-visible{background:color-mix(in srgb,#1f9d55 16%,var(--surface))}
.ag-free.sel,.ag-day.sel{outline:2px solid var(--brand);outline-offset:1px}
.ag-ev.move{background:color-mix(in srgb,#d97706 18%,var(--surface));border:1px solid color-mix(in srgb,#d97706 50%,var(--line))}
.ag-day.off{opacity:.75;background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--line) 40%,transparent) 8px 9px)}
.ag-absent{color:#b45309;font-weight:600}
.ag-who{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline}
.cbr-posts li.tfb{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.cbm-fbf{border-left:4px solid var(--brand)}
.cbr-resume{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;margin-bottom:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.cbr-resume span{flex:1;min-width:180px}
.cbr-mod.open{flex-wrap:wrap}
.cbr-mod.open>div:first-child{flex:1 1 0;min-width:0}
.cbr-modxb{margin-top:6px;align-self:flex-start}
.cbr-modx{flex-basis:100%;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.cbr-modx h3{margin:6px 0 0}
.rev-title{font:inherit;font-weight:700;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 50%,transparent);text-underline-offset:3px}
.rev-base{gap:10px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));border:1px solid var(--line)}

/* 2.17 : Chercher */
.qk-fab{position:fixed;right:82px;bottom:22px;z-index:30;display:flex;align-items:center;gap:6px;height:48px;padding:0 16px;border-radius:24px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:pointer}
.qk-fab[aria-expanded="true"]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.qk{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(400px,100vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-10px 0 30px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:10px;padding:16px}
.qk-h{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}
.qk-f{flex-wrap:wrap}
.qk-r{overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px}
.qk-it{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}
.qk-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0 0;font-size:.9rem}
.qk-dl dt{color:var(--muted)}
.qk-dl dd{margin:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.qk-v{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:copy;text-decoration:underline dotted;text-underline-offset:3px}
.qk-v:hover{color:var(--brand)}
@media (max-width:860px){.qk-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:66px;height:42px;padding:0 12px}}
.rev-card.found{outline:2px solid var(--brand);outline-offset:2px}
.fm-cbw{margin-top:6px}
/* 2.19 : tests du Parcours d'entrée dans la plateforme */
.qz{gap:14px}
.qz-sec{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.qz-sec:first-of-type{border-top:0;padding-top:0}
.qz-q{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0;display:block;min-width:0}
.qz-q legend{float:left;width:100%;display:flex;gap:10px;align-items:baseline;font-weight:700;padding:0;margin:0 0 10px}
.qz-q>*:not(legend){clear:both;margin-top:8px}
.qz-q>*:not(legend):first-of-type{margin-top:0}
.qz-n{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--sunken);border:1px solid var(--line);font-size:.85rem;flex:none}
.qz-t{flex:1;min-width:0}
.qz-pts{white-space:nowrap;font-weight:400}
.qz-q legend::after{content:none}
.qz-q legend{font-size:1rem;font-family:inherit}
.qz-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.qz-o{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;min-height:46px;background:var(--surface)}
.qz-o:has(input:checked){border-color:var(--ink);background:var(--sunken);font-weight:600}
.qz-o input{width:18px;height:18px;flex:none;margin:0}
.qz-num{max-width:200px}
.qz-txt{white-space:pre-wrap}
.qz-end{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#qz-saved.err{color:var(--warn)}
.qz-revw{overflow-x:auto}
.qz-rev{width:100%;border-collapse:collapse;font-size:.92rem}
.qz-rev th,.qz-rev td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.qz-rev td.num,.qz-rev th.num{text-align:right;white-space:nowrap}
.qz-rev .qz-srow th{background:var(--sunken);font-size:.85rem}
.qz-rev tr.qz-chk td{background:color-mix(in srgb,var(--warn) 10%,transparent)}
.qz-pin{width:70px;min-height:38px;padding:6px 8px;text-align:right}
.qz-fix{gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.qz-fix h4{margin:8px 0 0}
.qz-need{display:inline-block;width:60px;min-height:34px;padding:4px 8px}
@media (max-width:640px){.qz-q{padding:12px}.qz-opts{grid-template-columns:1fr}.qz-rev td:nth-child(4),.qz-rev th:nth-child(4){display:none}}