/* 76-chantiers — 02/10/2026
   L'écran Chantiers refait pour les trois postes, et les fenêtres
   « Archiver » (raison obligatoire) et « Supprimer » (nom à écrire). */

/* L'ancien écran reste dans la page (d'autres scripts le lisent) mais ne s'affiche plus. */
#t-ch.c76-on > #ch-chef-view, #t-ch.c76-on > #ch-ct-view{display:none !important}

.c76{--c76-or:#F97316;--c76-navy:#0C1220;font-family:'Outfit',sans-serif;display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.c76 *{box-sizing:border-box}

/* ── Le résumé ── */
.c76-resume{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.c76-tuile{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:var(--s1);border:1px solid var(--brd);
  box-shadow:0 1px 2px rgba(12,18,32,.04),0 10px 26px -18px rgba(12,18,32,.22);position:relative;overflow:hidden;font-family:'Outfit',sans-serif}
.c76-tuile::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--t,#94a3b8)}
button.c76-tuile{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
button.c76-tuile:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(12,18,32,.05),0 14px 30px -16px rgba(12,18,32,.28)}
button.c76-tuile:focus-visible{outline:2px solid var(--c76-or);outline-offset:2px}
.c76-tuile b{font-size:26px;line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--tx)}
.c76-tuile span{font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.c76-tuile.t-or{--t:#F97316}.c76-tuile.t-bl{--t:#2563eb}.c76-tuile.t-vi{--t:#7c3aed}.c76-tuile.t-gr{--t:#64748b}
.c76-tuile.t-am{--t:#d97706}.c76-tuile.t-rg{--t:#dc2626}.c76-tuile.t-ok{--t:#16a34a}
/* Un soupçon de la couleur de la tuile dans le fond, le chiffre dans sa couleur. */
.c76-tuile{background:linear-gradient(135deg,color-mix(in srgb,var(--t) 9%,var(--s1)) 0%,var(--s1) 62%)}
.c76-tuile b{color:color-mix(in srgb,var(--t) 82%,var(--tx))}
.c76-tuile.t-ok b{color:var(--tx)}
.c76-tuile.sel{border-color:var(--t);box-shadow:0 0 0 3px color-mix(in srgb,var(--t) 22%,transparent)}

/* ── La barre ── */
.c76-barre{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c76-rech{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:9px;height:46px;padding:0 14px;border-radius:14px;background:var(--s1);border:1px solid var(--brd);color:var(--mu);
  box-shadow:0 1px 2px rgba(12,18,32,.04)}
.c76-rech:focus-within{border-color:var(--c76-or);box-shadow:0 0 0 3px rgba(249,115,22,.16)}
.c76-rech input{all:unset;flex:1;min-width:0;font:500 14.5px 'Outfit',sans-serif;color:var(--tx)}
.c76-rech input::placeholder{color:var(--mu);opacity:.85}
.c76-rech input::-webkit-search-cancel-button{cursor:pointer}
.c76-seg{display:inline-flex;padding:4px;gap:3px;border-radius:14px;background:var(--s1);border:1px solid var(--brd);height:46px}
.c76-seg button{all:unset;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:10px;font:700 13.5px 'Outfit',sans-serif;color:var(--mu);cursor:pointer;transition:background .15s,color .15s}
.c76-seg button b{font:700 11px 'JetBrains Mono',monospace;padding:2px 7px;border-radius:999px;background:var(--s2);color:var(--mu)}
/* 08/10/2026 (user : pas de noir sur les boutons) : l'onglet choisi était bleu nuit presque noir. */
.c76-seg button.on{background:var(--c76-or);color:#fff}
.c76-seg button.on b{background:rgba(255,255,255,.24);color:#fff}
.c76-seg button[disabled]{opacity:.45;cursor:default}
.c76-seg button:focus-visible{outline:2px solid var(--c76-or);outline-offset:1px}
.c76-tri{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 6px 0 14px;border-radius:14px;background:var(--s1);border:1px solid var(--brd)}
.c76-tri span{font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.c76-tri select{border:0;background:transparent;font:700 13.5px 'Outfit',sans-serif;color:var(--tx);padding:0 6px;height:100%;cursor:pointer;outline:none}
.c76-nouveau:empty{display:none}
.c76-cts{display:flex;gap:8px;flex-wrap:wrap}
.c76-chip{all:unset;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:var(--s1);border:1px solid var(--brd);font:600 13px 'Outfit',sans-serif;color:var(--tx);cursor:pointer;white-space:nowrap}
.c76-chip i{width:8px;height:8px;border-radius:50%;background:var(--c,#94a3b8)}
.c76-chip.on{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.45);color:#c2410c}
body.dark-theme .c76-chip.on{color:#fdba74}
.c76-chip:focus-visible{outline:2px solid var(--c76-or);outline-offset:1px}

/* ── La grille ── */
.c76-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;align-items:stretch}
/* Peu de chantiers (souvent chez le conducteur) : les cartes prennent la largeur et passent en deux colonnes. */
.c76-grille.peu{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.c76-carte{position:relative;container-type:inline-size;display:flex;flex-direction:column;padding:16px 16px 14px;border-radius:18px;background:var(--s1);border:1px solid var(--brd);cursor:pointer;
  box-shadow:0 1px 2px rgba(12,18,32,.04),0 12px 30px -20px rgba(12,18,32,.28);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.c76-carte:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 40%,var(--brd));box-shadow:0 1px 2px rgba(12,18,32,.05),0 18px 36px -18px rgba(12,18,32,.32)}
.c76-carte:focus-visible{outline:2px solid var(--c76-or);outline-offset:2px}
.c76-carte.menu-ouvert{z-index:5}
.c76-in{display:flex;flex-direction:column;gap:12px;flex:1}
@container (min-width:620px){
  .c76-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:22px;row-gap:10px;align-content:start}
  .c76-in > *{grid-column:1}
  .c76-in > .c76-chiffres{grid-column:2;grid-row:1 / span 3;align-self:start}
  .c76-in > .c76-actions{grid-column:1 / -1}
  .c76-in > .c76-actions > .c76-bt{flex:0 1 220px}
}
.c76-carte.arch{background:color-mix(in srgb,var(--s1) 88%,var(--s2))}
.c76-carte.arch .c76-av{filter:grayscale(.8);opacity:.75}
.c76-c-tete{display:flex;align-items:flex-start;gap:12px}
.c76-av{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.c76-av svg{display:block}
.c76-c-t{flex:1;min-width:0}
.c76-c-t h3{margin:0;font-size:16.5px;line-height:1.25;font-weight:750;font-weight:700;letter-spacing:-.01em;color:var(--tx);overflow-wrap:anywhere}
.c76-adr{margin:4px 0 0;display:flex;align-items:flex-start;gap:5px;font-size:13px;line-height:1.35;color:var(--mu)}
.c76-adr svg{flex:none;margin-top:2px}
.c76-vide{font-style:italic;opacity:.8}
.c76-statut{flex:none;font:700 10px 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;padding:4px 8px;border-radius:999px;margin-top:2px}
.c76-statut.n-ok{background:rgba(22,163,74,.12);color:#15803d}
.c76-statut.n-a{background:rgba(217,119,6,.14);color:#b45309}
.c76-statut.n-r{background:rgba(220,38,38,.12);color:#b91c1c}
.c76-statut.n-fini{background:rgba(37,99,235,.12);color:#1d4ed8}
.c76-statut.n-arch{background:rgba(100,116,139,.15);color:var(--mu)}
body.dark-theme .c76-statut.n-ok{color:#4ade80}
body.dark-theme .c76-statut.n-a{color:#fbbf24}
body.dark-theme .c76-statut.n-r{color:#f87171}
body.dark-theme .c76-statut.n-fini{color:#93c5fd}
/* L'identité du chantier : un filet de sa couleur en haut de la carte. */
.c76-carte::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 30%,transparent))}
.c76-carte.n-r{border-color:color-mix(in srgb,#dc2626 28%,var(--brd))}
.c76-carte.n-a{border-color:color-mix(in srgb,#d97706 24%,var(--brd))}
.c76-carte.arch::before{opacity:.35}
/* Les points à savoir, calculés sur les vraies données. */
.c76-cons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.c76-i{--i:#2563eb;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 10px;border-radius:11px;background:color-mix(in srgb,var(--i) 8%,transparent);font-size:12.8px;line-height:1.35;color:var(--tx)}
.c76-i.n-r{--i:#dc2626}.c76-i.n-a{--i:#d97706}.c76-i.n-b{--i:#2563eb}
.c76-i > i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--i);box-shadow:0 0 0 3px color-mix(in srgb,var(--i) 18%,transparent)}
.c76-i p{flex:1;margin:0;min-width:0}
.c76-i p b{font-weight:800;color:color-mix(in srgb,var(--i) 75%,var(--tx))}
.c76-i-q{margin-left:6px;font-weight:700;color:color-mix(in srgb,var(--i) 75%,var(--tx))}
.c76-i-bt{all:unset;flex:none;height:28px;padding:0 11px;border-radius:999px;font:700 12px 'Outfit',sans-serif;color:color-mix(in srgb,var(--i) 85%,var(--tx));
  background:var(--s1);border:1px solid color-mix(in srgb,var(--i) 30%,var(--brd));cursor:pointer}
.c76-i-bt:hover{background:color-mix(in srgb,var(--i) 12%,var(--s1))}
.c76-i-bt:focus-visible{outline:2px solid var(--i);outline-offset:1px}
.c76-chip-surv{background:rgba(217,119,6,.12)!important;border-color:rgba(217,119,6,.5)!important;color:#b45309!important}
.c76-chip-surv svg{width:13px;height:13px}
.c76-c-ligne{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:13px;color:var(--tx)}
.c76-ct{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-weight:600}
.c76-ct i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.c76-sans{display:inline-flex;align-items:center;font-weight:600;color:#c2410c;background:rgba(249,115,22,.12);padding:3px 9px;border-radius:999px;font-size:12px}
.c76-proch{display:inline-flex;align-items:center;gap:6px;color:var(--mu)}
.c76-proch b{color:var(--tx);font-weight:700}
.c76-chiffres{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:14px;background:var(--s2);border:1px solid color-mix(in srgb,var(--brd) 70%,transparent)}
.c76-ch{display:flex;flex-direction:column;gap:3px;padding:11px 12px;min-width:0}
.c76-ch + .c76-ch{border-left:1px solid var(--brd)}
.c76-ch > b{font-size:21px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c76-ch.vif > b{color:var(--c76-or)}
.c76-ch-t > b{font-size:15.5px;line-height:1.45}
.c76-ch > span{font:600 9.5px 'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--mu);line-height:1.3}
.c76-ch small{font-size:11.5px;color:var(--mu);line-height:1.3}
.c76-ch small em{font-style:normal;font-weight:700;color:var(--tx)}
.c76-note{margin:0;display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tx);padding:7px 10px;border-radius:10px;background:rgba(37,99,235,.08)}
.c76-note b{font-weight:800}
.c76-note-or{background:rgba(249,115,22,.1)}
.c76-motif{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:var(--mu);padding:9px 11px;border-radius:12px;background:var(--s2)}
.c76-motif svg{flex:none;margin-top:1px}
.c76-motif b{color:var(--tx);font-weight:700}
.c76-motif-t{display:block;color:var(--tx);font-weight:600;margin-top:2px}
.c76-actions{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--brd);margin-top:auto}
.c76-actions > .c76-bt{flex:1 1 0}
.c76-attente{flex:1;font-size:12.5px;font-weight:600;color:var(--mu)}

/* ── Boutons ── */
.c76-bt{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:12px;
  font:700 13.5px 'Outfit',sans-serif;color:var(--tx);background:var(--s1);border:1px solid var(--brd);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,filter .15s,transform .1s}
.c76-bt:hover{border-color:color-mix(in srgb,var(--tx) 25%,var(--brd));background:var(--s2)}
.c76-bt:active{transform:scale(.98)}
.c76-bt:focus-visible{outline:2px solid var(--c76-or);outline-offset:2px}
.c76-bt svg{flex:none;display:block}
.c76-bt-p{background:var(--c76-navy);border-color:var(--c76-navy);color:#fff}
.c76-bt-p:hover{background:#1b2436;border-color:#1b2436}
body.dark-theme .c76-bt-p{background:#e2e8f0;border-color:#e2e8f0;color:#0C1220}
body.dark-theme .c76-bt-p:hover{background:#fff}
.c76-bt-or{background:var(--c76-or);border-color:var(--c76-or);color:#fff}
.c76-bt-or:hover{background:#ea6a0c;border-color:#ea6a0c}
.c76-bt-r{background:#dc2626;border-color:#dc2626;color:#fff}
.c76-bt-r:hover{background:#b91c1c;border-color:#b91c1c}
.c76-bt[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.3)}
.c76-bt-i{flex:none !important;width:40px;padding:0;color:var(--mu)}
.c76-plus{position:relative;flex:none}
.c76-menu{display:none;position:absolute;right:0;bottom:calc(100% + 6px);min-width:232px;padding:6px;border-radius:14px;background:var(--s1);border:1px solid var(--brd);
  box-shadow:0 18px 40px -12px rgba(12,18,32,.35);z-index:10;flex-direction:column;gap:2px}
.c76-plus.ouvert .c76-menu{display:flex}
.c76-plus.ouvert .c76-bt-i{background:var(--s2);color:var(--tx)}
.c76-mi{justify-content:flex-start;border:0;background:transparent;width:100%;min-height:40px;border-radius:9px;font-weight:600}
.c76-mi:hover{background:var(--s2)}
.c76-mi-r{color:#dc2626}
.c76-mi-r:hover{background:rgba(220,38,38,.09)}

/* ── Rien à montrer ── */
.c76-rien{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 20px;border-radius:18px;background:var(--s1);border:1px dashed var(--brd)}
.c76-rien-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(249,115,22,.12);color:var(--c76-or)}
.c76-rien-ico svg{width:26px;height:26px}
.c76-rien b{font-size:17px;font-weight:800;color:var(--tx)}
.c76-rien p{margin:0 0 6px;max-width:420px;font-size:14px;line-height:1.5;color:var(--mu)}

/* ── Les fenêtres ── */
.c76-voile{z-index:2100 !important}
.modal.c76-boite{max-width:500px;padding:20px 20px 18px;font-family:'Outfit',sans-serif;border-radius:18px}
.c76-b-tete{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.c76-b-tete > div{flex:1;min-width:0}
.c76-b-tete h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--tx)}
.c76-b-nom{margin:3px 0 0;font-size:14px;font-weight:600;color:var(--mu);overflow-wrap:anywhere}
.c76-b-ico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(249,115,22,.13);color:var(--c76-or,#F97316)}
.c76-b-ico.r{background:rgba(220,38,38,.12);color:#dc2626}
.c76-x{all:unset;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--mu);cursor:pointer;border:1px solid var(--brd)}
.c76-x:hover{color:var(--tx);background:var(--s2)}
.c76-b-txt{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--tx)}
.c76-b-fort{font-weight:700;color:#dc2626}
.c76-b-lbl{display:block;margin:12px 0 7px;font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.c76-b-rappel,.c76-b-effets{list-style:none;margin:0 0 6px;padding:10px 12px;border-radius:12px;background:var(--s2);display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.4;color:var(--tx)}
.c76-b-rappel{background:rgba(249,115,22,.09)}
.c76-b-effets{background:rgba(220,38,38,.07)}
.c76-b-rappel li,.c76-b-effets li{display:flex;gap:6px;align-items:baseline}
.c76-b-effets li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#dc2626;transform:translateY(-1px)}
.c76-b-rappel li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#F97316;transform:translateY(-1px)}
.c76-motifs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c76-motif-ch{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--brd);
  background:var(--s1);font:700 13.5px 'Outfit',sans-serif;color:var(--tx);cursor:pointer;transition:border-color .15s,background .15s}
.c76-motif-ch:hover{border-color:rgba(249,115,22,.5)}
.c76-motif-ch.on{border-color:#F97316;background:rgba(249,115,22,.12);color:#c2410c}
body.dark-theme .c76-motif-ch.on{color:#fdba74}
.c76-motif-ch:focus-visible{outline:2px solid #F97316;outline-offset:2px}
.c76-b-champ{width:100%;margin-top:10px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--brd);background:var(--s2);color:var(--tx);font:500 14px 'Outfit',sans-serif;resize:vertical;outline:none}
.c76-b-champ:focus{border-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.15)}
.c76-b-champ.requis{border-color:rgba(249,115,22,.6)}
.c76-danger .c76-b-champ:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)}
.c76-b-err{margin:8px 0 0;font-size:13px;font-weight:600;color:#dc2626}
.c76-b-pied{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.c76-b-pied .c76-b-esp{flex:1}
.c76-b-pied:not(:has(.c76-b-esp)){justify-content:flex-end}

/* ── L'historique du chantier (js/39) ── */
.hch-arch{margin:8px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--mu)}
.hch-arch b{color:var(--tx);font-weight:700}
.hch-plan{all:unset;margin-top:10px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--brd);background:var(--s1);font:700 12.5px 'Outfit',sans-serif;color:var(--tx);cursor:pointer}
.hch-plan:hover{background:var(--s2)}
.hch-surplace li{padding:0}
.hch-art{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;cursor:pointer;border-radius:13px}
.hch-art:hover{background:var(--s2)}

/* ── Grand écran : l'application est agrandie par --zi ; les feuilles aussi. ── */
@media (min-width:1660px){
  .hch-feuille{zoom:var(--zi,1);height:calc(100vh / var(--zi,1))}
}

/* ── Tablette et téléphone ── */
@media (max-width:1100px){
  .c76-resume{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .c76{gap:12px}
  .c76-resume{gap:8px}
  .c76-tuile{padding:9px 12px;border-radius:13px;flex-direction:row;align-items:center;gap:10px}
  .c76-tuile::before{top:9px;bottom:9px}
  .c76-tuile b{font-size:20px}
  .c76-tuile span{font-size:9px;line-height:1.25}
  .c76-barre{gap:8px}
  .c76-rech{flex:1 1 100%;height:44px}
  .c76-seg{flex:1 1 auto;height:42px}
  .c76-seg button{flex:1;justify-content:center;padding:0 6px;gap:5px;font-size:13px}
  .c76-seg button b{padding:1px 5px;font-size:10px}
  .c76-tri{height:42px;padding-left:10px}
  .c76-tri span{display:none}
  .c76-seg{flex:1 1 0;min-width:0}
  .c76-tri{flex:0 1 auto;min-width:0;max-width:46%}
  .c76-tri select{max-width:100%;text-overflow:ellipsis;font-size:13px}
  .c76-nouveau{flex:1 1 100%}
  .c76-nouveau .c76-bt{width:100%}
  .c76-cts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px 2px}
  .c76-cts::-webkit-scrollbar{display:none}
  .c76-grille{grid-template-columns:1fr;gap:10px}
  .c76-carte{padding:14px 14px 12px;border-radius:16px}
  .c76-carte:hover{transform:none}
  .c76-ch{padding:10px}
  .c76-ch > b{font-size:19px}
  .c76-ch-t > b{font-size:14px}
  .c76-ch > span{font-size:9px}
  .modal.c76-boite{padding:18px 16px 16px}
  .c76-b-pied .c76-bt{flex:1 1 auto}
  .c76-b-pied .c76-b-esp{display:none}
}

/* Un bouton en attente (raison non choisie, nom pas encore écrit) reste visible, en gris. */
.c76-bt.c76-bt-or[disabled],.c76-bt.c76-bt-r[disabled]{background:var(--s2) !important;color:var(--mu) !important;border-color:var(--brd) !important;opacity:1;filter:none}
.modal.c76-boite.c76-danger{max-width:560px}
.c76-actions > .c76-bt{min-width:0}
.c76-actions > .c76-bt > span{overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){ .c76-actions > .c76-bt{padding:0 10px} }

/* 03/10/2026 : lecture guidée de l'écran */
.c76-aide{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;border-radius:14px;background:color-mix(in srgb,#F97316 7%,var(--s1));border:1px solid color-mix(in srgb,#F97316 22%,var(--brd));font-size:13.5px;line-height:1.45;color:var(--tx)}
.c76-aide svg{flex:none;width:20px;height:20px;color:#EA580C}
.c76-tuile .c76-ex{font:500 12.5px/1.35 'Outfit',sans-serif;font-style:normal;color:var(--mu);text-transform:none;letter-spacing:0;margin-top:2px}
.c76-seg button[disabled]{opacity:1}

/* ══ 03/10/2026 (user : « c'est dur à comprendre la partie chantier ») : version simple.
   Une phrase en haut, une ligne par chantier, quatre colonnes nommées en clair. ══ */
#c76 .c76-resume{display:block;margin:0 0 14px}
.c76-phrase{margin:0;font:600 19px/1.5 'Outfit',sans-serif;color:var(--tx)}
.c76-phrase .c76-ok{color:#16a34a}
.c76-lien{all:unset;cursor:pointer;color:var(--tx);border-bottom:2px solid color-mix(in srgb,#F97316 45%,transparent);padding:0 1px;transition:background .15s}
.c76-lien:hover,.c76-lien.on{background:color-mix(in srgb,#F97316 12%,transparent);border-radius:4px}
.c76-lien b{color:#EA580C;font-weight:800}
.c76-lien.l-am b{color:#d97706}.c76-lien.l-am{border-bottom-color:color-mix(in srgb,#d97706 50%,transparent)}
.c76-lien.l-rg b{color:#dc2626}.c76-lien.l-rg{border-bottom-color:color-mix(in srgb,#dc2626 45%,transparent)}
.c76-lien:focus-visible{outline:2px solid #F97316;outline-offset:2px}
.c76-ctsel select{min-height:44px}
#c76 .c76-grille{display:flex;flex-direction:column;gap:0;background:var(--s1);border:1px solid var(--brd);border-radius:18px;overflow:visible}
#c76 .c76-grille > .c76-rien{border:0}
.c76-entete,.c76-ligne{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,1.9fr) auto;gap:16px;align-items:center;padding:14px 18px}
.c76-entete{font:600 11px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--brd);padding-top:12px;padding-bottom:10px}
.c76-ligne{position:relative;cursor:pointer;border-bottom:1px solid var(--brd);transition:background .15s}
.c76-ligne:last-child{border-bottom:0}
.c76-ligne:hover{background:color-mix(in srgb,var(--c) 5%,var(--s1))}
.c76-ligne:focus-visible{outline:2px solid #F97316;outline-offset:-2px}
.c76-ligne::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}
.c76-ligne.menu-ouvert,.c76-ligne:has(.c76-plus.ouvert){z-index:30}
.c76-l-nom h3{margin:0;font:700 16px/1.25 'Outfit',sans-serif;color:var(--tx)}
.c76-l-nom p{margin:3px 0 0;font-size:13px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c76-l-ct{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--tx)}
.c76-l-ct i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.c76-l-sp{font-size:14.5px;color:var(--mu)}
.c76-l-sp b{font:800 18px/1 'Outfit',sans-serif;color:var(--tx)}
.c76-l-savoir{display:flex;flex-direction:column;gap:5px;min-width:0}
.c76-s{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.35;color:var(--tx)}
.c76-s > i{flex:none;width:8px;height:8px;border-radius:50%;background:#94a3b8}
.c76-s.n-r > i{background:#dc2626}.c76-s.n-a > i{background:#d97706}.c76-s.n-b > i{background:#2563eb}.c76-s.n-ok > i{background:#16a34a}
.c76-s.n-r{color:#b91c1c}.c76-s.n-ok{color:#15803d}
.c76-s .c76-i-bt{margin-left:auto}
.c76-s-plus{margin:0;font-size:12.5px;color:var(--mu)}
.c76-l-act{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.c76-l-act .c76-bt{min-height:40px}
#c76 .c76-ligne .c76-menu{bottom:auto;top:calc(100% + 6px)}
body.dark-theme .c76-s.n-r{color:#fca5a5}body.dark-theme .c76-s.n-ok{color:#86efac}
@media (max-width:900px){
  .c76-entete{display:none}
  .c76-ligne{grid-template-columns:1fr auto;grid-template-areas:"nom act" "ct sp" "sav sav";gap:8px 12px;padding:14px 14px 14px 18px}
  .c76-l-nom{grid-area:nom}.c76-l-act{grid-area:act;align-self:start}.c76-l-ct{grid-area:ct}.c76-l-sp{grid-area:sp;text-align:right}.c76-l-savoir{grid-area:sav}
  .c76-l-sp::before{content:attr(data-l)}
  .c76-phrase{font-size:16.5px}
}
@media (max-width:900px){
  .c76-ligne{grid-template-columns:minmax(0,1fr) auto}
  .c76-l-nom{min-width:0}.c76-l-nom p{white-space:normal}
  #c76 .c76-seg span{white-space:nowrap}
}

/* ══ 03/10/2026, 2e version simple : deux groupes de cartes, compréhensibles d'un coup d'œil ══ */
#c76 .c76-grille{display:block;background:none;border:0;border-radius:0}
.c77-titre{display:flex;align-items:center;gap:10px;margin:18px 2px 10px;font:800 18px/1.2 'Outfit',sans-serif;color:var(--tx)}
.c77-titre:first-child{margin-top:4px}
.c77-titre i{width:12px;height:12px;border-radius:50%}
.c77-t-a i{background:#EA580C;box-shadow:0 0 0 4px color-mix(in srgb,#EA580C 18%,transparent)}
.c77-t-b i{background:#16a34a;box-shadow:0 0 0 4px color-mix(in srgb,#16a34a 18%,transparent)}
.c77-titre b{font:700 13px/1 'JetBrains Mono',monospace;padding:5px 9px;border-radius:999px;background:var(--s2,#f1f2f5);color:var(--mu)}
.c77-groupe{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.c77-carte{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 18px 14px;border-radius:18px;background:var(--s1);border:1px solid var(--brd);
  box-shadow:0 1px 2px rgba(12,18,32,.04),0 16px 34px -26px rgba(12,18,32,.35);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;overflow:visible}
.c77-carte::before{content:"";position:absolute;left:18px;right:18px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--c)}
.c77-carte:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(12,18,32,.05),0 22px 40px -24px rgba(12,18,32,.4)}
.c77-carte:focus-visible{outline:2px solid #F97316;outline-offset:2px}
.c77-carte.besoin{border-color:color-mix(in srgb,#EA580C 35%,var(--brd))}
.c77-carte:has(.c76-plus.ouvert){z-index:30}
.c77-haut{display:flex;align-items:flex-start;gap:10px}
.c77-nom{flex:1;min-width:0}
.c77-nom h4{margin:0;font:800 18px/1.2 'Outfit',sans-serif;color:var(--tx)}
.c77-nom p{margin:4px 0 0;font-size:13.5px;color:var(--mu)}
.c77-carte .c76-menu{bottom:auto;top:calc(100% + 6px)}
.c77-qui{display:flex;align-items:center;gap:9px;margin:0;font-weight:600;font-size:14.5px;color:var(--tx)}
.c77-av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font:800 13px/1 'Outfit',sans-serif}
.c77-reperes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.c77-reperes > div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 10px 9px;border-radius:12px;background:var(--s2,#f6f7f9)}
.c77-reperes .c77-ico{width:20px;height:20px;color:var(--mu)}
.c77-reperes b{font:800 17px/1.1 'Outfit',sans-serif;color:var(--tx)}
.c77-reperes small{font-size:12px;line-height:1.25;color:var(--mu)}
.c77-reperes > div.vif{background:color-mix(in srgb,#2563eb 9%,var(--s1))}
.c77-reperes > div.vif .c77-ico,.c77-reperes > div.vif b{color:#1d4ed8}
.c77-ico svg{width:100%;height:100%;display:block}
.c77-afaire{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#FFF4EC;border:1px solid #FCD9BD}
.c77-afaire.n-r{background:#FEF2F2;border-color:#FECACA}
.c77-afaire .c77-ico{flex:none;width:20px;height:20px;color:#EA580C}
.c77-afaire.n-r .c77-ico{color:#dc2626}
.c77-afaire p{flex:1;margin:0;font-size:14px;line-height:1.35;color:#0C1220}
.c77-agir{flex:none;border:0;border-radius:10px;padding:9px 14px;min-height:40px;font:700 14px 'Outfit',sans-serif;color:#fff;background:#EA580C;cursor:pointer}
.c77-afaire.n-r .c77-agir{background:#dc2626}
.c77-plus-pt{margin:-6px 0 0;font-size:12.5px;color:var(--mu)}
.c77-arch{margin:0;font-size:13.5px;color:var(--mu)}
.c77-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}
.c77-ouvrir{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:700 14px 'Outfit',sans-serif;color:#EA580C}
.c77-ouvrir svg{width:16px;height:16px}
body.dark-theme .c77-afaire{background:rgba(234,88,12,.12);border-color:rgba(234,88,12,.35)}
body.dark-theme .c77-afaire.n-r{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.35)}
body.dark-theme .c77-afaire p{color:var(--tx)}
@media (max-width:520px){ .c77-groupe{grid-template-columns:1fr} .c77-carte{padding:16px 14px 12px} }
/* 05/10/2026 : sur téléphone, le choix du conducteur prend sa propre ligne — sinon « Tous les
   conducteurs » était coupé à côté des onglets. */
@media (max-width:520px){ #c76 .c76-barre{flex-wrap:wrap} #c76 .c76-ctsel{flex:1 1 100%;width:100%;min-width:100%} #c76 .c76-ctsel select{width:100%} }