/* Chantier n° 17 (01/11) — « Équipe » façon SpiderVO : Transmissions et Boîte à idées (section.eq), et la tête
   de la Tour de contrôle (section.tdc.eqt, l'écran d'arrivée d'Équipe).
   Bureau : une tête (titre, compte, filtres en pastilles), des colonnes denses, un mot et une couleur par état
   (le détail au survol), la fiche en volet (or-volet) avec Précédente / Suivante, un seul bouton bleu.
   Téléphone (≤ 767 px) : une ligne par élément, un seul « Filtres ▾ » (celui de la coque masqué), textes ≥ 15 px,
   cibles ≥ 44 px, rien qui glisse de côté. Préfixes « eq- » et « eqt- » (absents de front/ avant ce chantier).
   Retour arrière : retirer le <link> d'index.html. */
section.eq{display:flex;flex-direction:column;gap:10px;padding:14px 24px 48px;min-width:0;font-size:var(--ap-t-m);color:hsl(var(--ap-encre))}
.eq *{min-width:0}
.eq-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.eq-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);letter-spacing:-.025em}
.eq-total{color:hsl(var(--ap-doux));font-weight:var(--ap-g-titre)}
.eq-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1 1 auto}
.eq-gestes,.eq-tete .eq-nouveau{margin-left:auto}
.eq-tete .eq-nouveau{order:5}
.eq-fbtn{display:none}
.eq-pastille{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid hsl(var(--ap-trait-fort));border-radius:999px;background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);cursor:pointer}
.eq-pastille.on{background:hsl(var(--ap-action-doux));border-color:hsl(var(--ap-action));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre)}
.eq-n{color:hsl(var(--ap-doux));font-weight:var(--ap-g-titre)}
.eq-pt{display:inline-block;width:8px;height:8px;border-radius:50%;background:hsl(var(--ap-gris-doux))}

/* Un mot, une couleur. */
.eq-mot{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));cursor:default}
.eq-mot.ambre,.eq-pt.ambre{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.eq-mot.bleu,.eq-pt.bleu{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.eq-mot.vert,.eq-pt.vert{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.eq-mot.rouge,.eq-pt.rouge{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.eq-mot.violet,.eq-pt.violet{background:hsl(262 70% 95%);color:hsl(262 50% 45%)}
.eq-pt.ambre{background:hsl(var(--ap-ambre))}.eq-pt.bleu{background:hsl(var(--ap-action))}.eq-pt.vert{background:hsl(var(--ap-vert))}.eq-pt.rouge{background:hsl(var(--ap-rouge))}.eq-pt.violet{background:hsl(262 50% 55%)}.eq-pt.gris{background:hsl(var(--ap-doux))}

/* Les colonnes. */
.eq-lignes{list-style:none;margin:0;padding:0;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;overflow:hidden}
.eq-lt{display:grid;grid-template-columns:72px 84px minmax(0,1fr) minmax(0,200px) 64px 96px 132px 14px;align-items:center;column-gap:12px}
.eq-li{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,170px) 88px 120px 150px 14px;align-items:center;column-gap:12px}
.eq-li.eq-li-g{grid-template-columns:24px 96px minmax(0,1fr) minmax(0,170px) 88px 120px 150px 14px}
.eq-entetes{padding:0 14px;font-size:12px;font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.04em}
.eq-l{min-height:42px;padding:4px 14px;border-top:1px solid hsl(var(--ap-trait));cursor:pointer}
.eq-l:first-child{border-top:0}
.eq-l:hover{background:hsl(var(--ap-fond))}
.eq-l.choisie{background:hsl(var(--ap-action-doux));box-shadow:3px 0 0 hsl(var(--ap-action)) inset}
.eq-l.eq-urgent{box-shadow:3px 0 0 hsl(var(--ap-rouge)) inset}
.eq-c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ap-t-s)}
.eq-c-msg b{font-weight:var(--ap-g-moyen);font-size:var(--ap-t-m)}
.eq-c-qui,.eq-c-date{color:hsl(var(--ap-doux))}
.eq-c-act{display:flex;gap:6px;justify-content:flex-end}
.eq .eq-mini{height:28px;padding:0 10px;font-size:var(--ap-t-s)}
.eq-chevron{color:hsl(var(--ap-doux));font-size:18px;text-align:right}
.eq-lien{color:hsl(var(--ap-action-fort));text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.eq-vide{margin:0;padding:16px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;color:hsl(var(--ap-doux))}
.eq-msg{margin:0;padding:6px 12px;border-radius:var(--ap-r-m);font-size:var(--ap-t-s)}
.eq-msg.ok{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.eq-msg.non{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.eq-doux{color:hsl(var(--ap-doux));margin-left:8px}

/* Dépôt d'une idée et sélection du gérant : une barre. */
.eq-depot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset}
.eq-champ{display:flex;flex-direction:column;gap:4px;flex:0 1 240px;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.eq-champ-l{flex:1 1 360px}
.eq-champ input,.eq-champ textarea{font:inherit;font-size:var(--ap-t-m);color:hsl(var(--ap-encre));padding:6px 10px;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));box-sizing:border-box;width:100%}
.eq-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--ap-r-l);background:hsl(var(--ap-action-doux))}

