/* Chantier n° 5 (31/10) — le Stock « façon SpiderVO » : un mot, une couleur ; le détail au survol ou dans la fiche.
   Téléphone : une ligne par voiture sur la trame de Leads et d'Offres. Bureau (mode Client) : Véhicule · Année · Km ·
   Énergie · Prix · Âge · État · En ligne · Contacts · Atelier, une ligne par cellule. Préfixe « s5- ». Chargé en dernier.
   Les autres modes (Gestion, Diffusion) gardent leur tableau ; rien n'est retiré du DOM. */
.st[data-stock] .s5-tel,.st[data-stock] .s5-km,.st[data-stock] .s5-px,.st[data-stock] .s5-age,.st[data-stock] .s5-etat{display:none}

/* Mots et couleurs. */
.s5-mot{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre))}
.s5-mot[data-ton="orange"]{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.s5-mot[data-ton="rouge"]{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.s5-age[data-ton="orange"],.s5-ag[data-ton="orange"]{color:hsl(var(--ap-ambre))}
.s5-age[data-ton="rouge"],.s5-ag[data-ton="rouge"]{color:hsl(var(--ap-rouge))}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation]{position:relative}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:hsl(var(--ap-trait))}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation="vert"]::before{background:hsl(var(--ap-vert))}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation="orange"]::before{background:hsl(var(--ap-ambre))}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation="rouge"]::before{background:hsl(var(--ap-rouge))}
.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation="bleu"]::before{background:hsl(var(--ap-action))}

/* ── Bureau, mode Client ─────────────────────────────────────────────────────────────── */
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(180px,2.2fr) 46px 86px 76px 92px 50px minmax(140px,1.2fr) 70px 62px 96px!important;gap:12px!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ph{width:var(--st-vl)!important;height:var(--st-vh)!important}
  .st[data-stock][data-mode=client] .s5-km,.st[data-stock][data-mode=client] .s5-px,.st[data-stock][data-mode=client] .s5-age,.st[data-stock][data-mode=client] .s5-etat{display:flex;align-items:center;min-width:0}
  .st[data-stock][data-mode=client] .s5-px,.st[data-stock][data-mode=client] .s5-age{justify-content:flex-end}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-px{font-size:16px;font-weight:var(--ap-g-titre)}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-age{font-weight:600}
  .st[data-stock][data-mode=client] .s5-etat{gap:6px;flex-wrap:nowrap;white-space:nowrap}
  .st[data-stock][data-mode=client] .s5-em{color:hsl(var(--ap-doux))}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-em[data-etat="vendue"]{color:hsl(var(--ap-vert))}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-em[data-etat="offre"],.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-em[data-etat="arrivage"]{color:hsl(var(--ap-action-fort))}
  /* Ce qui passe au survol ou dans la fiche : jauge, « prix depuis », TVA, photos, VIN, fil, pastille longue, colonnes du très grand écran. */
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.s5-px,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.cJ,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.cX,
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th>.st-th-etat,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th>.cX{display:none!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ve>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-id>:is(.st-nphl,.st-fil){display:none!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .cE{display:flex!important;align-items:center}
}

/* ── Téléphone : une ligne par voiture ───────────────────────────────────────────────── */
@media (max-width:767px){
  .st[data-stock] .st-liste:not(.st-arch) .st-ln{display:block!important;padding:0!important;overflow:hidden}
  .st[data-stock] .st-liste:not(.st-arch) .st-ln>*:not(.s5-tel){display:none!important}
  .st[data-stock] .st-liste:not(.st-arch) .st-ln .s5-tel{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 16px;min-height:76px}
  .st[data-stock] .s5-ph{width:72px;height:54px;border-radius:var(--ap-r-s);overflow:hidden;background:hsl(var(--ap-gris-doux));display:flex;align-items:center;justify-content:center}
  .st[data-stock] .s5-ph img{width:100%;height:100%;object-fit:cover}
  .st[data-stock] .s5-t{display:grid;min-width:0;gap:1px}
  .st[data-stock] .s5-t b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock] .s5-vs{font-size:15px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock] .s5-t small{font-size:15px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock] .s5-d{display:grid;justify-items:end;gap:3px}
  .st[data-stock] .s5-d b{font-size:16px;white-space:nowrap}
  .st[data-stock] .s5-ag{font-size:15px;font-weight:600;color:hsl(var(--ap-doux))}
  .st[data-stock] .s5-d .s5-mot{font-size:15px}
}

