/* 15/10/2026 — Onglet Chantiers refait (user : « catastrophiquement moche, refais tout »).
   Une seule famille de couleurs : bleu encre + un orange pour l'action. Cartes claires, chiffres lisibles,
   un bouton principal par carte. Feuille de style seule, le fonctionnement ne change pas. */
#c76{--k-ink:#14213D;--k-soft:#5B6B8C;--k-line:#E1E8F5;--k-pale:#F3F6FC;--k-blue:#2F5BEA;--k-blue-pale:#E8EEFF;--k-or:#F97316}
#c76{display:flex;flex-direction:column;gap:14px;margin-top:2px}

/* Barre de recherche, segments, filtre */
#c76 .c76-barre{gap:10px}
#c76 .c76-rech{height:50px;border-radius:16px;background:#fff!important;border:1px solid var(--k-line)!important;box-shadow:none!important;padding:0 16px;color:var(--k-soft)}
#c76 .c76-rech:focus-within{border-color:var(--k-blue)!important;box-shadow:0 0 0 4px rgba(47,91,234,.12)!important}
#c76 .c76-rech input{font-size:15px;color:var(--k-ink)!important;background:transparent!important}
#c76 .c76-rech input::placeholder{color:#8493B0}
#c76 .c76-seg{height:50px;border-radius:16px;background:#E9EEFA!important;border:0!important;padding:4px}
#c76 .c76-seg button{border-radius:12px;color:var(--k-soft);font-size:14px;padding:0 16px}
#c76 .c76-seg button b{background:#fff;color:var(--k-soft)}
#c76 .c76-seg button.on{background:#fff!important;color:var(--k-ink)!important;box-shadow:0 2px 8px -2px rgba(20,33,61,.22)}
#c76 .c76-seg button.on b{background:var(--k-blue)!important;color:#fff!important}
#c76 .c76-tri{height:50px;border-radius:16px;background:#fff!important;border:1px solid var(--k-line)!important}
#c76 .c76-tri select{color:var(--k-ink)}

/* Titres de groupes : sobres */
#c76 .c77-titre{margin:10px 2px 2px;font:800 15px/1.2 'Outfit',sans-serif;letter-spacing:.01em;color:var(--k-ink);gap:9px}
#c76 .c77-titre i{width:9px;height:9px;box-shadow:none!important}
#c76 .c77-t-a i{background:var(--k-or)}
#c76 .c77-t-b i{background:#22A06B}
#c76 .c77-titre b{background:#E9EEFA;color:var(--k-soft);font:700 12px/1 'Outfit',sans-serif;padding:5px 10px}
#c76 .c77-groupe{gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}

/* La carte */
#c76 .c77-carte{gap:16px;padding:20px;border-radius:24px;background:#fff!important;border:1px solid var(--k-line)!important;
  box-shadow:0 1px 2px rgba(20,33,61,.04),0 18px 36px -28px rgba(20,33,61,.35)}
#c76 .c77-carte::before{display:none!important}
#c76 .c77-carte:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,33,61,.05),0 24px 44px -26px rgba(47,91,234,.45);border-color:#C9D6F5!important}
#c76 .c77-carte.besoin{border-color:#F9D9BC!important}
#c76 .c77-carte.arch{opacity:.8}

/* En-tête : pastille bâtiment + nom + adresse */
#c76 .c77-haut{align-items:center;gap:14px}
#c76 .c77-tuile{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--k-blue-pale);color:var(--k-blue)}
#c76 .c77-tuile svg{width:24px;height:24px;display:block}
#c76 .c77-carte.besoin .c77-tuile{background:#FFEBD9;color:#EA580C}
#c76 .c77-nom h4{font:800 19px/1.2 'Outfit',sans-serif;letter-spacing:-.01em;color:var(--k-ink)}
#c76 .c77-nom p{display:flex;align-items:flex-start;gap:5px;margin:5px 0 0;font-size:13.5px;line-height:1.3;color:var(--k-soft)}
#c76 .c77-nom p svg{flex:none;width:14px;height:14px;margin-top:1px;color:#8493B0}
#c76 .c77-haut .c76-bt-i{width:38px;height:38px;border-radius:12px;background:var(--k-pale)!important;border:0!important;color:var(--k-soft)}