/* La fiche (volet). */
.eq-volet{overflow:auto}
.eq-vt .or-vtx{flex:1 1 220px}
.eq-vt .or-vtx b{font-size:var(--ap-t-l, 17px)}
.eq-retour{display:none}
.eq-fiche{padding:16px 20px;display:flex;flex-direction:column;gap:16px}
.eq-fiche dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 14px;margin:0}
.eq-fiche dt{color:hsl(var(--ap-doux));font-size:var(--ap-t-s)}
.eq-fiche dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.eq-fiche dd .eq-doux{margin-left:0}
.eq-texte{white-space:pre-wrap;line-height:1.45}
.eq-gestes{display:flex;flex-wrap:wrap;gap:8px}
.eq-fiche .eq-gestes{margin-left:0}

/* Échanges : les onglets internes ne doublent pas ceux de la coque (Équipe › Transmissions). */
.ce:has(> section.eq) > .ce-tete{display:none}
.ce:has(> section.eq){padding:0;max-width:none}

/* ── La Tour de contrôle : chiffres clés en tête, lien vers l'équipe ─────────────────────────────── */
.tdc.eqt .eq-fbtn{display:none}
.eqt-lien{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-action-fort))!important}
.eqt-chiffres{display:flex;flex-wrap:wrap;gap:8px}
.eqt-chiffre{display:flex;flex-direction:column;justify-content:center;min-width:112px;padding:6px 14px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset}
.eqt-chiffre span{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));font-weight:var(--ap-g-moyen)}
.eqt-chiffre b{font-size:22px;font-weight:var(--ap-g-chiffre);line-height:1.15}
.eqt-chiffre.ambre b{color:hsl(var(--ap-ambre))}
.eqt-chiffre.rouge b{color:hsl(var(--ap-rouge))}
.eqt-chiffre.vert b{color:hsl(var(--ap-vert))}
.eqt-chiffre:hover{box-shadow:0 0 0 1px hsl(var(--ap-action)) inset}