/* ── S2 : une seule rangée de commandes ; Affichage, puces du haut et export dans ⋯ ───────── */
.n1-ecran[data-ecran=stock] .n1-filtres{display:none!important}
.st[data-stock] .st-plus-m .s5-affichage{display:grid;gap:8px;padding:8px 8px 10px;margin-bottom:4px;border-bottom:1px solid hsl(var(--ap-trait))}
.st[data-stock] .st-plus-m .s5-tm{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--ap-doux))}
.st[data-stock] .st-plus-m :is(.st-modes,.st-aff,.st-parpage){display:flex!important;width:max-content;max-width:100%}
.st[data-stock] .st-plus-m .s5-pm{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border-radius:var(--ap-r-s);color:hsl(var(--ap-encre));text-decoration:none;font-size:14px}
.st[data-stock] .st-plus-m .s5-pm:hover{background:hsl(var(--ap-gris-doux))}
.st[data-stock] .st-plus-m .st-exp{width:100%;justify-content:flex-start;gap:8px;padding:0 10px;height:36px;box-shadow:none;background:none}
.st[data-stock] .st-plus-m .st-exp .lg{display:inline!important}
.st[data-stock] .st-plus-m{min-width:280px}
.st[data-stock] .s5-tel-seul,.st[data-stock] .s5-tri{display:none}
.st[data-stock] .st-ligne>.st-tel-affichage{display:none!important}