/* Ligne conducteur + état */
#c76 .c77-qui{gap:10px;padding:0;font-weight:700;font-size:14.5px;color:var(--k-ink)}
#c76 .c77-av{width:30px;height:30px;background:#DCE5FB!important;color:var(--k-blue)!important;font-size:13px}
#c76 .c77-pill{margin-left:auto;font:700 12.5px/1 'Outfit',sans-serif;padding:7px 12px;border-radius:999px;white-space:nowrap}
#c76 .c77-pill.p-ok{background:#E3F6EC;color:#157347}
#c76 .c77-pill.p-att{background:#FFEBD9;color:#C2540A}
#c76 .c77-pill.p-arch{background:#EEF2FB;color:var(--k-soft)}

/* Trois repères dans un seul panneau */
#c76 .c77-reperes{gap:0;background:var(--k-pale);border-radius:18px;padding:4px 0}
#c76 .c77-reperes > div{background:transparent!important;border-radius:0;padding:10px 14px;gap:4px;position:relative}
#c76 .c77-reperes > div + div::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#DCE5F7}
#c76 .c77-reperes .c77-ico{width:18px;height:18px;color:#8493B0}
#c76 .c77-reperes b{font:800 20px/1.1 'Outfit',sans-serif;color:var(--k-ink)}
#c76 .c77-reperes small{font-size:12px;color:var(--k-soft)}
#c76 .c77-reperes > div.vif .c77-ico,#c76 .c77-reperes > div.vif b{color:var(--k-blue)}

/* Ce qui demande une action */
#c76 .c77-afaire{padding:12px 12px 12px 14px;border-radius:16px;background:#FFF6EC!important;border:1px solid #FBDDBF!important;gap:12px}
#c76 .c77-afaire.n-r{background:#FFF0F0!important;border-color:#F9CFCF!important}
#c76 .c77-afaire p{font-size:14px;color:var(--k-ink)!important}
#c76 .c77-afaire .c77-ico{color:#EA580C}
#c76 .c77-agir{border-radius:12px;background:var(--k-or)!important;padding:10px 16px;font-size:14px}
#c76 .c77-afaire.n-r .c77-agir{background:#E5484D!important}
#c76 .c77-plus-pt{color:var(--k-soft)}

/* Bas de carte : un bouton principal, un bouton discret */
#c76 .c77-bas{flex-direction:column;align-items:stretch;gap:10px;padding-top:0}
#c76 .c77-bas .c76-bt-or{width:100%;justify-content:center;min-height:52px;border-radius:16px;font:800 16px 'Outfit',sans-serif;background:var(--k-or)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -12px rgba(249,115,22,.7)}
#c76 .c77-bas .c76-bt-or svg{width:20px;height:20px}
#c76 .c77-ouvrir{margin:0;justify-content:center;gap:8px;min-height:46px;border-radius:14px;background:var(--k-blue-pale);color:var(--k-blue);font:800 15px 'Outfit',sans-serif;white-space:nowrap}
#c76 .c77-carte:hover .c77-ouvrir{background:#DAE4FF}
#c76 .c76-attente{text-align:center;padding:12px;border-radius:14px;background:var(--k-pale);color:var(--k-soft);font-weight:700}

