:root{
  --bg:#FFFFFF; --bg-2:#F7F6F3; --bg-3:#F0EEEA;
  --tx:#37352F; --tx-2:#5F5B53; --tx-3:#8B8680; --tx-4:#B4AFA6;
  --li:#E9E7E2; --li-2:#F1EFEB;
  --ac:#2E5B6B;
  --ok:#3E7A55; --ok-bg:#EAF3ED; --ok-bg2:#DCEBE2;
  --wt:#9A6318; --wt-bg:#FAF0E2;
  --ur:#8C3A2E; --ur-bg:#FBEDEA;
  --r:6px; --cw:82px; --pw:104px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#191919; --bg-2:#202020; --bg-3:#282828;
  --tx:#E9E7E2; --tx-2:#BDB9B1; --tx-3:#8C8880; --tx-4:#66625B;
  --li:#2C2C2C; --li-2:#242424; --ac:#8FBECC;
  --ok:#79C296; --ok-bg:#1B2C21; --ok-bg2:#20372A;
  --wt:#D9A660; --wt-bg:#332715; --ur:#DE8A7A; --ur-bg:#331E1A;
}}
:root[data-theme="dark"]{
  --bg:#191919; --bg-2:#202020; --bg-3:#282828;
  --tx:#E9E7E2; --tx-2:#BDB9B1; --tx-3:#8C8880; --tx-4:#66625B;
  --li:#2C2C2C; --li-2:#242424; --ac:#8FBECC;
  --ok:#79C296; --ok-bg:#1B2C21; --ok-bg2:#20372A;
  --wt:#D9A660; --wt-bg:#332715; --ur:#DE8A7A; --ur-bg:#331E1A;
}
*{box-sizing:border-box}
/* .bars est en display:flex, ce qui l'emporte sur le style par defaut de
   l'attribut hidden : sans cette regle, masquer une barre ne fait rien. */
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--tx);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;text-align:left}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.live{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--ok);font-size:11.5px}
.live b{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.band{margin-bottom:32px}
.bh{display:flex;align-items:center;gap:9px;cursor:pointer;padding:3px 0;border-radius:var(--r)}
.bh:hover{background:var(--bg-2)}
.bh .n{width:18px;height:18px;border-radius:50%;font-size:10.5px;display:flex;flex:none;
  align-items:center;justify-content:center;background:var(--bg-3);color:var(--tx-3);font-weight:600}
.band.u .bh .n{background:var(--ur-bg);color:var(--ur)}
.bh h2{margin:0;font-size:13.5px;font-weight:600}
.bh em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--tx-4);font-weight:500;font-size:13px}
.bh .ch{color:var(--tx-4);transition:transform .14s;flex:none;margin-left:2px}
.band.open .bh .ch{transform:rotate(90deg)}
.band>p{margin:2px 0 12px 27px;font-size:12.5px;color:var(--tx-3);max-width:76ch}
.bd{display:none}
.band.open .bd{display:block}
.ch-row{display:flex;align-items:center;gap:12px;padding:6px 8px 5px;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4);font-weight:600}
.ch-row .cells span{width:var(--cw);text-align:center}
.ch-row .sp{width:var(--pw);flex:none;text-align:center}
.day{display:flex;align-items:center;gap:9px;padding:10px 8px 6px;margin-top:14px;
  border-bottom:1px solid var(--li);cursor:pointer;border-radius:var(--r) var(--r) 0 0}
.day:hover{background:var(--bg-2)}
.day.full:hover{background:var(--ok-bg2)}
.day .dch{color:var(--tx-4);transition:transform .14s;flex:none;transform:rotate(90deg)}
.day.ferme .dch{transform:rotate(0deg)}
.day.ferme{border-bottom-color:transparent;opacity:.72}
.day.ferme:hover{opacity:1}
.day b{font-size:13.5px;font-weight:600}
.day .carrier{font-size:13px;color:var(--tx-2)}
.day .carrier::before{content:"·";margin:0 6px;color:var(--tx-4)}
.day .r{margin-left:auto;font-size:12.5px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.day.full{background:var(--ok-bg);border-radius:var(--r) var(--r) 0 0;border-bottom-color:transparent}
.day.full b,.day.full .carrier,.day.full .r{color:var(--ok)}
.day.full .r{font-weight:600}
.o{border-bottom:1px solid var(--li-2)}
.o.open{border-bottom-color:transparent}
.o>.line{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r);
  cursor:pointer;width:100%}
.o>.line:hover{background:var(--bg-2)}
.o.open>.line{background:var(--bg-2)}
.o.chk>.line{background:var(--ok-bg)}
.o.chk>.line:hover{background:var(--ok-bg2)}
.o.chk .who,.o.chk .when{color:var(--ok)}
.when{font-size:12.5px;color:var(--tx-3);white-space:nowrap;width:88px;flex:none;
  font-variant-numeric:tabular-nums}
.tw{flex:1;min-width:0;display:flex;align-items:baseline;gap:9px}
.who{font-weight:500;letter-spacing:-.008em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub{font-size:12.5px;color:var(--tx-4);white-space:nowrap}
.cells{display:flex;align-items:center;flex:none}
.c{width:var(--cw);height:25px;display:inline-flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
.c i{font-style:normal;padding:2px 9px;border-radius:var(--r);display:inline-block;min-width:44px;text-align:center}
.c.todo i{background:var(--bg-3);color:var(--tx-2)}
.c.ok i{background:var(--ok-bg);color:var(--ok)}
.o.chk .c.ok i{background:transparent}
.c.wait i{background:var(--wt-bg);color:var(--wt)}
.c.nil{color:var(--tx-4);opacity:.4}
.note-dot{color:var(--wt);font-size:11px;flex:none}
.mot{width:170px;flex:none;margin-left:8px;font-size:12px;color:var(--tx-4);padding:4px 8px;border-radius:var(--r);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;
  border:1px dashed var(--li);display:inline-flex;align-items:center;gap:5px;height:26px}
.mot:hover{border-color:var(--ac);color:var(--ac)}
.mot.plein{background:var(--wt-bg);color:var(--wt);border:1px solid transparent;font-weight:500}
.acol{width:110px;flex:none;font-size:12.5px;color:var(--tx-3);text-align:right;
  font-variant-numeric:tabular-nums}
.ch-row .acol{color:var(--tx-4)}
.ch-row .sm{width:170px;flex:none;text-align:left;padding-left:8px}
#pop{position:fixed;z-index:50;width:330px;background:var(--bg);border:1px solid var(--li);
  border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.08);padding:12px}
#pop .pop-h{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-4);
  margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pop .pop-h b{color:var(--tx-2);text-transform:none;letter-spacing:0;font-size:12.5px}
#pop textarea{width:100%;border:1px solid var(--li);border-radius:var(--r);padding:8px 10px;
  font:inherit;font-size:13.5px;color:var(--tx);background:var(--bg-2);resize:vertical;outline:none}
#pop textarea:focus{border-color:var(--ac);background:var(--bg)}
#pop .pop-f{display:flex;align-items:center;justify-content:space-between;margin-top:9px;
  font-size:11.5px;color:var(--tx-4)}
#pop #pop-ok{background:var(--ac);color:#fff;padding:5px 14px;border-radius:var(--r);
  font-size:13px;font-weight:500}
#pop #pop-ok:hover{filter:brightness(1.12)}
.motcarte{display:flex;align-items:center;gap:8px;padding:8px 11px;margin:0 0 12px;
  border-radius:var(--r);border:1px dashed var(--li);color:var(--tx-4);font-size:13px;cursor:pointer}
.motcarte:hover{border-color:var(--ac);color:var(--ac)}
.motcarte.plein{background:var(--wt-bg);color:var(--wt);border:1px solid transparent;font-weight:500}
.motcarte svg{flex:none;opacity:.75}
.ready{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;
  border-radius:20px;border:1.4px solid var(--li);font-size:12.5px;color:var(--tx-3);
  white-space:nowrap;width:var(--pw);flex:none}
.ready:hover{border-color:var(--ok);color:var(--ok)}
.ready svg{opacity:.35}
.o.chk .ready{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:500}
.o.chk .ready svg{opacity:1}
/* detail — carte */
.det{margin:0 8px 14px 96px;background:var(--bg-2);border:1px solid var(--li);
  border-left:3px solid var(--ac);border-radius:0 var(--r) var(--r) 0;padding:14px 18px 16px;
  max-width:920px}
.det h3{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tx-4);margin:0 0 4px;display:flex;align-items:baseline}
.det h3+.art{border-top:1px solid var(--li)}
.det .blk+.blk{margin-top:16px}
.art{border-bottom:1px solid var(--li)}
.art:last-child{border-bottom:none}
.artrow{display:flex;align-items:center;gap:10px;padding:7px 4px;width:100%;
  border-radius:var(--r);cursor:pointer}
.artrow:hover{background:var(--bg-3)}
/* Ce qui part vraiment, plafonne a la quantite commandee.
   Le total n'apparait qu'en cas d'ecart : quand tout part, pas de bruit. */
.bl{display:inline-flex;align-items:center;gap:2px;flex:none;min-width:92px;
  font-variant-numeric:tabular-nums;font-size:12.5px}
.stp input{width:30px;padding:2px 3px;border:1px solid var(--li);border-radius:4px;
  background:var(--bg);color:var(--tx);font:inherit;text-align:center;
  font-variant-numeric:tabular-nums}
.stp input:hover{border-color:var(--tx-4)}
.stp input:focus{border-color:var(--ac);outline:none}
.stp>button{width:17px;height:20px;flex:none;display:flex;align-items:center;
  justify-content:center;border-radius:4px;color:var(--tx-3);font-size:14px;line-height:1}
.stp>button:hover{background:var(--bg-3);color:var(--tx)}
.stp>button[disabled]{color:var(--li);cursor:default;background:none}
.bl em{color:var(--tx-4);font-style:normal;margin-left:1px}
.bl.partiel em{color:var(--wt)}
.bl b{display:inline-block;min-width:16px;text-align:center;font-weight:500}
.bl.plein input{color:var(--ok);border-color:var(--ok-bg2)}
.bl.partiel input{color:var(--wt);border-color:var(--wt)}
.bl.fige{opacity:.55}
.art .q{font-variant-numeric:tabular-nums;color:var(--tx-4);font-size:12.5px;width:22px;flex:none}
.art .n{flex:1;font-size:13.5px;color:var(--tx);min-width:0;font-weight:500}
.art .ch2{color:var(--tx-4);font-size:9px;flex:none;transition:transform .14s;width:10px}
.art.open .ch2{transform:rotate(90deg)}
.steps{display:flex;gap:4px;flex-wrap:wrap;flex:none}
.artrow .n{flex:1;min-width:0;font-size:13.5px;font-weight:500;cursor:pointer}
.artrow .ch2{cursor:pointer}
.pk{width:16px;height:16px;flex:none;border:1.5px solid var(--li);border-radius:4px;
  display:flex;align-items:center;justify-content:center;color:transparent;
  cursor:pointer;transition:.12s}
.pk:hover{border-color:var(--ok);color:var(--li)}
.pk.on{background:var(--ok);border-color:var(--ok);color:#fff}
.det h3 em{margin-left:auto;font-style:normal;padding-right:1px}
.areste{display:block;font-size:10.5px;color:var(--tx-4);font-style:normal;margin-top:1px}
.st{font-size:11.5px;padding:1px 7px;border-radius:4px;background:var(--bg-3);color:var(--tx-3);white-space:nowrap}
.st.ok{background:var(--ok-bg);color:var(--ok)}
.st.wt{background:var(--wt-bg);color:var(--wt)}
.desc{display:none;padding:0 4px 12px 36px;font-size:13px;color:var(--tx-2);
  white-space:pre-wrap;line-height:1.55}
.art.open .desc{display:block}
/* contenu du colis Bonnuit cite dans la description */
.lie{display:none;margin:0 4px 12px 36px;padding:8px 11px;border-radius:var(--r);
  background:var(--bg-3);font-size:12.5px}
.art.open .lie{display:block}
.lie-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:var(--tx-4);margin-bottom:5px}
.lie-h a{color:var(--ac);text-decoration:none;letter-spacing:0;text-transform:none;font-size:12px}
.lie-h a:hover{text-decoration:underline}
.lie-h em{font-style:normal;letter-spacing:0;text-transform:none;color:var(--tx-4)}
.lie-l{display:flex;gap:8px;color:var(--tx-2);padding:1px 0}
.lie-l span{color:var(--tx-4);font-variant-numeric:tabular-nums;min-width:20px}
.lie-l.vide{color:var(--tx-4);font-style:italic}
.notes{margin:14px 0 0;padding:10px 13px;background:var(--wt-bg);border-radius:var(--r);
  font-size:13px;color:var(--wt)}