/* ── Téléphone ─────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:767px){
  body:has(section.eq) .n1-puce-filtres,body:has(section.tdc.eqt) .n1-puce-filtres{display:none!important}
  section.eq{padding:10px 16px 96px;gap:10px}
  section.eq,section.eq *{font-size:15px}
  section.eq .eq-tete h1{font-size:22px}
  .eq .eq-fbtn,.tdc.eqt .eq-fbtn{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;padding:0 14px;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:15px;font-weight:600}
  .eq-tete .eq-nouveau{order:0;min-height:44px}
  .eq-filtres{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch}
  .eq.eq-filtres-ouverts .eq-filtres{display:flex}
  .eq-pastille{min-height:44px;height:auto;justify-content:flex-start;border-radius:var(--ap-r-s)}
  .eq-pastille .eq-n{margin-left:auto}
  .eq-gestes{margin-left:0}
  .eq-gestes a.btn{min-height:44px;display:inline-flex;align-items:center}
  /* Une ligne par élément : le mot, le texte, le chevron. */
  .eq-entetes{display:none}
  .eq-lt,.eq-li,.eq-li.eq-li-g{grid-template-columns:auto minmax(0,1fr) 14px;column-gap:10px}
  .eq-l{min-height:52px;padding:4px 12px}
  .eq-l .eq-c-urg,.eq-l .eq-c-qui,.eq-l .eq-c-v,.eq-l .eq-c-date,.eq-l .eq-c-act,.eq-l .eq-c-cat,.eq-l .eq-c-case{display:none}
  .eq-mot{min-height:28px}
  .eq-depot{flex-direction:column;align-items:stretch}
  .eq-champ{flex:1 1 auto}
  .eq-champ input,.eq-champ textarea{font-size:16px;min-height:44px}
  .eq :is(.or-btn,button,a.btn){min-height:44px}
  /* La fiche à la place de la liste. */
  .eq-retour{display:inline-flex;min-height:44px}
  .eq-vt{flex-wrap:wrap}
  .eq-vt .or-x{display:none}
  .eq-vt .or-vtx{flex:1 1 100%;order:2}
  .eq-voisines .or-btn{min-width:44px;height:44px}
  .eq-fiche{padding:12px 16px 96px}
  .eq-fiche dl{grid-template-columns:88px minmax(0,1fr)}
  .eq-volet,.eq-volet *{font-size:15px}
  .eq-volet .or-vtx b{font-size:17px}
  .eq-volet :is(.or-btn,button,a.btn){min-height:44px}

  /* La tour : les chiffres en grille, « Voir », les questions et le lien dans « Filtres ▾ », une ligne par élément. */
  section.tdc.eqt,section.tdc.eqt *{font-size:15px}
  section.tdc.eqt .tdc-tete h1{font-size:22px}
  section.tdc.eqt .tdc-tete h2,section.tdc.eqt h2{font-size:17px}
  section.tdc.eqt .eqt-chiffre b{font-size:20px}
  .tdc.eqt .tdc-voir,.tdc.eqt .eqt-lien,.tdc.eqt .tdc-questions{display:none}
  .tdc.eqt.eq-filtres-ouverts .tdc-voir,.tdc.eqt.eq-filtres-ouverts .eqt-lien,.tdc.eqt.eq-filtres-ouverts .tdc-questions{display:flex}
  .tdc.eqt .tdc-voir select{min-height:44px;font-size:16px}
  .tdc.eqt .eqt-lien{min-height:44px;width:100%;box-sizing:border-box}
  .tdc.eqt .tdc-questions{flex-direction:column;gap:6px}
  .tdc.eqt .tdc-question{display:flex;align-items:center;min-height:44px}
  .eqt-chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .eqt-chiffre{min-width:0;min-height:56px;padding:4px 10px}
  .tdc.eqt .tdc-etapes,.tdc.eqt .tdc-etapes.n4{grid-template-columns:minmax(0,1fr)}
  .tdc.eqt .tdc-etape>a{display:flex;align-items:center;gap:10px;min-height:44px}
  .tdc.eqt .tdc-etape>a small{display:none}
  .tdc.eqt .tdc-etape>a .tdc-n{order:2;margin-left:auto}
  .tdc.eqt .tdc-bloc-t{min-height:44px}
  .tdc.eqt .tdc-legende{display:none}
  .tdc.eqt .tdc-l a,.tdc.eqt .tdc-question,.tdc.eqt .tdc-filtre,.tdc.eqt .tdc-tout{min-height:44px;display:flex;align-items:center}
  .tdc.eqt .tdc-l a{gap:10px}
  .tdc.eqt .tdc-ton{min-height:32px;display:inline-flex;align-items:center}
  .tdc.eqt .tdc-pastilles{display:flex;flex-wrap:wrap;gap:6px}
  .tdc.eqt .tdc-pastilles a{min-height:44px;display:inline-flex;align-items:center}
  .tdc.eqt .tdc-ligne{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .tdc.eqt .tdc-ligne>.tdc-c:not(.tdc-voiture){display:none}
  .tdc.eqt .tdc-ligne .tdc-voiture small{display:none}
  .tdc.eqt .tdc-ouvrir{justify-self:end;min-height:44px;display:inline-flex;align-items:center}
  .tdc.eqt .tdc-neuf a,.tdc.eqt .tdc-neuf li>span{min-height:44px}
  .tdc.eqt :is(button,select,a.btn){min-height:44px}
}