/* Téléphone */
@media (max-width:520px){
  #c76{gap:12px}
  #c76 .c76-rech{flex:1 1 100%;height:50px}
  #c76 .c76-seg{height:50px}
  #c76 .c77-groupe{grid-template-columns:1fr;gap:14px}
  #c76 .c77-carte{padding:18px 16px;border-radius:22px}
  #c76 .c77-nom h4{font-size:18px}
}
/* Menu « ⋯ » */
#c76 .c76-menu{border-radius:16px;border:1px solid var(--k-line);box-shadow:0 18px 40px -16px rgba(20,33,61,.4)}
#c76 .c76-seg button:not(.on){background:transparent!important;border:0!important;outline:0}
#c76 .c77-pill.p-ok{display:none}
#c76 .c77-groupe{grid-template-columns:repeat(auto-fill,minmax(390px,1fr))}
@media (max-width:520px){#c76 .c77-groupe{grid-template-columns:1fr}}
#t-ch.c76-on{padding-bottom:96px}
#t-ch.c76-on > .sec:first-child,#t-ch.c76-on .stk-bandeau{margin-bottom:6px!important}
#t-ch #c76{margin-top:-14px}

/* ── Fiche d'un chantier (historique) ── */
.hch-feuille{background:#F3F6FC!important;border-left:1px solid #E1E8F5!important}
.hch-voile{background:rgba(20,33,61,.32)!important}
.hch-corps{padding:22px 20px 32px;gap:14px}
.hch-sur{display:inline-block;align-self:flex-start;font:700 12px/1 'Outfit',sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#2F5BEA!important;background:#E8EEFF;padding:6px 11px;border-radius:999px}
.hch-tete h2{margin:8px 0 8px;font:800 26px/1.15 'Outfit',sans-serif;color:#14213D}
.hch-meta{gap:8px 14px;font-size:14px;color:#5B6B8C}
.hch-x{border:0!important;background:#fff!important;box-shadow:0 2px 8px -2px rgba(20,33,61,.25);color:#14213D!important}
.hch-plan{background:#fff!important;border:1px solid #E1E8F5!important;color:#2F5BEA!important;height:40px!important;font-weight:700}
/* onglets : un seul bloc, l'onglet choisi en blanc */
.hch-onglets{display:flex!important;gap:4px!important;padding:4px;border-radius:16px;background:#E5EBF9;overflow-x:auto;scrollbar-width:none}
.hch-onglets::-webkit-scrollbar{display:none}
.hch-onglets .cmdc-onglet{flex:1 0 auto;background:transparent!important;border:0!important;box-shadow:none!important;color:#5B6B8C!important;border-radius:12px!important;min-height:42px;font:700 14px 'Outfit',sans-serif;white-space:nowrap}
.hch-onglets .cmdc-onglet b{background:#fff!important;color:#5B6B8C!important}
.hch-onglets .cmdc-onglet span{background:transparent!important;color:inherit!important}
.hch-onglets .cmdc-onglet.on,.hch-onglets .cmdc-onglet.actif,.hch-onglets .cmdc-onglet[aria-selected="true"],.hch-onglets .cmdc-onglet.active{background:#fff!important;color:#14213D!important;box-shadow:0 2px 8px -2px rgba(20,33,61,.22)!important}
.hch-onglets .cmdc-onglet.on b,.hch-onglets .cmdc-onglet.actif b,.hch-onglets .cmdc-onglet.active b{background:#2F5BEA!important;color:#fff!important}
.hch-mois{font:700 13px 'Outfit',sans-serif!important;letter-spacing:.02em!important;text-transform:capitalize!important;color:#5B6B8C!important;margin:10px 0 0}
.hch-carte{border-radius:20px;border:1px solid #E1E8F5!important;box-shadow:0 14px 30px -26px rgba(20,33,61,.4)!important;padding:16px;gap:10px;background:#fff!important}
.hch-carte-t b{font-size:15.5px;color:#14213D}
.hch-carte-t small{font-size:13px;color:#5B6B8C}
.hch-arts{font-size:14px;color:#33415F;line-height:1.5;padding:10px 12px;border-radius:12px;background:#F3F6FC}
.hch-actions .cmdc-bt{height:42px;border-radius:12px;font-size:14px;font-weight:700}
.hch-actions .cmdc-bt{background:#EEF2FB!important;border:0!important;box-shadow:none!important;color:#14213D!important}
.hch-actions .cmdc-bt-b,.hch-actions .cmdc-bt-g{background:#2F5BEA!important;color:#fff!important}
.hch-actions .cmdc-bt-r{background:#FDECEC!important;color:#C62828!important}
.hch-actions .cmdc-bt svg{stroke:currentColor!important}
.hch-mvts li{border-radius:16px;border:1px solid #E1E8F5;background:#fff}
.hch-nouvelle{min-height:52px;border-radius:16px;font-size:15px;box-shadow:0 10px 22px -12px rgba(249,115,22,.7)}
@media (max-width:700px){.hch-tete h2{font-size:22px}}