.notes div+div{margin-top:3px}
.foot{display:flex;gap:16px;align-items:center;margin-top:14px;padding-top:12px;
  border-top:1px solid var(--li);flex-wrap:wrap;
  font-size:12.5px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.foot b{color:var(--tx-2);font-weight:500}
.foot .liens{margin-left:auto;display:flex;gap:14px}
.foot a{color:var(--ac);text-decoration:none;font-weight:500}
.foot a:hover{text-decoration:underline}
.empty{padding:14px 8px;color:var(--tx-4);font-size:13.5px}
.more{padding:10px 8px;font-size:13px;color:var(--tx-3);font-weight:500}
.more:hover{color:var(--tx)}
.qk{width:16px;height:16px;flex:none;border:1.5px solid var(--li);border-radius:4px;
  display:flex;align-items:center;justify-content:center;color:transparent;transition:.12s}
.etr:hover .qk,.egrp:hover .qk,.ch-row .qk:hover{border-color:var(--ok);color:var(--li)}
.qk.on{background:var(--ok);border-color:var(--ok);color:#fff}
.ch-row .qk{cursor:pointer}
/* --- Vue Étiquettes ------------------------------------------------- */
/* Deux lignes : le modele d'etiquette au-dessus, puis l'horizon et l'impression */
#btypes{margin-bottom:12px;padding-bottom:0;border-bottom:none}
#bfiltres{gap:16px}
#bfiltres .pousse{flex:1}
.dep{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tx-3)}
.dep input{width:44px;padding:4px 6px;border:1px solid var(--li);border-radius:4px;
  background:var(--bg);color:var(--tx);font:inherit;text-align:center;
  font-variant-numeric:tabular-nums}
.dep input:focus{border-color:var(--ac);outline:none}
.dep em{font-style:normal;color:var(--tx-4)}
.rep{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tx-3);cursor:pointer}
.imp{padding:6px 15px;border-radius:var(--r);background:var(--ac);color:#fff;
  font-size:13px;font-weight:500}
.imp:hover{filter:brightness(1.12)}
.imp[disabled]{background:var(--bg-3);color:var(--tx-4);cursor:default;filter:none}
.aide{margin:-10px 0 16px;font-size:12px;color:var(--tx-4);max-width:70ch}
.excl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.excl>span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tx-4);margin-right:2px}
.excl button{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;
  border:1px solid var(--li);font-size:12px;color:var(--tx-2)}
.excl button em{font-style:normal;color:var(--tx-4);font-variant-numeric:tabular-nums}
.excl button:hover{border-color:var(--tx-4)}
.excl button.off{color:var(--tx-4);text-decoration:line-through;background:var(--bg-2);
  border-style:dashed}
.etl .ch-row,.etr{display:flex;align-items:center;gap:12px;padding:6px 4px}
.etr{border-bottom:1px solid var(--li-2);cursor:pointer}
.etr:hover{background:var(--bg-2)}
.etr.on{background:var(--ok-bg)}
.etr.on:hover{background:var(--ok-bg2)}
.ecase{width:18px;flex:none;display:flex;justify-content:center}
.ecli{width:118px;flex:none;font-size:12px;color:var(--tx-3);
  font-variant-numeric:tabular-nums}