@media (max-width:767px){
  /* S1 : onglets lisibles (Archives passe dans ⋯), une seule loupe (celle de la liste), bulle masquée. */
  body:has(.st[data-stock]) .n1-ecran[data-ecran=stock] .n1-onglets a[href="/voitures?vue=archives"]{display:none}
  body:has(.st[data-stock]) .n1-ecran[data-ecran=stock] .n1-onglets a{font-size:15px;padding-left:10px;padding-right:10px;white-space:nowrap}
  .st[data-stock] .s5-tel-seul{display:flex}
  body:has(.st[data-stock]) header.v2-entete .v2-search,body:has(.st[data-stock]) header.v2-entete [data-geste="recherche"],body:has(.st[data-stock]) header.v2-entete .n1-loupe,body:has(.st[data-stock]) header.v2-entete .ux-loupe{display:none!important}
  body:has(.st[data-stock]) .bl-bouton{display:none!important}
  .st[data-stock] .st-plus-m .s5-tri{display:flex;gap:6px;margin:4px 4px 8px}
  .st[data-stock] .s5-tri button{flex:1;min-height:44px;border:0;border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;font:inherit;font-size:15px;font-weight:600;color:hsl(var(--ap-doux))}
  .st[data-stock] .s5-tri button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));box-shadow:0 0 0 1px hsl(var(--ap-action)) inset}
  .st[data-stock] .st-plus-m{min-width:0}
}
/* S2 : les compteurs, puces d'un mot sur une rangée ; au-delà de sept, la liste « À traiter ▾ » les reprend tous. */
@media (min-width:768px){
  html body .st[data-stock] .st-bandeau,html body main.n1-a-onglets .st[data-stock] .st-bandeau{flex-wrap:wrap!important;overflow:visible!important;row-gap:6px}
  .st[data-stock] .st-bandeau .st-cpts{flex-wrap:nowrap!important;overflow:visible!important;min-width:0}
  .st[data-stock] .st-bandeau .st-cpts:not(.s5-tout)>*:nth-child(n+6){display:none!important}
  .st[data-stock] .st-bandeau .st-cpts.s5-tout{flex-wrap:wrap!important}
  .st[data-stock] .st-bandeau:has(.s5-tout){flex-wrap:wrap!important}
  .st[data-stock] .st-bandeau .st-band-fin{margin-left:auto;flex:none}
  .st[data-stock] .st-bandeau .st-syn{flex:none}
  .st[data-stock] .st-bandeau .st-dd-cpts{display:none!important}
  .st[data-stock] .st-bandeau .s5-cpts-plus{display:inline-flex;flex:none}
  .st[data-stock] .st-bandeau .st-cpts:not(:has(>*:nth-child(6)))~.s5-cpts-plus{display:none}
  .st[data-stock] .st-bandeau .st-cpts{display:flex!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .cO{white-space:nowrap}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .cO .st-ol{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
}
@media (max-width:767px){
  .n1-ecran[data-ecran=stock] .n1-puce-filtres{display:none!important}
  body:has(.st[data-stock]) .n1-ecran[data-ecran=stock] .n1-onglets{padding-right:100px}
}
@media (max-width:767px){
  .st[data-stock] .s5-ag[data-ton="orange"]{color:hsl(var(--ap-ambre))}
  .st[data-stock] .s5-ag[data-ton="rouge"]{color:hsl(var(--ap-rouge))}
}
.s5-cpts-plus{display:none}
/* Aucune cellule n'élargit sa colonne (un nom long, « Sous offre · Hors ligne ») : elle coupe son texte. */
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>*{min-width:0;overflow:hidden}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ve b{display:flex;min-width:0;white-space:nowrap}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ve .st-nm{overflow:hidden;text-overflow:ellipsis}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-etat .s5-mot{flex:none}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .s5-em{overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th>.st-th-px{display:flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th>.st-th-px .st-th-age button{font-size:11px}
}
/* Vignettes reconnaissables au bureau (lot S1, JB 23/10 : ≥ 120 px de large). */
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(180px,2.2fr) 46px 86px 76px 104px 50px minmax(140px,1.2fr) 70px 62px 96px!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ph{width:var(--st-vl)!important;height:var(--st-vh)!important}
}
/* Très grand écran (≥ 1 800 px, lot A7) : Photos n/30, Dernier contact et Offre en cours reviennent en colonnes d'une ligne. */
@media (min-width:1800px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 50px 92px 90px 112px 56px minmax(150px,1fr) 80px 76px 70px 100px minmax(150px,.9fr) 104px!important}
  .st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-ln,
  [data-p-stock-suivi="masquees"] .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,[data-p-stock-suivi="masquees"] .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 50px 92px 90px 112px 56px minmax(150px,1fr) 80px 76px 70px 104px!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ph{width:var(--st-vl)!important;height:var(--st-vh)!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.cX,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th>.cX{display:flex!important;align-items:center;gap:6px;min-width:0;white-space:nowrap}
  .st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) :is(.st-ln,.st-th)>.cS,[data-p-stock-suivi="masquees"] .st[data-stock][data-mode=client] .st-liste:not(.st-arch) :is(.st-ln,.st-th)>.cS{display:none!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.cX[data-col='offre'] small{display:inline}
}
/* Écran moyen (768 – 1 399 px) : la même table, plus serrée (aucun défilement de côté à 1 280 px). */
@media (min-width:768px) and (max-width:1399px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(140px,2fr) 42px 78px 70px 92px 44px minmax(118px,1fr) 58px 50px 88px!important;gap:10px!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ph{width:var(--st-vl)!important;height:var(--st-vh)!important}
}
/* L'en-tête a une case vide à la place de l'ancien prix (masqué) : chaque en-tête reste au rang de sa cellule. */
.st[data-stock] .st-th>.s5-hpx{display:none!important}
.st[data-stock] .st-plus-m .s5-pm.s5-tel-seul{display:none}
@media (max-width:767px){.st[data-stock] .st-plus-m .s5-pm.s5-tel-seul{display:flex}}
@media (min-width:1800px){.st[data-stock][data-mode=client] .st-liste:not(.st-arch) :is(.st-th,.st-ln){gap:10px!important}}
/* La barre de situation remplace l'ancienne marque orange « à traiter » (ombre intérieure à gauche). */
@media (min-width:768px){.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln[data-situation]{box-shadow:none!important}}
@media (max-width:767px){.st[data-stock] .st-liste:not(.st-arch) .st-ln[data-situation]{box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset!important}}
/* Règle 3 (31/10, 8 h) : l'information complète de la V1 sur la ligne. */
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{align-items:center}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ve>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-ve>.st-id{display:flex;flex-wrap:wrap;gap:4px 6px;white-space:normal}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln :is(.cA,.cE,.cO,.cC) small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln :is(.cA,.cE,.cC){display:grid!important;align-content:center}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.st-px{display:grid!important;justify-items:end;align-content:center}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .s5-r1{display:flex;gap:6px;align-items:center;white-space:nowrap}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .s5-res{font-size:12px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(190px,2fr) 54px 84px 84px 112px 50px minmax(170px,1.4fr) 76px 62px 96px!important}
}
@media (min-width:768px) and (max-width:1399px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(150px,2fr) 46px 74px 72px 104px 44px minmax(140px,1.3fr) 60px 50px 88px!important;gap:10px!important}
}
@media (min-width:1800px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 56px 90px 90px 120px 56px minmax(190px,1.3fr) 80px 76px 70px 100px minmax(150px,.9fr) 104px!important}
  .st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-ln,
  [data-p-stock-suivi="masquees"] .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,[data-p-stock-suivi="masquees"] .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 56px 90px 90px 120px 56px minmax(190px,1.3fr) 80px 76px 70px 104px!important}
}
@media (max-width:767px){
  .st[data-stock] .s5-l4{font-size:15px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st[data-stock] .s5-t .s5-fil{margin-top:3px}
}
@media (min-width:768px){
  html body .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln>.s5-etat{display:grid!important;grid-template-columns:minmax(0,1fr);gap:3px;align-content:center;justify-items:start}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .cA small:first-of-type{display:none!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-vin{white-space:nowrap}
}
@media (min-width:768px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(170px,2fr) 48px 80px 76px 106px 50px minmax(160px,1.4fr) 72px 60px 96px!important}
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln .st-vin{display:inline-flex!important;flex-wrap:nowrap;white-space:nowrap}
}
@media (min-width:768px) and (max-width:1399px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(150px,2fr) 46px 74px 72px 104px 44px minmax(140px,1.3fr) 60px 50px 88px!important}
}
@media (min-width:1800px){
  .st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 56px 90px 90px 120px 56px minmax(190px,1.3fr) 80px 76px 70px 100px minmax(150px,.9fr) 104px!important}
  .st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-th,.st[data-stock][data-mode=client][data-sans-suivi] .st-liste:not(.st-arch) .st-ln{grid-template-columns:var(--st-vl) minmax(220px,2fr) 56px 90px 90px 120px 56px minmax(190px,1.3fr) 80px 76px 70px 104px!important}
}
@media (max-width:767px){.st[data-stock] .st-vc .st-etoile,.st[data-stock] .st-ph .st-etoile{display:none!important}}