.eart{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.eart b{font-size:13.5px;font-weight:500}
.eart em{font-style:normal;font-size:11.5px;color:var(--tx-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eplan{width:72px;flex:none;text-align:right;font-size:12px;color:var(--tx-3)}
.egrp{display:flex;align-items:center;gap:10px;padding:11px 4px 5px;cursor:pointer}
.egrp b{font-size:12.5px;font-weight:600}
.egrp .r{margin-left:auto;font-size:11.5px;color:var(--tx-4);
  font-variant-numeric:tabular-nums}
.egrp:hover b{color:var(--ac)}
.qk.moitie{background:var(--ok-bg2);border-color:var(--ok);color:var(--ok)}
@media (max-width:900px){ .ecli{display:none} .aide{display:none}}
.err{margin:20px 0;padding:14px 16px;background:var(--ur-bg);color:var(--ur);border-radius:var(--r);font-size:13.5px}
@media (max-width:1400px){ .mot{width:120px} .ch-row .sm{width:120px}}
@media (max-width:1180px){ :root{--cw:70px;--pw:44px} .ready span{display:none}
  .mot,.ch-row .sm{width:80px}}
@media (max-width:1080px){ .det{margin-left:16px}}
@media (max-width:860px){ .sub{display:none} .when{width:64px}}
/* ——— kit Cadence du 19/09 ——— */

:root{--ink:#242522;--muted:#858780;--line:#e9e9e3;--paper:#fff;--rail:#f7f7f3;--soft:#f4f4ef}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--rail);border-right:1px solid var(--line);padding:36px 20px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:block;width:180px;margin:0 6px 13px}.brand-white{display:none}.workshop{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-left:10px}.nav-label{margin:64px 12px 16px;font-size:10px;letter-spacing:.15em;color:#93958c;font-weight:600;text-transform:uppercase}nav{display:grid;gap:7px}.navitem{border:0;background:transparent;padding:14px 14px;display:flex;gap:13px;align-items:center;border-radius:10px;text-align:left;color:#7c7e76;font-weight:500;min-height:48px}.navitem.on{background:#e7e8df;color:#282b22}.navitem.on:after{content:"";width:5px;height:5px;border-radius:50%;background:#535b43;margin-left:auto}.navitem:disabled{cursor:default;opacity:1}.sidebar-bottom{margin-top:auto;padding-top:40px}.horse-wrap{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.horse{width:96px;height:64px;image-rendering:pixelated}.horse-white,.fixed{display:none}.bottom-rule{border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:center;justify-content:space-between}.location{font-size:11px;line-height:1.6;color:var(--muted)}.location strong{font-size:12px;color:#5f625a;font-weight:500}.main{min-width:0}.topline{height:72px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:#96988f}.breadcrumb b{font-weight:500;color:#55594e}.preview{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#999b93;white-space:nowrap}.head{padding:37px 42px 29px;display:flex;gap:28px;align-items:center;justify-content:space-between}.title h1{font-size:34px;font-weight:600;letter-spacing:-1.1px;margin:0 0 9px}.title p{margin:0;color:#92958b;font-size:13px}.tools{display:flex;gap:10px;align-items:center}.search{height:42px;width:268px;display:flex;align-items:center;gap:10px;background:#f7f7f3;border:1px solid #eeeee7;border-radius:9px;padding:0 13px;color:#989a92}.search .icon{width:16px;height:16px}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;color:#333}.search input::placeholder{color:#91948b}.refresh{border:1px solid #e4e5dd;background:white;border-radius:9px;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:12px}.refresh:hover{background:var(--soft)}.refresh svg{width:15px;height:15px}.filters{margin:0 42px;display:flex;flex-wrap:wrap;gap:22px 36px;padding-bottom:27px;border-bottom:1px solid var(--line)}.filter{display:flex;align-items:center;gap:13px}.filter-label{color:#97998f;font-size:11px}.segmented{display:flex;background:#f4f4ef;padding:4px;gap:3px;border-radius:9px}.segmented button{border:0;background:transparent;border-radius:6px;padding:8px 11px;font-size:11px;white-space:nowrap;color:#82857a;min-height:32px}.segmented button[aria-pressed=true]{background:#fff;color:#30352a;box-shadow:0 1px 4px #2529190d}.posts{display:flex;gap:3px}.posts button{border:1px solid transparent;background:transparent;border-radius:7px;padding:8px 10px;font-size:11px;color:#85897c;min-height:32px}.posts button[aria-pressed=true]{border-color:#dedfd5;background:#f6f6f1;color:#42493a}@media(prefers-reduced-motion:reduce){.horse.animated{display:none!important}.horse-black.fixed{display:block}}@media(min-width:1500px){.head,.topline{padding-left:56px;padding-right:56px}.filters{margin-left:56px;margin-right:56px}}@media(max-width:1100px){.head{align-items:flex-start;flex-direction:column;gap:22px}.search{width:280px}.filters{gap:16px}.topline,.head{padding-left:28px;padding-right:28px}.filters{margin-left:28px;margin-right:28px}}@media(max-width:720px){.app{grid-template-columns:76px 1fr}.sidebar{padding:28px 10px 16px}.brand{display:none!important}.mobile-symbol{display:block!important;width:37px;margin:0 auto 42px}.workshop,.nav-label,.navitem span,.navitem.on:after,.location{display:none}.navitem{justify-content:center;padding:14px}.horse{width:48px;height:32px}.horse-wrap{height:60px}.bottom-rule{justify-content:center}.topline{height:60px;padding:0 20px}.preview{font-size:8px}.head{padding:28px 20px 23px}.title h1{font-size:29px}.tools{width:100%}.search{width:auto;flex:1}.refresh span{display:none}.refresh{padding:0 11px}.filters{margin-left:20px;margin-right:20px}.filter{align-items:flex-start;flex-direction:column;gap:8px}.segmented button,.posts button{font-size:10px;padding:7px 8px}.breadcrumb{font-size:11px}}.mobile-symbol{display:none}

.mobile-brand{display:none}
/* Mobile: navigation compacte, commandes tactiles et filtres défilants. */
@media(max-width:600px){
.mobile-brand{display:block;width:135px}.topline .breadcrumb{display:none}.app{display:block;padding-bottom:84px}.mobile-symbol{display:none!important}.navitem span{display:block}.navitem .icon{width:20px;height:20px}.topline{height:70px;padding:0 20px}.breadcrumb{font-size:12px;gap:10px}.preview{font-size:8px}.head{padding:27px 20px 24px;gap:23px}.title h1{font-size:32px;letter-spacing:-.9px;margin-bottom:7px}.title p{font-size:12px}.tools{gap:8px}.search{height:48px;padding:0 12px;border-radius:10px}.search input{font-size:16px;letter-spacing:-.4px}.search input::placeholder{font-size:12px;letter-spacing:0}.refresh{min-height:48px;min-width:48px;justify-content:center;border-radius:10px}.refresh svg{width:18px;height:18px}.filters{display:flex;flex-direction:column;gap:20px;margin:0 20px;padding-bottom:24px}.filter{gap:9px;width:100%}.filter-label{font-size:10px;letter-spacing:.09em;text-transform:uppercase}.segmented{width:100%;gap:2px}.segmented button{flex:1;min-height:40px;font-size:11px;padding:8px}.posts{width:100%;overflow-x:auto;gap:5px;padding:2px 0;scrollbar-width:none}.posts button{min-height:42px;padding:8px 12px;font-size:12px;flex-shrink:0}.posts::-webkit-scrollbar{display:none}}

.menu-toggle,.menu-backdrop{display:none}
@media(max-width:600px){
.app{padding-bottom:0}.topline{justify-content:flex-start;gap:15px}.topline .preview{margin-left:auto}.menu-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:white}.mobile-brand{width:126px}.sidebar{position:fixed;top:0;bottom:0;left:0;right:auto;width:260px;height:100dvh;z-index:30;padding:34px 20px 22px;display:flex;flex-direction:column;align-items:stretch;gap:0;border-right:1px solid var(--line);border-top:0;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s}.menu-open .sidebar{transform:translateX(0);visibility:visible}.sidebar .brand-black{display:block!important;width:180px;margin:0 6px 13px}.sidebar .brand-white{display:none!important}.sidebar .workshop{display:block}.sidebar .nav-label{display:block;margin:54px 12px 16px}.sidebar nav{display:grid;flex:0;gap:7px}.navitem{flex-direction:row;justify-content:flex-start;gap:13px;min-height:48px;padding:14px;font-size:14px}.navitem.on:after{display:block}.sidebar-bottom{margin-top:auto;padding-top:30px;width:auto}.horse-wrap{height:100px;margin-bottom:15px}.horse{width:96px;height:64px}.bottom-rule{display:flex;justify-content:space-between}.location{display:block}.menu-backdrop{position:fixed;inset:0;border:0;background:#20251d55;z-index:25}.menu-open .menu-backdrop{display:block}.menu-open{overflow:hidden}
}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* ——— pont entre l'app et le kit ——— */
.navitem,.menu-toggle,.refresh,.segmented button,.posts button{cursor:pointer}
.navitem.soon{color:#b1b3aa;cursor:default}
.navitem.on:after{display:block}
.segmented button.on{background:#fff;color:#30352a;box-shadow:0 1px 4px #2529190d}
.posts button.on{border-color:#dedfd5;background:#f6f6f1;color:#42493a}
.segmented button.soon,.posts button.soon{color:#b9bbb2;cursor:default}
.filters+.filters{border-top:0;padding-top:0}
#btypes{padding-bottom:16px;border-bottom:0}
#bands{margin:0 42px;padding:24px 0 90px;overflow-x:auto}
@media(min-width:1500px){#bands{margin:0 56px}}
@media(max-width:1100px){#bands{margin:0 28px}}
@media(max-width:720px){#bands{margin:0 20px}.lu{display:none}}
.title p{min-height:16px}
.lu{padding:0 8px 16px;font-size:11px;line-height:1.5;color:var(--muted)}
.lu .live{margin-bottom:3px;font-size:11px}
.filters .pousse{flex:1}
.filters .dep,.filters .rep{font-size:11px;color:#85897c;gap:8px}
.filters .dep input{height:32px;width:54px;border:1px solid #e4e5dd;border-radius:7px;padding:0 8px;background:#fff;font-size:12px}
.filters .dep em{font-style:normal;color:#a3a59d}
.filters .imp{border:0;background:#242522;color:#fff;border-radius:9px;min-height:36px;padding:0 16px;font-size:12px;font-weight:500;cursor:pointer}
.filters .imp[disabled]{background:#e7e8df;color:#9a9c93;cursor:default;filter:none}
.filters .imp:hover{filter:none}
.excl{margin-top:2px}
.filters .imp.sec{background:transparent;color:#242522;border:1px solid #d9dad1;margin-right:8px}
.filters .imp.sec[disabled]{background:transparent;color:#b9bbb2;border-color:#e7e8df}
:root[data-theme="dark"] .filters .imp.sec{background:transparent;color:#E9E7E2;border-color:#3a3a3a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .filters .imp.sec{background:transparent;color:#E9E7E2;border-color:#3a3a3a}}
@media(max-width:600px){.filters .imp.sec{margin:0 0 8px}}
.lst .lqte{width:34px;flex:none;text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.lst .ch-row .lqte{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.lst .lrow,.lst .lgrp{cursor:default}
.lst .lrow:hover{background:transparent}
.lst .lgrp:hover b{color:inherit}
.lst .eart{padding-left:6px}
.lst .eart em.dans{font-style:italic}
.lst .lcase{width:104px;flex:none;display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-right:4px}
.lst .ch-row .lcase{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.lst .lcase .qk{cursor:pointer;width:22px;height:22px}
.lst .lcase .qk svg{width:13px;height:13px}
.lst .lcase em.nr{font-style:normal;font-size:10.5px;color:var(--tx-4)}
.lst .lrow.fait .eart b,.lst .lrow.fait .lqte{color:var(--tx-4);text-decoration:line-through}
.lst .lgrp .r{margin-left:auto}
.selbar{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;z-index:20;display:flex;
  align-items:center;gap:16px;padding:10px 12px 10px 20px;border-radius:14px;background:#242522;
  color:#f3f2ee;font-size:13px;box-shadow:0 8px 30px #20251d40}
.selbar.fait{background:#3a4a32}
.selbar .lien{background:transparent;border:0;color:#cfd2c6;font-size:12.5px;text-decoration:underline;cursor:pointer}
.selbar .imp{background:#E9E7E2;color:#191919;border-radius:9px;min-height:36px;padding:0 16px;font-weight:500;cursor:pointer}
@media(max-width:600px){.selbar{left:12px;right:12px;bottom:92px;transform:none;justify-content:space-between;gap:8px;padding:10px 12px}
  .selbar .imp{padding:0 12px}}
.lst .lgrp em.rep{font-style:normal;color:#b48a3c}
.eart .exy{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--li);border-radius:20px;
  font-style:normal;font-size:11px;font-weight:600;color:var(--tx-3);font-variant-numeric:tabular-nums;vertical-align:1px}
.preview{color:#b48a3c}
.mb-blanc{display:none}
:root[data-theme="dark"] .mb-noir{display:none!important}:root[data-theme="dark"] .mb-blanc{display:block}
@media(min-width:601px){.mb-blanc{display:none!important}}
@media(prefers-reduced-motion:reduce){:root[data-theme="dark"] .horse-white.animated{display:none}:root[data-theme="dark"] .horse-white.fixed{display:block}}
@media(max-width:600px){.filters .pousse{display:none}.filters .imp{width:100%}.preview{display:none}.menu-open .lu{display:block}}
/* ——— mobile (≤600 px) : la liste en cartes ——— */
.c .k{display:none}.ready.grand{display:none}.tard::after{content:""}
@media(max-width:600px){
  /* ligne -> carte */
  .o{border:1px solid var(--li);border-radius:12px;margin:0 0 8px;background:var(--bg)}
  .o.chk{background:var(--ok-bg)}
  .line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;cursor:pointer}
  .line .when{display:none}
  .line .tw{display:block;flex:1 1 100%}
  .line .who{display:inline;white-space:normal;overflow:visible;font-size:13.5px;font-weight:600;letter-spacing:-.1px;line-height:1.3}
  .line .sub{display:block;font-size:11.5px;color:var(--tx-3);white-space:normal;margin-top:1px}
  .line .note-dot{display:inline;margin-left:6px}
  .cells{flex:1 1 auto;flex-wrap:wrap;gap:5px;min-width:0}
  .c{width:auto;height:auto;padding:0}.c.nil{display:none}
  .c i{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:600;
    border:1px solid var(--li);background:var(--bg);color:var(--tx);font-variant-numeric:tabular-nums}
  .c.todo i{background:var(--bg);color:var(--tx)}.c.ok i{background:var(--ok-bg);border-color:var(--ok-bg2);color:var(--ok)}
  .c.wait i{background:var(--wt-bg);border-color:transparent;color:var(--wt)}
  .c .k{display:inline;font-size:10px;font-weight:600;color:var(--tx-3)}.c.ok .k{color:var(--ok)}.c.wait .k{color:var(--wt)}
  .c.wait i::after{content:"fournisseur";font-weight:500;margin-left:2px}
  .ready{flex:none;width:auto;height:40px;padding:0 13px;border-radius:10px;font-size:12px;border:1px solid var(--li);margin-left:auto}
  .ready span{display:inline}
  .line .mot{display:none}
  .ch-row{display:none}
  /* mode poste : compteur en grand, coche cachee */
  .line.poste{flex-wrap:nowrap;align-items:center;gap:12px}
  .line.poste .grand{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1;width:64px;flex:none;
    font-variant-numeric:tabular-nums;color:var(--ur)}
  .line.poste .grand small{font-size:13px;color:var(--tx-4);font-weight:500;letter-spacing:0}
  .line.poste.ok .grand{color:var(--ok)}.line.poste.wait .grand{color:var(--wt)}
  .line.poste .tw{flex:1 1 auto;min-width:0}.line.poste .who{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .line.poste .ready,.line.poste .cells{display:none}
  .pl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 12px;border-top:1px solid var(--li-2);font-size:12.5px}
  .pl b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pl .q{color:var(--tx-4);font-size:11.5px;font-variant-numeric:tabular-nums}
  .pl .steps{width:100%}
  /* le detail, empile */
  .det{margin:0;border:0;border-top:1px solid var(--li);border-radius:0 0 12px 12px;padding:12px}
  .artrow{flex-wrap:wrap;gap:6px 10px;padding:9px 0}.artrow .n{flex:1 1 auto;font-size:13.5px}
  .steps{width:100%;flex-wrap:wrap}
  .desc,.lie{margin-left:0;padding-left:0}
  .foot{flex-wrap:wrap;gap:8px 14px}.foot .liens{margin-left:0;flex-wrap:wrap;width:100%}
  /* arrivees */
  .acol{display:flex;align-items:center;gap:6px;flex:1 1 auto}.areste{font-size:11.5px;color:var(--tx-3)}
  .tard::after{content:"date dépassée";font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px;background:var(--wt-bg);color:var(--wt);margin-left:4px}
  .line .ready[data-achk]{display:none}
  .ready.grand{display:flex;width:100%;height:48px;border-radius:11px;background:var(--tx);color:var(--bg);border:0;font-size:14px;font-weight:500;justify-content:center;margin-top:14px}
  .ready.grand svg{opacity:.8}.o.chk .ready.grand{background:var(--ok);color:#fff}
  .det h3 em{display:none}
  .stp>button{width:40px;height:36px;font-size:18px;border-radius:8px;background:var(--bg-2);border:1px solid var(--li)}
  .stp input{width:56px;height:36px;font-size:14px;text-align:center}
  .bl{min-width:0;order:4;width:100%;justify-content:flex-start;margin-top:2px}
  .artrow .steps{order:3}
  .pk{width:26px;height:26px;border-radius:7px;order:1;margin-left:auto}
  .day{padding:8px 0 4px}
  .line[data-ar] .when{display:block;width:100%;order:1;font-size:11.5px;color:var(--tx-3);margin-top:-2px}
  .line[data-ar] .when::before{content:"arrivée "}
  .line[data-ar] .acol{order:2}
  .line.poste .note-dot{display:none}
}
/* ——— sombre sur toute l'app : variables du kit alignees sur celles de l'app ——— */
:root[data-theme="dark"]{--ink:#E9E7E2;--muted:#8C8880;--line:#2C2C2C;--paper:#191919;--rail:#20211e;--soft:#282828}
:root[data-theme="dark"] .sidebar{--line:#33342f;background:#20211e}
:root[data-theme="dark"] .brand-black,:root[data-theme="dark"] .horse-black,:root[data-theme="dark"] .mobile-brand.mb-noir{display:none}
:root[data-theme="dark"] .brand-white,:root[data-theme="dark"] .horse-white.animated{display:block}
:root[data-theme="dark"] .sidebar .brand-black{display:none!important}:root[data-theme="dark"] .sidebar .brand-white{display:block!important}
:root[data-theme="dark"] .navitem{color:#989d90}:root[data-theme="dark"] .navitem.on{background:#35382f;color:#f1f2e9}
:root[data-theme="dark"] .navitem.on:after{background:#bec9a9}:root[data-theme="dark"] .navitem.soon{color:#5d6058}
:root[data-theme="dark"] .workshop,:root[data-theme="dark"] .nav-label{color:#8b9181}
:root[data-theme="dark"] .location strong{color:#c6cbbf}
:root[data-theme="dark"] .breadcrumb{color:#8C8880}:root[data-theme="dark"] .breadcrumb b{color:#BDB9B1}
:root[data-theme="dark"] .title p,:root[data-theme="dark"] .filter-label{color:#8C8880}
:root[data-theme="dark"] .search{background:#202020;border-color:#2C2C2C;color:#8C8880}
:root[data-theme="dark"] .search input{color:#E9E7E2}:root[data-theme="dark"] .search input::placeholder{color:#66625B}
:root[data-theme="dark"] .refresh{background:#202020;border-color:#33342f;color:#E9E7E2}:root[data-theme="dark"] .refresh:hover{background:#282828}
:root[data-theme="dark"] .segmented{background:#242424}:root[data-theme="dark"] .segmented button{color:#8C8880}
:root[data-theme="dark"] .segmented button.on{background:#35382f;color:#f1f2e9;box-shadow:none}
:root[data-theme="dark"] .posts button{color:#8C8880}:root[data-theme="dark"] .posts button.on{border-color:#3a3b34;background:#2a2b26;color:#E9E7E2}
:root[data-theme="dark"] .filters .dep input{background:#202020;border-color:#33342f;color:#E9E7E2}
:root[data-theme="dark"] .filters .imp{background:#E9E7E2;color:#191919}:root[data-theme="dark"] .filters .imp[disabled]{background:#282828;color:#66625B}
:root[data-theme="dark"] .menu-toggle{background:#202020;border-color:#33342f;color:#E9E7E2}
:root[data-theme="dark"] .menu-backdrop{background:#00000088}
:root[data-theme="dark"] .preview{color:#D9A660}
:root[data-theme="dark"] .mobile-symbol{filter:invert(1)}

/* Les écritures en cours bloquent les nouveaux gestes jusqu’à la relecture. */
#action-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 24px);padding:14px 20px;background:var(--tx);color:var(--bg);border-radius:12px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 30px #0003}
#action-status button{text-decoration:underline;white-space:nowrap;padding:6px}
/* Pendant un enregistrement, l'écran reste utilisable (Félix, 02/10) : seuls les boutons qui
   valident un lot attendent la fin de la relecture ; imprimer reste possible */
body.ecriture .app .imp:not(#eimp):not(#limp):not(#lcourses):not(.hpdf):not([data-ifeuille]){opacity:.45;pointer-events:none}
/* une coche en cours d'enregistrement ou en file */
.pend{opacity:.55;position:relative}
.pend::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--wt,#c98a1b);animation:pendp 1s ease-in-out infinite}
@keyframes pendp{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pend::after{animation:none}}
.deja{font-size:10px;color:var(--tx-3);margin-left:6px}
@media(max-width:600px){#action-status{left:12px;right:12px;transform:none;bottom:12px}.selbar{bottom:20px}}
@media(max-width:600px){
  #bfiltres .segmented{flex-wrap:wrap;width:100%}
  #bfiltres .segmented button{flex:1 1 40%;white-space:normal}
  .lst .lgrp{flex-wrap:wrap;gap:4px 8px}
  .lst .lgrp>b{flex:1;font-size:13px}
  .lst .lgrp>.r{order:3;width:100%;margin:0;padding-right:6px}
  .lst .lgrp>.lcase{width:30px}
  .lst .lrow>.lcase{width:70px;flex-wrap:wrap}
  .lst .lrow>.lcase .nr{width:100%;text-align:right}
}
/* Recherche en cours (26/09) : les filtres restent visibles mais ne s'appliquent pas */
.filters.ignores .filter,.filter.ignore,.excl.ignore,label.rep.ignore{opacity:.4;transition:opacity .15s}

/* Connexion (26/09) : son nom, son code — de grands champs, l'écran sert aussi mains occupées */
.connexion{position:fixed;inset:0;z-index:100;background:var(--bg-2);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}
.cx-carte{width:100%;max-width:440px;background:var(--bg);border:1px solid var(--li);border-radius:16px;padding:34px 30px 26px;box-shadow:0 10px 40px #0000000d;text-align:center}
.cx-logo{width:180px;margin:0 auto 16px;display:block}
.cx-blanc{display:none}
:root[data-theme="dark"] .cx-noir{display:none}
:root[data-theme="dark"] .cx-blanc{display:block}
.cx-carte h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:4px 0 4px;color:var(--tx)}
.cx-info{margin:0;color:var(--tx-3);font-size:13px}
.cx-info:empty{display:none}
.cx-form{display:grid;gap:12px;margin-top:20px}
#cx-nom,#cx-code{height:56px;border:1px solid var(--li);border-radius:11px;background:var(--bg-2);color:var(--tx);font:inherit;font-size:18px;text-align:center;outline:none;width:100%;padding:0 14px}
#cx-code{letter-spacing:.18em}
#cx-nom::placeholder,#cx-code::placeholder{letter-spacing:0;color:var(--tx-4);font-size:15px}
#cx-nom:focus,#cx-code:focus{border-color:var(--ac)}
.cx-ok{text-align:center;height:54px;border:0;border-radius:11px;background:var(--tx);color:var(--bg);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.cx-ok[disabled]{opacity:.5;cursor:default}
.cx-err{color:var(--ur);font-size:13px;margin:14px 0 0}
.cx-err:empty{display:none}
/* Personne connectée, au pied du menu : « Changer » rend l'écran à quelqu'un d'autre */
.moi{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 8px 0}
.moi-nom{display:flex;flex-direction:column;line-height:1.35;min-width:0;font-size:11px;color:var(--muted)}
.moi-nom b{font-weight:500;color:#5f625a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moi-nom em{font-style:normal}
.moi-sortie{flex:none;border:1px solid var(--line);background:transparent;border-radius:7px;padding:6px 10px;font:inherit;font-size:11px;color:#6c6f66;cursor:pointer}
.moi-sortie:hover{background:var(--soft)}
:root[data-theme="dark"] .moi-nom b{color:#BDB9B1}
:root[data-theme="dark"] .moi-sortie{color:#BDB9B1;border-color:#3a3a3a}
@media(max-width:720px) and (min-width:601px){.moi-nom{display:none}.moi{justify-content:center}}
/* Heures (26/09) : la semaine sur le téléphone — un jour par carte, de grands champs d'heure */
.hsem-list{max-width:720px;padding-bottom:130px}
.hbilan{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 14px}
.hpill{display:inline-block;font-size:11.5px;padding:3px 10px;border-radius:99px;background:var(--bg-3);color:var(--tx-2);white-space:nowrap}
.hpill.vide{background:var(--wt-bg);color:var(--wt)}
.hpill.a_valider{background:var(--bg-3);color:var(--ac)}
.hpill.validee{background:var(--ok-bg);color:var(--ok)}
.hcpt{font-size:12.5px;color:var(--tx-3)}
.hcpt b{color:var(--tx);font-weight:600}
.aide.hh{margin:0 0 12px;display:block}
.hj{border:1px solid var(--li);border-radius:10px;padding:10px 12px;margin:0 0 10px;background:var(--bg)}
.hj.abs,.hj.fer{background:var(--bg-2)}
.hjt{display:flex;align-items:baseline;gap:10px}
.hjt b{font-size:13.5px;font-weight:600;color:var(--tx)}
.hprev{font-size:11.5px;color:var(--tx-4);margin-top:2px}
.htot{margin-left:auto;font-size:13px;font-weight:500;color:var(--tx);white-space:nowrap}
.htot em,.heq em{font-style:normal;font-size:11.5px;margin-left:4px}
em.plus{color:var(--wt)}
em.moins{color:var(--ur)}
.hcr{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--tx-4)}
.hcr input[type=time]{font:inherit;font-size:16px;padding:6px 8px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);min-height:42px;min-width:0}
.hcr input[type=time]:focus{outline:none;border-color:var(--ac)}
.hcr input:disabled{background:var(--bg-2);color:var(--tx-3)}
.hdel{border:0;background:transparent;color:var(--tx-4);font-size:20px;line-height:1;cursor:pointer;min-width:40px;min-height:40px;text-align:center}
.hdel:hover{color:var(--ur)}
.hact{display:flex;align-items:center;gap:16px;margin-top:6px}
.hact .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:12.5px;cursor:pointer;padding:8px 0}
.habs{font-size:12.5px;color:var(--tx-3);display:flex;align-items:center;gap:6px;margin-left:auto;cursor:pointer}
.selbar[hidden]{display:none}
.hbar .herr{color:#f3b3a6;font-weight:500}
.filters .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
.segmented.hsem button[disabled]{cursor:default}
.segmented.hsem button[data-hsem]{font-size:15px;min-width:40px}
.segmented.hsem button[data-hsem][disabled]{opacity:.35}
.segmented.hsem button.on{white-space:nowrap}
#bfiltres .segmented.hsem{flex-wrap:nowrap}
#bfiltres .segmented.hsem button[data-hsem]{flex:none}
#bfiltres .segmented.hsem button.on{flex:1}
body.vue-heures .search{display:none}
.heq .ch-row span,.heq .etr>span{width:84px;flex:none;font-size:12.5px}
.heq .ch-row .hn,.heq .etr .hn{flex:1;width:auto;min-width:0}
.heq .ch-row .hst,.heq .etr .hst{width:112px;text-align:right}
.heq .ch-row span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.heq .hval{padding:5px 12px;font-size:12px;border:0;cursor:pointer}
.hdet{padding:6px 8px 12px 14px;border-bottom:1px solid var(--li-2);font-size:12.5px;color:var(--tx-2)}
.hdet div{display:flex;gap:12px;padding:3px 0;flex-wrap:wrap}
.hdet div b{width:140px;font-weight:500}
.hdet em{margin-left:auto;font-style:normal;color:var(--tx-4)}
.hdet p{margin:6px 0 0;color:var(--tx-3)}
.hrel{margin:16px 0;font-size:12.5px;color:var(--tx-3);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hrel .lien{background:transparent;border:0;color:var(--ac);font:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:600px){
  .heq .ch-row span:nth-child(3),.heq .etr>span:nth-child(3),.heq .ch-row span:nth-child(5),.heq .etr>span:nth-child(5){display:none}
  .heq .ch-row span,.heq .etr>span{width:64px}
  .heq .ch-row .hst,.heq .etr .hst{width:90px}
  .hdet div b{width:100%}
  .hdet em{margin-left:0}
  .segmented.hsem button.on{font-size:11px;white-space:normal}
}
/* Heures, suite (26/09) : un jour = une ligne qu'on touche pour la modifier ; motif de l'écart */
.hj .hjt{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:28px}
.hj div.hjt{cursor:default}
.hres{font-size:12.5px;color:var(--tx-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hmod{font-size:11.5px;color:var(--ac);margin-left:8px;white-space:nowrap}
.hj.ouvert{border-color:var(--ac)}
.hj.vide{border-style:dashed;background:transparent}
.hmot{margin-top:6px}
.hbadge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg-3);color:var(--tx-2);margin-right:6px}
.hbadge.conge{background:var(--ok-bg);color:var(--ok)}
.hbadge.compteur{background:var(--bg-3);color:var(--ac)}
.hbadge.autre{background:var(--wt-bg);color:var(--wt)}
.hbadge.manque{background:var(--ur-bg);color:var(--ur)}
.hmotifs{margin-top:10px;padding-top:10px;border-top:1px solid var(--li-2)}
.hmotifs>span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4);margin-bottom:6px}
.hmotifs .posts{flex-wrap:wrap;gap:6px}
.hmotifs .posts button{border:1px solid var(--li);background:var(--bg);border-radius:8px;min-height:40px;padding:8px 12px;font-size:12.5px;color:var(--tx-2);cursor:pointer}
.hmotifs .posts button.on{border-color:var(--ac);background:var(--bg-2);color:var(--tx);font-weight:500}
.hmotifs .posts button[disabled]{opacity:.4;cursor:default}
.hprec{display:block;width:100%;margin-top:8px;font:inherit;font-size:15px;padding:9px 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx)}
.hprec:focus{outline:none;border-color:var(--ac)}
.hwe{display:block;width:100%;text-align:left;background:transparent;border:1px dashed var(--li);border-radius:10px;padding:10px 12px;margin:0 0 10px;font:inherit;font-size:12.5px;color:var(--tx-3);cursor:pointer}
.hdet i{margin-left:auto;font-style:normal;color:var(--tx-4)}
.hdet .hbadge{margin:0}
.hdet div>span:not(.hpill):not(.hbadge){color:var(--tx-2)}
.hmois .ch-row span,.hmois .etr>span{width:78px}
.hmois .ch-row .hst,.hmois .etr .hst{width:110px}
.hmois .hn .hpill{margin-left:6px;font-size:10.5px;padding:2px 7px}
.hdet .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;margin-left:auto}
@media(max-width:600px){
  .hmois .ch-row span:nth-child(2),.hmois .etr>span:nth-child(2),.hmois .ch-row span:nth-child(6),.hmois .etr>span:nth-child(6){display:none}
  .hmois .ch-row span,.hmois .etr>span{width:58px}
  .hmois .ch-row .hst,.hmois .etr .hst{width:64px}
  .hres{display:none}
}
.hpill.sans{background:transparent;border:1px dashed var(--li);color:var(--tx-4)}
/* Heures à la journée (28/09) : l'état de chaque jour, les gestes rapides, la semaine d'avant */
.hj.a_declarer{border-color:var(--ac);border-style:dashed}
.hj.a_declarer.sale{border-style:solid}
.hj.avenir{background:transparent;border-style:dashed;opacity:.7}
.hetat{font-size:11px;color:var(--tx-4);white-space:nowrap;margin-left:8px}
.hetat.ok{color:var(--ok)}
.hauj{font-style:normal;font-size:10.5px;color:var(--ac);margin-left:6px;font-weight:500;letter-spacing:.02em}
.hvite{display:flex;align-items:center;gap:8px;margin-top:10px}
.hvite .hok{flex:1;min-height:44px;border:0;cursor:pointer;font-size:13px;font-weight:500}
.hpm{min-width:54px;min-height:44px;border:1px solid var(--li);background:var(--bg);border-radius:9px;font:inherit;font-size:13px;color:var(--tx-2);cursor:pointer;flex:none}
.hpm:hover{border-color:var(--ac);color:var(--ac)}
.hfin{margin-top:12px;gap:16px}
.hfin .hok{min-height:40px;border:0;cursor:pointer;font-size:12.5px}
.hnote{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;text-align:left;border:1px solid var(--wt);background:var(--wt-bg);color:var(--wt);border-radius:10px;padding:10px 12px;margin:0 0 12px;font:inherit;font-size:12.5px;cursor:pointer}
.hnote b{font-weight:600}
.hnote span{margin-left:auto;text-decoration:underline;white-space:nowrap}
.hpill.partielle{background:var(--wt-bg);color:var(--wt)}
.hpill.manque{background:var(--ur-bg);color:var(--ur)}
.hpill.en_cours{background:var(--bg-3);color:var(--tx-3)}
.herr-top{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--ur-bg);color:var(--ur);font-size:12.5px}
.hdecl{font-style:normal;font-size:10.5px;color:var(--tx-4);margin-left:5px}
.hmq{font-size:11px;color:var(--ur);font-weight:500;margin-left:6px}
.hdet .hmq{margin-left:0}
.hprev-tel{display:none}
@media(max-width:600px){
  .hvite{gap:6px}
  .hpm{min-width:50px}
  .hetat{display:none}
  .hj.declare .htot:after,.hj.verrouille .htot:after{content:" ✓";color:var(--ok)}
  .heq .hn .hmq{display:block;margin:2px 0 0}
  .hprev-tel{display:block;margin-top:4px}
}
/* Heures v2 (28/09) : cinq motifs, hors horaire, requalification, variables de paie */
.hbadge.paye{background:var(--ok-bg);color:var(--ok)}
.hbadge.maladie{background:var(--ur-bg);color:var(--ur)}
.hbadge.conge{background:var(--bg-3);color:var(--tx-2)}
.hbadge.hors{background:var(--wt-bg);color:var(--wt)}
.hreq{display:inline-flex;flex-wrap:wrap;gap:2px 8px;margin-left:6px}
.hreq .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:11px;cursor:pointer;padding:0;margin:0;text-decoration:none;opacity:.8}
.hreq .lien:hover{text-decoration:underline;opacity:1}
.hdet div.hhors{background:var(--wt-bg);border-radius:6px;padding:3px 6px;margin:2px -6px}
.halerte{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--wt-bg);color:var(--wt);font-size:12.5px}
.hpaie-tete{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;flex-wrap:wrap}
.hpaie-tete .aide{flex:1;min-width:240px}
.hpdf{border:0;cursor:pointer;min-height:36px;white-space:nowrap}
.hmois .ch-row span,.hmois .etr>span{width:82px}
.hmois .ch-row .hst,.hmois .etr .hst{width:120px}
@media(max-width:600px){
  .hmois .ch-row span:nth-child(2),.hmois .etr>span:nth-child(2){display:block}
  .hmois .ch-row span:nth-child(3),.hmois .etr>span:nth-child(3),.hmois .ch-row span:nth-child(5),.hmois .etr>span:nth-child(5),.hmois .ch-row span:nth-child(6),.hmois .etr>span:nth-child(6){display:none}
  .hmois .ch-row span,.hmois .etr>span{width:60px}
  .hmois .ch-row .hst,.hmois .etr .hst{width:90px}
  .hmois .etr .hst .hpill{white-space:normal;line-height:1.25;text-align:center}   /* « 2 jours manquants » sur deux lignes */
  .hpaie-tete .aide{display:block}
  .hreq{display:flex;margin:4px 0 0;width:100%}
}
/* ——— Listes de fabrication (28/09) : les tâches par poste, le récap de la matière ——— */
.lst .fmin{width:58px;flex:none;text-align:right;font-size:12px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.lst .ch-row .fmin{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
/* le produit de la commande en tête, ses tâches dessous (sous-produit · opération), la quantité au bout */
.lst .fprod{display:flex;flex-direction:column;gap:1px;padding:9px 4px 3px 6px}
.lst .fprod b{font-size:13.5px;font-weight:600}
.lst .fprod em{font-style:normal;font-size:11.5px;color:var(--tx-3)}
.lst .fsous{padding:6px 4px 2px 22px;font-size:12.5px;color:var(--tx-2)}
.lst .fprod.fait b,.lst .fsous.fait{color:var(--tx-4);text-decoration:line-through}
.lst .fprod.fait em{color:var(--tx-4)}
.lst .frow .eart{padding-left:22px}
.lst .frow.sousp .eart{padding-left:40px}
#btypes .fcharge{flex-basis:100%;margin-top:-12px}
#btypes .fch{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--tx-3)}
#btypes .fch span b{font-weight:600;color:var(--tx-2);font-variant-numeric:tabular-nums}
#btypes .fch span.on b{color:var(--tx)}
#btypes .fch span.tot{padding-left:10px;border-left:1px solid var(--li)}
.lst .frow .ftache{font-size:12.5px;color:var(--tx)}
.lst .frow .ftache b{font-weight:500}
.lst .frow .ftache i{font-style:normal;color:var(--tx-4)}
.lst .frow .eart em.fapres{font-style:normal;font-size:11px;color:var(--tx-4)}
.lst.fab .lqte{font-size:13.5px;color:var(--tx-2)}
.lst .lrow.fait .ftache{color:var(--tx-4);text-decoration:line-through}
.lst .lcase em.rof,.recap-t em.rof{font-style:normal;color:#b48a3c}
.lst .lcase em.rof{font-size:10.5px}
#recap{position:fixed;inset:0;z-index:60;background:#20251d66;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:auto}
.recap-panel{background:var(--bg);color:var(--tx);border-radius:14px;max-width:880px;width:100%;box-shadow:0 20px 60px #0004;padding:22px 26px 18px}
.recap-h{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.recap-h b{font-size:18px;font-weight:600}
.recap-h span{color:var(--tx-4);font-size:12.5px;flex:1}
.recap-h .lien,.recap-f .lien{background:transparent;border:0;color:var(--tx-3);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}
.recap-t{padding:12px 0 10px;border-top:1px solid var(--li-2)}
.recap-t h3{margin:0;font-size:14px;font-weight:600}
.recap-t h3 span{font-weight:400;color:var(--tx-3);font-size:13px}
.recap-t p{margin:2px 0 8px;font-size:12px;color:var(--tx-4)}
.recap-i{width:100%;border-collapse:collapse;font-size:12.5px}
.recap-i th{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-4);text-align:left;padding:4px 6px;font-weight:600}
.recap-i td{padding:5px 6px;border-top:1px solid var(--li-2);vertical-align:middle}
.recap-i .r{text-align:right;white-space:nowrap}
.recap-i input{width:78px;text-align:right;font:inherit;padding:5px 6px;border:1px solid var(--li);border-radius:6px;background:var(--bg);color:var(--tx)}
.recap-i tr.ajout td{background:var(--ok-bg)}
.recap-i tr.remplacee td{color:var(--tx-4)}
.rremp{font-style:normal;font-size:11px;color:var(--tx-3);margin-left:6px}
.recap-q{margin:0 0 6px;font-size:12.5px;color:var(--tx-2)}
.recap-q .lien{margin-left:8px}
.recap-i td.vide,.recap-res .vide{color:var(--tx-4);font-style:italic;padding:8px 10px;display:block}
.recap-i em.nr{font-style:normal;font-size:10.5px;color:var(--tx-4);margin-left:6px}
.recap-i td .lien{background:transparent;border:0;color:var(--tx-3);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
.recap-add{margin-top:8px}
.recap-add .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:12.5px;cursor:pointer;padding:0}
.recap-add input{width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx)}
.recap-res{display:flex;flex-direction:column;border:1px solid var(--li);border-top:0;border-radius:0 0 8px 8px;max-height:240px;overflow:auto;background:var(--bg)}
.recap-res button{text-align:left;font:inherit;font-size:12.5px;padding:8px 10px;border:0;background:transparent;cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:var(--tx)}
.recap-res button:hover{background:var(--bg-2)}
.recap-res button em{font-style:normal;color:var(--tx-4);white-space:nowrap}
.recap-f{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--li)}
.recap-f .imp{border:0;background:#242522;color:#fff;border-radius:9px;min-height:38px;padding:0 16px;font-size:12.5px;font-weight:500;cursor:pointer}
@media(max-width:720px){#btypes .posts{flex-wrap:wrap}}
@media(max-width:600px){
  .recap-h span{display:none}
  #recap{padding:0;align-items:stretch}
  .recap-panel{border-radius:0;padding:16px 14px;min-height:100dvh}
  .recap-i th:nth-child(2),.recap-i td:nth-child(2){display:none}
  .lst .fmin{width:44px;font-size:11px}
  .lst .frow .eart{padding-left:10px}
  .lst .frow.sousp .eart{padding-left:20px}
  .lst .fsous{padding-left:10px}
}
/* ——— Inventaire (repris le 29/09) : le tour à la voix ou au clavier, la fin du tour, la validation ——— */
#bands .imp{border:0;background:#242522;color:#fff;border-radius:9px;min-height:38px;padding:0 16px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
#bands .imp.sec{background:transparent;color:var(--tx);border:1px solid var(--li)}
#bands .imp[disabled]{background:var(--bg-3);color:var(--tx-4);cursor:default}
#bands .lien{background:transparent;border:0;color:var(--tx-3);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:0}
.icarte{max-width:560px;margin:4px 0 18px;padding:22px 24px;border:1px solid var(--li);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.icarte>b{font-size:17px;font-weight:600;letter-spacing:-.2px}
.icarte>span{font-size:12.5px;color:var(--tx-3)}
.idemarre{align-items:flex-start}
.iparts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.iparts label{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:7px 12px;border:1px solid var(--li);border-radius:99px;background:var(--bg-2);cursor:pointer;min-height:36px}
.iparts em{font-style:normal;color:var(--tx-3);font-size:12px}
.iparts input{accent-color:#242522;width:16px;height:16px}
:root[data-theme="dark"] .iparts input{accent-color:#E9E7E2}
.imic{display:inline-flex;align-items:center;gap:10px;margin:12px 0 4px;min-height:56px;padding:0 26px;border-radius:14px;border:0;background:#242522;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.imic .icon{width:22px;height:22px}
.imic[disabled]{background:var(--bg-3);color:var(--tx-4);cursor:default}
.inote{margin:4px 0 8px;font-size:12.5px;color:var(--tx-3);max-width:52ch}
/* un envoi de l'inventaire mis en pause (le comptage a changé pendant les 2 s) ; pendant qu'Odoo
   écrit, la saisie du tour attend (03/10) */
.ipause{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:85;max-width:calc(100vw - 24px);padding:10px 16px;border-radius:10px;background:var(--wt-bg);color:var(--wt);font-size:13px;box-shadow:0 8px 30px #0002}
@media(max-width:600px){.ipause{left:12px;right:12px;transform:none}}
.ipause b{font-weight:600}
body.inv-gel #bands input,body.inv-gel #bands select,body.inv-gel #bands button{opacity:.55;pointer-events:none}
.ietat-tour{max-width:560px;margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--wt-bg);color:var(--wt);font-size:12.5px}
.ietat-tour.ok{background:var(--ok-bg);color:var(--ok)}
.iliste-tour{max-width:760px;margin:6px 0 24px;font-size:12.5px;color:var(--tx-2)}
.iliste-tour summary{cursor:pointer;color:var(--tx-3);font-size:12.5px;padding:6px 0}
.igrp{padding:8px 0;border-bottom:1px solid var(--li-2)}
.igrp b{font-weight:600;color:var(--tx)} .igrp em{font-style:normal;color:var(--tx-4);margin-left:4px}
.igrp div{margin-top:2px;color:var(--tx-3);line-height:1.6}
.ianalyse{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ianalyse b{font-size:15px} .ianalyse span:last-child{font-size:12.5px;color:var(--tx-3)}
.ispin{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--li);border-top-color:var(--ac);animation:ispin .8s linear infinite}
@keyframes ispin{to{transform:rotate(360deg)}}
/* l'enregistrement : tout l'écran, rien d'autre ne répond que l'appui long */
#irec{position:fixed;inset:0;z-index:65;background:#161714;color:#E9E7E2;display:flex;align-items:flex-start;justify-content:center;overflow:auto}
.irec-c{width:100%;max-width:520px;padding:48px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.irec-h{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#DE8A7A}
.irec-pt{width:10px;height:10px;border-radius:50%;background:#DE8A7A;animation:ipulse 1.2s ease-in-out infinite}
@keyframes ipulse{50%{opacity:.3}}
.irec-t{font-size:64px;font-weight:600;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.1}
.irec-s{font-size:13px;color:#9d9a93}
.irec-fin{touch-action:none;position:relative;overflow:hidden;margin-top:26px;width:220px;height:220px;border-radius:50%;border:2px solid #3a3b36;background:#23241f;color:#E9E7E2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.irec-fin span{font-size:20px;font-weight:600;position:relative;z-index:1}
.irec-fin em{font-style:normal;font-size:12px;color:#9d9a93;position:relative;z-index:1}
.irec-fin i{position:absolute;left:0;right:0;bottom:0;height:0;background:#3E7A55}
.irec-fin.tient i{height:100%;transition:height .8s linear}
.irec-n{font-size:12px;color:#8b8880;max-width:34ch;margin:14px 0 0}
.irec-f{margin-top:18px;font-size:12px;color:#8b8880;cursor:pointer} .irec-f u{color:#BDB9B1}
.irec-x{margin-top:10px;background:transparent;border:0;color:#8b8880;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
/* au clavier */
.iclav{max-width:640px;margin-bottom:90px}
.iclav-h{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}
.iclav-h b{font-size:15px;font-weight:600} .iclav-h span{font-size:12.5px;color:var(--tx-3)}
.igrp-t{margin:18px 0 4px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.iclav-l{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid var(--li-2);font-size:13px}
.iclav-l span{flex:1;min-width:0}
.iclav-l input,.ipd input,.iq-r input,.iai-f input{width:84px;font:inherit;font-size:15px;text-align:right;padding:7px 8px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);font-variant-numeric:tabular-nums}
.iclav-l input:focus,.ipd input:focus,.iq-r input:focus,.iai-f input:focus{outline:none;border-color:var(--ac)}
.iclav-l em,.ipd em,.iq-r em{font-style:normal;font-size:11.5px;color:var(--tx-4);width:18px}
#bands .ibar .imp{background:#E9E7E2;color:#191919}
#bands .ibar .imp[disabled]{background:#4a4b45;color:#8b8880;cursor:default}
#bands .ibar .lien{color:#cfd2c6}
/* la fin du tour */
.ictrl-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 8px}
.ictrl-h b{font-size:17px;font-weight:600} .ictrl-h span{font-size:12.5px;color:var(--tx-3)}
.isec{max-width:760px;margin:14px 0 6px;padding-top:12px;border-top:1px solid var(--li)}
.isec h3{margin:0;font-size:14px;font-weight:600;display:inline-flex;align-items:baseline;gap:8px}
.isec h3 em{font-style:normal;font-weight:500;color:var(--tx-4);font-size:13px}
.isec>p{margin:2px 0 10px;font-size:12.5px;color:var(--tx-3)}
.iq{border:1px solid #e6c6bf;background:var(--ur-bg);border-radius:12px;padding:12px 14px;margin:0 0 10px;display:flex;flex-direction:column;gap:10px}
.iq.repondu{border-color:var(--li);background:var(--bg-2)}
.iq-a{display:flex;flex-direction:column;gap:3px}
.iq-a b{font-size:14px;font-weight:600}
.iq-d{font-size:13px;color:var(--tx-2)} .iq-d u{text-decoration:none;color:var(--ur);font-weight:600} .iq-d i{font-style:normal;font-size:11.5px;color:var(--tx-4);margin-left:4px}
.iq.repondu .iq-d u{color:var(--tx-2)}
.iq-e{font-size:12px;color:var(--tx-3)}
.iq-p{font-size:12px;color:var(--tx-4);font-style:italic}
.iq-b,.iq-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.iq-ok{font-size:12.5px;color:var(--ok);font-weight:500}
.iai{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:9px 0;border-bottom:1px solid var(--li-2);font-size:13px}
.iai.regle{flex-direction:row;justify-content:space-between;align-items:baseline}
.iai>span{font-style:italic;color:var(--tx-2)} .iai>span em{font-style:normal;color:var(--wt);font-size:12px;margin-left:6px}
.iai.regle>span{color:var(--tx-4)} .iai.regle em{font-style:normal;font-size:12px;color:var(--tx-3)}
.iai-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* chercher un article dans Odoo (09/10) */
.iai-f input.icherche{width:min(320px,100%);text-align:left;font-size:14px}
.iai-f em{font-style:normal;font-size:11.5px;color:var(--tx-4)}
.ires{flex-basis:100%;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
.ires:empty{display:none}
.ires-a{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);cursor:pointer;max-width:520px}
.ires-a:hover,.ires-a:focus{border-color:var(--ac);outline:none}
.ires-a small{font-size:11.5px;color:var(--tx-4)}
.ires-a.autre small{color:var(--wt)}
.ires-v{margin:2px 0;font-size:12.5px;color:var(--tx-3)}
.ichoisi{font-size:13px} .ichoisi em{font-style:normal;font-size:12px;color:var(--wt)}
.iai-n{margin:2px 0 0;font-size:12px;color:var(--wt);max-width:60ch}
.iplus .iai-f{padding:4px 0 8px}
.isig>span{display:block;font-size:12px;color:var(--tx-4)}
.isig-l{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--li-2)}
.isig-l span{font-size:12.5px;color:var(--tx-2)} .isig-l em{font-style:normal;color:var(--wt);font-size:12px;margin-left:4px}
/* la case sur la feuille, à côté d'un écart (20/10) : la photo découpée, un clic ouvre la page */
.ivign{display:block;margin:6px 0 2px;padding:0;border:1px solid var(--li);border-radius:6px;overflow:hidden;background:#fff;cursor:zoom-in;width:fit-content;max-width:100%}
.ivign img{display:block;max-width:100%;height:auto}
.isig-l .ivign{margin:6px 0 0}
.iai-f select,.ivl select{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);max-width:260px}
.ipd{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid var(--li-2);font-size:13px;flex-wrap:wrap}
.ipd>span{flex:1;min-width:180px}
.ipd .lien{min-width:24px;text-align:center}
.ipd input.ipd-ou{width:150px;text-align:left;font-size:12.5px}
details.iok summary{cursor:pointer;display:flex;align-items:baseline;gap:12px;list-style:none}
details.iok summary::-webkit-details-marker{display:none}
details.iok summary span{font-size:12.5px;color:var(--tx-3)}
details.iok summary:before{content:"›";color:var(--tx-4);transition:transform .14s;display:inline-block}
details.iok[open] summary:before{transform:rotate(90deg)}
.iokl{margin:8px 0 90px}
.lst .iv{width:78px;flex:none;text-align:right;font-size:12.5px;color:var(--tx-2);font-variant-numeric:tabular-nums}
.lst .iv.petit{color:var(--wt)} .lst .iv.rouge{color:var(--ur);font-weight:600}
.lst .eart em{font-style:normal;font-size:11.5px;color:var(--tx-4);display:block}
/* la validation */
.ival{max-width:1040px;margin:0 0 30px}
.ival-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ival-h b{font-size:17px;font-weight:600} .ival-h span{font-size:12.5px;color:var(--tx-3)}
.iavant{border:1px solid var(--li);border-radius:12px;padding:12px 16px;margin:0 0 16px;background:var(--bg)}
.iavant.vert{border-color:var(--ok-bg2);background:var(--ok-bg)}
.iavant h3{margin:0 0 4px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}
.ifeu{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 9px;border-radius:99px}
.ifeu.v{background:var(--ok);color:#fff} .ifeu.r{background:var(--ur-bg);color:var(--ur)}
.iavant p{margin:4px 0 8px;font-size:12.5px;color:var(--tx-3)}
.iatt,.idep{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--li-2);font-size:12.5px;flex-wrap:wrap}
.iatt>span,.idep>span{flex:1;min-width:240px}
.iatt em,.idep>span em{font-style:normal;color:var(--tx-4);display:block;font-size:11.5px}
.iodoo{font-size:12px;color:var(--wt)}
.iatt-b{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 6px}
.iatt-b details{flex:1;min-width:260px}
.iatt-b summary{cursor:pointer;font-size:12.5px;color:var(--tx-3);padding:4px 0}
.ival-ok b{font-weight:600} .ival-ok em{font-style:normal;opacity:.8;margin-left:6px} .ival-ok div{margin-top:3px}
.ifait{font-size:12px;color:var(--ok);white-space:nowrap}
.idep-t{margin-top:12px!important}
.ifige{font-style:normal;font-size:11.5px;color:var(--tx-3)}
.idep .segmented button{min-height:28px;padding:4px 10px}
.idep .ipend{font-style:normal;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--ur-bg);color:var(--ur);white-space:nowrap}
.icoche{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--li-2);font-size:13px;cursor:pointer}
.icoche input{width:17px;height:17px}
.ival-f{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 6px}
.ival-f span{font-size:12.5px;color:var(--tx-3)}
.ivl .ch-row .iv,.ivl .ch-row .ich{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.ivl .ich{width:132px;flex:none;text-align:right}
.ivl .etr.off .eart b,.ivl .etr.off .iv{color:var(--tx-4)}
.ivl .iph{font-style:italic}
.ivl .eart em.iverif{font-size:12px;color:var(--ur);white-space:normal;overflow:visible}   /* lu en entier, en rouge */
.iatt-r{font-style:normal;font-size:12px;color:var(--wt)}
.iai-v{margin:10px 0 0;font-size:12.5px;color:var(--tx-3)} .iai-v b{color:var(--tx-2);font-weight:600;margin-right:6px}
.iai-v i{font-style:normal;font-size:11.5px;color:var(--wt)}
/* ce qui reste sans article, réglé à la validation (09/10) : to-do, rattacher, rien à créer */
.isans>span{display:block;font-size:12px;color:var(--tx-4)}
.isans .iai-a{font-size:12.5px;white-space:nowrap}
.isans .irien span{color:var(--tx-4);text-decoration:line-through}
.isans .irien em{text-decoration:none}
.isans .irat{padding:4px 0 8px}
.isans>.imp{margin-top:8px}
.ival-ph{margin:2px 0 10px}
.ival-b{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--li)}
.ival-b span{margin-right:auto;font-size:12.5px;color:var(--tx-3)}
.irecomp form{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.irecomp form .imp{align-self:flex-start;margin-top:10px}
:root[data-theme="dark"] #bands .imp{background:#E9E7E2;color:#191919}
:root[data-theme="dark"] #bands .imp.sec{background:transparent;color:#E9E7E2;border-color:#3a3a3a}
:root[data-theme="dark"] .imic{background:#E9E7E2;color:#191919}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bands .imp{background:#E9E7E2;color:#191919}
  :root:not([data-theme="light"]) #bands .imp.sec{background:transparent;color:#E9E7E2;border-color:#3a3a3a}
  :root:not([data-theme="light"]) .imic{background:#E9E7E2;color:#191919}}
@media(max-width:600px){
  .icarte{padding:18px 16px}
  .imic{width:100%;justify-content:center}
  .irec-c{padding-top:32px}
  .irec-t{font-size:52px}
  .ivl .iv.ie,.ivl .ch-row .ie{display:none}
  .ivl .etr{flex-wrap:wrap} .ivl .etr .eart{flex:1 1 100%}
  .lst .iv{width:62px}
  .ivl .ich{width:auto;flex:1;text-align:right}
  .iq-b .imp{flex:1}
  .ipd>span{flex:1 1 100%}
}

/* Tablette (Félix, 30/09) : le nom entier du client et de la contremarque plutôt que la ville */
@media (min-width:601px) and (max-width:1180px){
  .line .sub{display:none}
  .line .who{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;overflow-wrap:anywhere}
}
/* tablette en hauteur : le nom sur sa ligne, les colonnes dessous, à leur place */
@media (min-width:601px) and (max-width:900px){
  .o>.line{flex-wrap:wrap;row-gap:4px}
  .o>.line .when:empty{display:none}
  .o>.line .tw{flex:1 1 calc(100% - 80px)}
  .o>.line .cells{margin-left:auto}
  .ch-row .when,.ch-row>.tw{display:none}
  .ch-row>.cells{margin-left:auto}
}

/* ——— Inventaire sur la feuille (Félix et David, 02-03/10) : imprimer, compter, photographier, relire ——— */
.imode{margin:12px 0 2px;align-self:flex-start}
.imode button{font-size:12.5px;padding:8px 16px;min-height:36px}
:root[data-theme="dark"] .segmented button[aria-pressed=true]{background:#35382f;color:#f1f2e9;box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .segmented button[aria-pressed=true]{background:#35382f;color:#f1f2e9;box-shadow:none}}
.ifeuille{max-width:640px;margin-bottom:110px}
.ifin{height:96px}
.ietapes{margin:12px 0 2px;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--tx-2);line-height:1.45}
.ietapes li::marker{color:var(--tx-4);font-weight:600}
#bands .ietapes .imp{display:inline-flex;align-items:center;gap:8px}
#bands .ietapes .imp .icon{width:17px;height:17px}
.iphotos{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 4px}
.iphotos figure{margin:0;width:104px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.iphotos img{width:104px;height:138px;object-fit:cover;border-radius:9px;border:1px solid var(--li);background:var(--bg-2)}
.iphotos figcaption{font-size:11.5px;color:var(--tx-3)}
#bands .iphotos .lien{font-size:11.5px}
.iphoto-aj{position:relative;width:104px;height:138px;border:1.5px dashed var(--tx-4);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;font-size:12px;line-height:1.3;color:var(--tx-2);text-align:center;cursor:pointer;background:var(--bg)}
.iphoto-aj .icon{width:26px;height:26px}
.iphoto-aj:hover{border-color:var(--tx-3);background:var(--bg-2)}
.iphoto-aj:focus-within{border-color:var(--ac);border-style:solid}
.ivh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}
.iphoto-v{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:9px}
.iphoto-v:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
/* une photo en grand, par-dessus l'écran : un clic ou Échap la ferme */
#izoom{position:fixed;inset:0;z-index:90;background:#111110ee;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
#izoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px #0008}
.izoom-x{position:absolute;top:14px;right:14px;font:inherit;font-size:13px;padding:8px 14px;border-radius:9px;border:1px solid #ffffff40;background:#00000080;color:#fff;cursor:pointer}
/* la relecture : la feuille telle que Cadence l'a lue, case par case */
.aide.irel-aide{display:block;margin:0 0 6px}
.irel-photos{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
.irel-photos img{width:46px;height:61px;object-fit:cover;border-radius:6px;border:1px solid var(--li);display:block}
.irel-photos span{font-size:12px;color:var(--tx-4);margin-left:4px}
.ifc-note{display:block;max-width:120px;margin-top:2px;font-size:10.5px;line-height:1.2;color:var(--tx-3);font-style:italic}
.irel-liste .ifc-note{display:inline;margin:0 0 0 6px}
.irel-page{max-width:1040px;margin:22px 0 4px;padding-top:12px;border-top:1px solid var(--li);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4)}
.irel-blocs{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 36px;max-width:1040px}
.irel-bloc{margin:8px 0 14px;min-width:0;max-width:100%}
.irel-bloc>b{display:block;margin:0 0 6px;font-size:13.5px;font-weight:600}
.irel-vide{margin:0;font-size:12.5px;color:var(--tx-4)}
table.irel-g{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:12px}
.irel-g thead th{padding:0 3px 4px;font-size:11px;font-weight:500;color:var(--tx-3);text-align:center;white-space:nowrap}
.irel-g tbody th{padding:2px 10px 2px 0;text-align:left;font-weight:500;color:var(--tx-2);white-space:nowrap}
.irel-g td{padding:2px 3px}
.irel-g tr.sep th,.irel-g tr.sep td{border-top:1px solid var(--li-2);padding-top:5px}
input.ifc{width:50px;font:inherit;font-size:14px;font-weight:600;text-align:center;padding:5px 2px;border:1px solid var(--li);border-radius:7px;background:var(--bg);color:var(--tx);font-variant-numeric:tabular-nums}
input.ifc[value=""]{font-weight:400;background:var(--bg-2);border-color:var(--li-2)}
input.ifc:focus{outline:none;border-color:var(--ac);background:var(--bg)}
input.ifc.doute{border-color:var(--wt);background:var(--wt-bg);color:var(--wt)}
input.ifc.hors{border-style:dashed;border-color:var(--tx-4);color:var(--tx-3)}
input.ifc.corr{border-color:var(--ac);box-shadow:inset 0 -2px 0 var(--ac)}
input.ifc.large{width:86px}
.irel-liste{display:flex;flex-direction:column;min-width:min(420px,100%)}
.irel-liste label{display:flex;align-items:center;gap:10px;padding:4px 2px;border-bottom:1px solid var(--li-2);font-size:13px}
.irel-liste label>span{flex:1;min-width:0}
.irel-liste label>em{font-style:normal;font-size:11.5px;color:var(--tx-4);min-width:96px}
.irel-liste label>i{font-style:normal;font-size:11.5px;color:var(--tx-3);min-width:150px}
.irel-libres{display:flex;flex-direction:column;margin-top:6px;min-width:min(420px,100%)}
.irel-libres>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:5px 2px;border-bottom:1px solid var(--li-2);font-size:13px}
.irel-libres>div>span{flex:1;min-width:160px;font-style:italic;color:var(--tx-2)}
.irel-libres>div>em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.irel-libres>div>i{font-style:normal;font-size:12px;color:var(--tx-3)}
/* une ligne libre se corrige à la relecture (08/10) */
.irel-libres>div{align-items:center}
.irel-libres input{font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx)}
.irel-libres input:focus{outline:none;border-color:var(--ac)}
.irel-libres input.ilt{flex:1;min-width:160px;font-style:italic}
.ilq-z{display:inline-flex;align-items:center;gap:5px} .ilq-z em{font-style:normal;font-size:11.5px;color:var(--tx-4)}
.irel-libres input.ilq{width:64px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.irel-libres>div.retire>span{text-decoration:line-through;color:var(--tx-4)}
.hors-n{color:var(--wt);font-size:11.5px}
/* L'équipe : l'accès par SMS */
.hdet p.hacc{margin:10px 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hdet p.hacc small{font-size:11.5px;color:var(--tx-4)}
.hdet p.hacc .lien{margin-left:0;padding:0;font-size:12.5px}
.hdet p.hacc.aide{display:block;max-width:none;color:var(--tx-3)}
#bands .hacc .lien,#bands .hacces .lien{color:var(--ac)}
/* ses heures : la saisie attend la fin d'un enregistrement (la relecture la reconstruit) */
body.ecriture.heures-moi #bands{opacity:.6;pointer-events:none}
@media(max-width:600px){
  .imode{align-self:stretch} .imode button{flex:1}
  .iphotos{gap:10px}
  .iphotos figure,.iphoto-aj,.iphotos img{width:96px} .iphoto-aj,.iphotos img{height:128px}
  .irel-blocs{display:block}
  .irel-liste label{flex-wrap:wrap;gap:4px 10px} .irel-liste label>span{flex:1 1 100%}
  .irel-liste label>em{min-width:0} .irel-liste label>i{min-width:0;flex:1}
  input.ifc{width:46px;font-size:15px}
}
/* ——— Tableau de bord (04/10) : la semaine de l'atelier — l'Admin d'abord ———
   Les drapeaux gardent les couleurs des gommettes (statut : vert, jaune, rouge), toujours avec un
   signe (✓ ~ ✕) et un mot : jamais la couleur seule. Matelas en bleu, sommiers en orange, partout.
   Le reste suit les jetons de l'app. */
:root{--sm-vert:#0ca30c;--sm-jaune:#fab219;--sm-rouge:#d03b3b;--tdb-mat:#2a78d6;--tdb-som:#eb6834;--tdb-hero:#2E5B6B;--tdb-barre:#242522}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tdb-mat:#3987e5;--tdb-som:#d95926;--tdb-hero:#1E4250;--tdb-barre:#323232}}
:root[data-theme="dark"]{--tdb-mat:#3987e5;--tdb-som:#d95926;--tdb-hero:#1E4250;--tdb-barre:#323232}
.tdb{display:flex;flex-direction:column;gap:16px;padding:24px 0 48px;max-width:1280px}
.tdb .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tdb-alerte{margin:0}
.tdb h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.1px;color:var(--tx)}
.tdb-carte{border:1px solid var(--li);border-radius:14px;background:var(--bg);padding:18px 20px 16px;min-width:0}
.tdb-carte>header{display:flex;align-items:flex-start;gap:10px 16px;flex-wrap:wrap;margin-bottom:14px}
.tdb-carte>header>div{flex:1 1 260px;min-width:0}
.tdb-carte>header>.tdb-act{flex:0 1 auto;margin-left:auto}
.tdb-carte>header p,.tdb-titre p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--tx-3)}
.tdb-nm{color:var(--tx-3)}
/* le haut : les chiffres de la semaine (panneau foncé) et les 8 dernières semaines */
.tdb-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.tdb-fait{display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px 22px 16px;border-radius:14px;background:var(--tdb-hero);color:#fff}
.tdb .tdb-k{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7}
.tdb-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tdb-num>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.tdb-num>div b{font-size:60px;line-height:.95;font-weight:600;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}
.tdb-num>div span{font-size:15px;color:#ffffffe0}
.tdb-num p{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#ffffffd1}
.tdb-num p b{color:#fff;font-weight:600}
.tdb-jauge{display:flex;height:8px;margin-top:14px;border-radius:99px;background:#ffffff33;overflow:hidden}
.tdb-jauge i{display:block;height:100%}
.tdb-jauge .f{background:#fff}
.tdb-jauge .r{background:repeating-linear-gradient(-45deg,#ffffffb3 0 3px,#ffffff4d 3px 6px)}
.tdb-jours{margin-top:auto;padding-top:10px;border-top:1px solid #ffffff33;font-variant-numeric:tabular-nums}
.tdb-jours>div{display:grid;grid-template-columns:76px repeat(var(--n),minmax(0,1fr));align-items:center}
.tdb-jours span{padding:3px 2px;text-align:center;font-size:12.5px;white-space:nowrap}
.tdb-jours [role=columnheader]{font-size:11px;color:#ffffffc7}
.tdb-jours [role=rowheader]{text-align:left;font-size:12px;color:#ffffffd1}
.tdb-jours [role=cell]{font-size:15px;font-weight:600;color:#fff}
.tdb-jours .zero{font-weight:400;color:#ffffffc7}
.tdb-jours .fut{font-weight:400;color:#ffffffb3}
.tdb-graphe{display:flex;flex-direction:column}
.tdb-graphe>header{align-items:center}
.tdb-cles{display:flex;gap:14px;margin-left:auto;font-size:12px;color:var(--tx-2)}
.tdb-cles span{display:inline-flex;align-items:center;gap:6px}
.tdb-cles i{display:block;width:10px;height:10px;border-radius:3px}
.tdb-cles .m,.tdb-gr .m{background:var(--tdb-mat)}
.tdb-cles .s,.tdb-gr .s{background:var(--tdb-som)}
.tdb-gr.cours .m{background:color-mix(in srgb,var(--tdb-mat) 50%,transparent)}
.tdb-gr.cours .s{background:color-mix(in srgb,var(--tdb-som) 50%,transparent)}
.tdb-plot{position:relative;flex:1 1 auto;min-height:150px;margin:16px 0 0 34px}
.tdb-grille span{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--li-2)}
.tdb-grille em{position:absolute;left:-34px;top:-8px;width:26px;text-align:right;font-style:normal;font-size:10.5px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.tdb-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.tdb-gr{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;padding:0 3px;border-radius:8px 8px 0 0;outline-offset:-2px}
button.tdb-gr{cursor:pointer}
button.tdb-gr:hover{background:var(--bg-2)}
.tdb-gr.on{background:var(--bg-3)}
.tdb-gr i{position:relative;display:block;flex:1 1 0;max-width:18px;border-radius:3px 3px 0 0}
.tdb-gr i em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--tx);white-space:nowrap}
.tdb-xs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;margin:6px 0 0 34px}
.tdb-xs span{text-align:center;font-size:11px;line-height:1.3;color:var(--tx-3);font-variant-numeric:tabular-nums}
.tdb-xs span.on{color:var(--tx);font-weight:600}
.tdb-xs em{display:block;font-style:normal;font-size:10px;font-weight:400;color:var(--tx-3)}
.tdb-tab{margin-top:12px;font-size:12.5px;color:var(--tx-3)}
.tdb-tab summary{width:max-content;cursor:pointer}
.tdb-tab table{margin-top:6px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tdb-tab th,.tdb-tab td{padding:4px 18px 4px 0;text-align:left;border-bottom:1px solid var(--li-2)}
.tdb-tab th{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}
.tdb-tab td{color:var(--tx-2)}
.tdb-tab tr.on td{color:var(--tx);font-weight:600}
/* les six drapeaux : une tuile chacun, teintée par sa couleur */
.tdb-titre{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin-top:10px}
.tdb-titre h2{font-size:17px}
.tdb-titre p{flex:1 1 280px;margin:0}
.tdb-drapeaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tdb-dr{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:14px 16px 14px 19px;border:1px solid var(--li);border-radius:14px;background:var(--bg);overflow:hidden}
.tdb-dr::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.tdb-dr.vert{background:var(--ok-bg);border-color:transparent}.tdb-dr.vert::before{background:var(--sm-vert)}
.tdb-dr.rouge{background:var(--ur-bg);border-color:transparent}.tdb-dr.rouge::before{background:var(--sm-rouge)}
.tdb-dr.jaune{background:var(--wt-bg);border-color:transparent}.tdb-dr.jaune::before{background:var(--sm-jaune)}
.tdb-dr.vide{border-style:dashed}
.tdb-dr.vide.edit{border-style:solid}
.tdb-dr header{display:flex;align-items:center;gap:10px}
.tdb-dr h3{flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;color:var(--tx)}
.tdb-st{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tdb-dr.vert .tdb-st{color:var(--ok)}.tdb-dr.rouge .tdb-st{color:var(--ur)}.tdb-dr.jaune .tdb-st{color:var(--wt)}
.tdb-dr.vide .tdb-st{font-weight:600;color:var(--tx-3)}
.tdb-causes{display:flex;flex-wrap:wrap;gap:5px}
.tdb-causes span{padding:2px 9px;border:1px solid var(--li);border-radius:99px;background:var(--bg);font-size:11.5px;color:var(--tx-2)}
.tdb-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--tx-2)}
.tdb-regle{margin:0;font-size:12px;line-height:1.5;color:var(--tx-3)}
.tdb-dr footer{margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--tx) 12%,transparent);font-size:12px;color:var(--tx-2)}
.tdb-dr footer p{margin:0;line-height:1.5}
.tdb-dr footer p b{font-weight:600;color:var(--tx)}
.tdb-dr footer p span{color:var(--tx-3)}
.tdb-mk{display:block;margin-bottom:5px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.tdb-dep{display:flex;height:6px;margin:0 0 6px;border-radius:99px;background:var(--li);overflow:hidden}
.tdb-dep i{display:block;height:100%}
.tdb-dep .pa{background:var(--sm-vert)}
.tdb-dep .pr{background:color-mix(in srgb,var(--sm-vert) 45%,transparent)}
.tdb-dep .pp{background:var(--sm-rouge)}
.tdb-dep.cours .pp{background:var(--tx-4)}
.tdb-prop{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:2px 9px;border:1px solid var(--li);border-radius:99px;background:var(--bg);font-size:11.5px;color:var(--tx-3)}
.tdb-prop.rouge{color:var(--ur);border-color:color-mix(in srgb,var(--ur) 35%,transparent)}
.tdb-prop.vert{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.sm-dot{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;font-weight:700;line-height:1;color:#fff}
.sm-dot.vert{background:var(--sm-vert)}
.sm-dot.rouge{background:var(--sm-rouge)}
.sm-dot.jaune{background:var(--sm-jaune);color:#3a2900}
.sm-dot.vide{border:1.5px solid var(--tx-4)}
.sm-dot.cours{border:1.5px solid var(--ac);background:radial-gradient(circle,var(--ac) 0 2.5px,transparent 3px)}
.sm-dot.fut{width:8px;height:8px;background:var(--li)}
.tdb-dr header .sm-dot{width:22px;height:22px;font-size:12px}
/* la saisie du relevé */
.tdb-choix{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tdb-choix button{min-height:38px;padding:6px 13px;border:1px solid var(--li);border-radius:9px;background:var(--bg);font-size:12.5px;color:var(--tx-2);cursor:pointer}
.tdb-choix button.vert.on{border-color:var(--ok);background:var(--ok-bg);color:var(--ok);font-weight:600}
.tdb-choix button.rouge.on{border-color:var(--ur);background:var(--ur-bg);color:var(--ur);font-weight:600}
.tdb-choix button.jaune.on{border-color:var(--wt);background:var(--wt-bg);color:var(--wt);font-weight:600}
.tdb-choix.causes button{min-height:32px;padding:4px 11px;border-radius:99px;font-size:12px}
.tdb-choix.causes button.on{border-color:var(--ur);background:var(--bg);color:var(--ur);font-weight:600}
.tdb-choix.causes.jaune button.on{border-color:var(--wt);color:var(--wt)}
.tdb-in{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--li);border-radius:9px;background:var(--bg);font:inherit;font-size:13px;color:var(--tx)}
.tdb-in:focus{outline:2px solid var(--ac);outline-offset:0;border-color:transparent}
.tdb-ta{min-height:100px;resize:vertical;line-height:1.5}
/* la note du brief */
.tdb-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tdb .tdb-imp{white-space:nowrap}
#bands .tdb .imp.sec:hover{background:var(--bg-2)}
.tdb-rubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 26px}
.tdb-brief:not(.edit) .tdb-rubs{display:block;column-count:3;column-gap:26px}
.tdb-brief:not(.edit) .tdb-rub{break-inside:avoid;padding-bottom:20px}
.tdb-rub h3,.tdb-rub label,.tdb-bloc h3{display:block;margin:0 0 6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.tdb-rub p,.tdb-bloc>p{margin:0;font-size:13px;line-height:1.55;color:var(--tx-2);white-space:pre-line;overflow-wrap:anywhere}
.tdb-bas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px 26px;margin-top:20px;padding-top:16px;border-top:1px solid var(--li)}
.tdb-brief:not(.edit) .tdb-bas{margin-top:0}
.tdb-ch{margin:0;padding:0;list-style:none}
.tdb-ch li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:7px 0;border-bottom:1px solid var(--li-2);font-size:13px;line-height:1.45}
.tdb-ch li:last-child{border-bottom:0}
.tdb-ch li span{flex:1 1 240px;color:var(--tx)}
.tdb-ch li em{font-style:normal;color:var(--tx-3)}
.tdb-vide{margin:0;font-size:13px;color:var(--tx-3)}
.tdb-chl{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr) minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:6px}
.tdb-suppr{width:36px;height:38px;border-radius:9px;text-align:center;font-size:18px;color:var(--tx-3);cursor:pointer}
.tdb-suppr:hover{background:var(--bg-2);color:var(--tx)}
.tdb-lien{padding:6px 0;font-size:12.5px;color:var(--ac);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
/* la saison (le tableau à gommettes) et le temps de fabrication */
.tdb-rang{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.sm-saison{overflow-x:auto;padding-bottom:4px}
.sm-sr{display:grid;grid-template-columns:128px repeat(var(--n),27px);align-items:center;width:max-content}
.sm-sh{margin-bottom:2px}
.sm-sn{position:sticky;left:0;z-index:1;padding-right:10px;background:var(--bg);font-size:12.5px;color:var(--tx-2);white-space:nowrap}
.sm-sh .sm-sn{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}
.sm-sw{height:26px;border-radius:6px 6px 0 0;text-align:center;font-size:11px;color:var(--tx-3);font-variant-numeric:tabular-nums;cursor:pointer}
.sm-sw:hover{background:var(--bg-2)}
.sm-sw.on{background:var(--bg-3);color:var(--tx);font-weight:600}
.sm-sw.futur{display:grid;place-items:center;color:var(--tx-4);cursor:default}
.sm-sc{display:grid;place-items:center;height:30px}
.sm-sc.on{background:var(--bg-3)}
.sm-sr:last-child .sm-sc.on{border-radius:0 0 6px 6px}
.sm-legende{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:12px;color:var(--tx-3)}
.sm-legende span{display:inline-flex;align-items:center;gap:7px}
.sm-legende .sm-dot{width:16px;height:16px;font-size:9.5px}
.tdb-barres>div{display:grid;grid-template-columns:84px minmax(0,1fr) 64px;gap:12px;align-items:center;padding:6px 0;font-size:12.5px;color:var(--tx-2)}
.tdb-b{display:block;height:10px;border-radius:99px;background:var(--bg-2);overflow:hidden}
.tdb-b i{display:block;height:100%;border-radius:99px;background:var(--ac)}
.tdb-b.vide{height:auto;background:none;font-size:12px;color:var(--tx-3)}
.tdb-v{text-align:right;font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums}
.tdb-tot{display:flex;justify-content:space-between;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--li-2);font-size:12.5px;color:var(--tx-3)}
.tdb-tot b{color:var(--tx);font-variant-numeric:tabular-nums}
/* la barre d'enregistrement : elle suit l'écran pendant la saisie */
.tdb-barre{position:sticky;bottom:16px;z-index:20;align-self:center;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:100%;padding:10px 12px 10px 20px;border-radius:14px;background:var(--tdb-barre);color:#f3f2ee;font-size:13px;box-shadow:0 8px 30px #20251d40}
.tdb-barre>span{display:flex;flex-direction:column;gap:2px}
.tdb-barre .tdb-msg{font-size:12.5px;font-weight:500;color:#f3b3a6}
.tdb-barre .lien{border:0;background:transparent;font-size:12.5px;color:#cfd2c6;text-decoration:underline;cursor:pointer}
#bands .tdb-barre .imp{padding:0 18px;background:#E9E7E2;color:#191919}
#bands .tdb-barre .imp[disabled]{opacity:.6;cursor:default}
/* la bulle des graphiques */
#sm-bulle{position:absolute;z-index:40;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);box-shadow:0 6px 18px #0000001f;font-size:12px;white-space:nowrap}
#sm-bulle b{font-size:13px;font-weight:600;color:var(--tx)}
#sm-bulle span{color:var(--tx-3)}
@media(max-width:1180px){.tdb-drapeaux,.tdb-rubs{grid-template-columns:repeat(2,minmax(0,1fr))}.tdb-brief:not(.edit) .tdb-rubs{column-count:2}.tdb-rang{grid-template-columns:1fr}}
@media(max-width:900px){.tdb-hero,.tdb-bas{grid-template-columns:1fr}}
@media(max-width:600px){
  .tdb{gap:14px;padding-top:18px}
  .tdb-carte{padding:16px 14px 14px;border-radius:12px}
  .tdb-fait{padding:18px 16px 14px;border-radius:12px}
  .tdb-nums{gap:14px}
  .tdb-num>div{gap:6px}
  .tdb-num>div b{font-size:46px;letter-spacing:-1.8px}
  .tdb-num>div span{font-size:13px}
  .tdb-jours>div{grid-template-columns:64px repeat(var(--n),minmax(0,1fr))}
  .tdb-jours [role=columnheader]{font-size:10px;white-space:normal;line-height:1.25}
  .tdb-drapeaux,.tdb-rubs{grid-template-columns:1fr}
  .tdb-brief:not(.edit) .tdb-rubs{column-count:1}
  .tdb-act{width:100%}.tdb-act button{flex:1 1 auto;text-align:center}
  .tdb-chl{grid-template-columns:1fr 1fr 36px}.tdb-chl .tdb-in:first-child{grid-column:1/-1}
  .tdb-barre{bottom:12px;align-self:stretch;justify-content:space-between;padding:10px 12px}
  .sm-sr{grid-template-columns:104px repeat(var(--n),26px)}
}

/* le contrôle du stock hors catalogue (13/10) : le Casamance de Julien, une carte par coupon */
.hc-tete{max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 8px}
.hc-prog{font-size:12.5px;color:var(--tx-3);display:flex;align-items:center;gap:8px}
.hc-prog b{color:var(--tx);font-variant-numeric:tabular-nums}
.hc-barre{display:inline-block;width:90px;height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden}
.hc-barre i{display:block;height:100%;background:var(--ok)}
.hc-carte{max-width:560px;border:1px solid var(--li);border-radius:12px;padding:11px 14px;margin:0 0 8px;background:var(--bg)}
.hc-carte.la{background:var(--ok-bg);border-color:var(--ok-bg2)}
.hc-carte.dims{background:var(--wt-bg)}
.hc-carte.parti{background:var(--bg-2);opacity:.75}
.hc-carte.nouveau{border-style:dashed}
.hc-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hc-h b{font-weight:600}
.hc-h small,.hc-rq{color:var(--tx-3);font-size:11.5px}
.hc-rq{display:block}
.hc-d{font-size:13px;color:var(--tx-2);margin-top:2px}
.hc-tag{font-size:11.5px;font-weight:600;color:var(--tx-2)}
.hc-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
.hc-b{min-height:38px;padding:0 14px;border:1px solid var(--li);border-radius:9px;background:var(--bg);font-size:13px}
.hc-b.ok{border-color:var(--ok);color:var(--ok)}
.hc-b.parti{color:var(--ur)}
.hc-edit{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:13px}
.hc-edit input{min-height:38px;width:84px;padding:0 9px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit}
.hc-edit input[data-hn="collection"],.hc-edit input[data-hn="couleur"],.hc-edit input[data-hn="ref"]{width:100%}
.hc-dims{display:flex;gap:6px;align-items:center}
.hc-val{display:flex;flex-direction:column;gap:4px;max-width:640px}
.hc-val label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:7px 10px;border:1px solid var(--li);border-radius:9px;font-size:13px}
.hc-val label small{color:var(--tx-3)}
.hc-val label i{font-style:normal;color:var(--tx-2);font-size:12.5px;text-align:right}
@media (max-width:520px){.hc-val label{grid-template-columns:auto 1fr}.hc-val label i{grid-column:2;text-align:left}}
.iqui{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--tx-2);margin:6px 0 2px}
.iqui select{min-height:36px;padding:0 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit}
.hc-code{display:inline-block;margin-right:7px;padding:1px 6px;border-radius:5px;background:var(--bg-3);font-size:12px;font-weight:700;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.hc-carte.focus{box-shadow:0 0 0 2px var(--ac)}
.hc-code-f{max-width:560px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.hc-code-f label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tx-2)}
.hc-code-f label span{font-weight:700;color:var(--tx)}
.hc-code-f input{width:92px;min-height:38px;padding:0 10px;border:1px solid var(--li);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit;font-size:16px;font-weight:600}
.hc-msg{max-width:560px;margin:0 0 10px;font-size:12.5px;color:var(--ok)}
.hc-msg.ko{color:var(--wt)}
.hc-etiq{max-width:560px;margin-top:14px}
/* listes (16/10) : le transporteur à côté du client ; ce qui sort de l'ordinaire en gras derrière un carré */
.lst .lgrp .trp{font-size:11.5px;font-weight:600;color:var(--tx-2);background:var(--bg-3);border-radius:6px;padding:1px 7px;white-space:nowrap}
.lst .lgrp .trp.vide{font-weight:400;font-style:italic;color:var(--tx-4);background:transparent}
.eart .sig,.lst .fprod .sig{font-size:12px;font-weight:600;color:var(--tx)}
.lst .fprod.fait .sig{color:var(--tx-4)}
.lst .fsous.sig{font-weight:600;color:var(--tx)}
/* listes (16/10) : une commande = un bloc encadré, client et transporteur sur un bandeau, comme sur le papier */
.lst .lbloc{border:1px solid var(--tx-4);border-radius:9px;margin:10px 0 12px;overflow:hidden}
.lst .lbloc>.lgrp{background:var(--bg-3);padding:9px 10px 8px;border-bottom:1px solid var(--li)}
.lst .lbloc>.lgrp b{font-size:14px;font-weight:700}
.lst .lbloc>.lgrp .trp{background:var(--bg);font-size:12px}
.lst .lbloc>.lrow,.lst .lbloc>.fprod,.lst .lbloc>.fsous{padding-left:10px;padding-right:6px}
svg.alerte{width:14px;height:14px;flex:none;vertical-align:-2px;margin-right:5px}
.eart .sig,.lst .fprod .sig,.lst .fsous.sig{display:flex;align-items:center}
/* Casamance (16/10) : ajouter un coupon à tout moment, hors contrôle */
.hc-direct{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.hc-direct .hc-msg{margin:0}

/* listes : les boutons d'impression restent ensemble, sur la ligne des onglets, calés à droite sous
   la recherche ; sur un écran trop étroit, ils passent ensemble juste en dessous (Félix, 16/10) */
.filters .lact{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto}
.filters .lact .imp{white-space:nowrap}
.filters .lact .imp.sec{margin:0}
@media(max-width:600px){.filters .lact{flex-direction:column;align-items:stretch;width:100%;margin-left:0;margin-bottom:6px}}

/* « À couper » (20/10) : avant d'imprimer, ce qui est nouveau et ce qui est déjà sur une feuille */
#coupe{position:fixed;inset:0;z-index:80;background:#1b1b1a73;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.cp-boite{background:var(--bg);color:var(--tx);border:1px solid var(--li);border-radius:12px;box-shadow:0 14px 50px #0003;width:min(560px,100%);padding:20px 22px 16px}
.cp-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.cp-t b{font-size:17px}.cp-t span{font-size:12px;color:var(--tx-3)}
.cp-new{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:9px;background:var(--bg-2)}
.cp-new span{font-size:13.5px;line-height:1.45}.cp-new em{font-style:normal;color:var(--wt);display:block;font-size:12px}
.cp-new .imp{white-space:nowrap;min-height:36px}
.cp-deja{margin-top:14px}.cp-l{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4);margin-bottom:4px}
.cp-f{padding:8px 0 6px;border-bottom:1px solid var(--li-2);font-size:13px;color:var(--tx-2)}
.cp-fh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}
.cp-q{font-size:12px;color:var(--tx-3);margin:0 0 4px}
.cp-c{display:flex;align-items:flex-start;gap:9px;padding:5px 0 5px 2px;cursor:pointer;font-size:13px;line-height:1.35}
.cp-c input{margin:2px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--ac)}
.cp-c b{font-weight:600;color:var(--tx)}.cp-c i{font-style:normal;color:var(--tx-3);display:block;font-size:12px}
.cp-new .cp-r{color:var(--ac)}
#coupe .cp-boite{max-height:84vh;overflow:auto}
.cp-x{font-size:12px;color:var(--tx-3);margin:12px 0 0}
.cp-pied{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.cp-pied .imp.sec{margin-left:auto}
#coupe .lien{background:transparent;border:0;color:var(--ac);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;padding:4px 0;white-space:nowrap}
#coupe .lien[disabled]{color:var(--tx-4);cursor:default;text-decoration:none}
#coupe .imp.sec{background:transparent;color:var(--tx);border:1px solid var(--li)}
.cp-aide,.cp-n{font-size:11.5px;color:var(--tx-4);margin:12px 0 0;line-height:1.45}.cp-n{font-size:13px;color:var(--tx-2)}
@media(max-width:600px){#coupe{padding-top:8vh}.cp-new{flex-direction:column;align-items:stretch}}

/* le tournant (21/10) : les familles au Démarrer, l'alerte, les cases grisées */
.ifams{display:flex;flex-direction:column;gap:6px;margin:10px 0 2px;align-self:stretch}
.ifam{display:grid;grid-template-columns:20px 1fr auto;gap:3px 10px;align-items:center;padding:10px 12px;border:1px solid var(--li);border-radius:12px;background:var(--bg-2);cursor:pointer}
.ifam input{accent-color:#242522;width:16px;height:16px;margin:0}
.ifam b{font-weight:600;font-size:14px}
.ifam small{grid-column:2/4;color:var(--tx-3);font-size:12px;line-height:1.45}
.ifam.on{background:var(--bg);border-color:var(--tx-4)}
.ibadge{font-size:11px;padding:3px 9px;border-radius:99px;background:var(--wt-bg);color:var(--wt);white-space:nowrap}
.ialerte{align-self:stretch;margin:12px 0 0;max-width:none}
.itot{font-size:13px;margin:10px 0 0;color:var(--tx-2);line-height:1.5}
.itot b{color:var(--tx)}
.ifc.grise{background:repeating-linear-gradient(135deg,var(--bg-3) 0 4px,var(--bg-2) 4px 8px)}
.ihf{color:var(--wt)!important}
:root[data-theme="dark"] .ifam input{accent-color:#E9E7E2}