/* Lot BEN7 (24/10, benchmark SpiderVO lot 7 « Le reste ») — jetons du recadrage seulement. */

/* ── « + Nouveau » (barre du haut) ─────────────────────────────────────────────────────── */
.ux-nouveau{position:relative;flex:none}
.ux-nouveau>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);
  border-radius:var(--ap-r-s);font-size:var(--ap-t-m);font-weight:var(--ap-g-titre);white-space:nowrap;
  background:hsl(var(--ap-action));color:#fff}
.ux-nouveau>summary::-webkit-details-marker{display:none}
.ux-nouveau-m{position:absolute;right:0;top:calc(100% + var(--ap-e1));z-index:60;min-width:220px;display:flex;flex-direction:column;
  padding:var(--ap-e1);background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-m);box-shadow:var(--ap-ombre-3)}
.ux-nouveau-e{display:flex;align-items:center;min-height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border-radius:var(--ap-r-s);
  font-size:var(--ap-t-m);color:hsl(var(--ap-action-fort));text-decoration:none;white-space:nowrap}
.ux-nouveau-e:hover{background:hsl(var(--ap-action-doux))}
.ux-nouveau-e.v2-dans-v1{color:hsl(var(--ap-doux))}
.ux-nouveau-e .ap-v1-suffixe{white-space:pre}
.ux-nouveau-e.v2-dans-v1:hover{background:hsl(var(--ap-gris-doux))}
.ux-nouveau-mot{white-space:pre}
/* Portable (jusqu'à 1 500 px) : « + » seul, la barre du haut tient sans défiler de côté (1 366 px). */
@media (max-width:1500px){.ux-nouveau-mot{display:none}.ux-nouveau>summary{padding:0 var(--ap-e3);font-size:var(--ap-t-l)}}
/* 1 366 à 1 500 px : la recherche se resserre de 60 px pour faire place au « + » (⌘K l'ouvre toujours) —
   correctif du 24/10, la barre de la secrétaire débordait de 6 px à 1 440 (clic_b9_achats, 10). */
@media (min-width:1366px) and (max-width:1500px){header.v2-entete .v2-search input{width:180px}}
@media (max-width:600px){.ux-nouveau{display:none}}

/* ── Recherche : onglets par type, statut en pastille ─────────────────────────────────── */
.ux-palette-onglets{display:flex;flex-wrap:wrap;gap:var(--ap-e1);padding:var(--ap-e2) var(--ap-e3) 0}
.ux-palette-onglet{display:inline-flex;align-items:center;gap:var(--ap-e1);height:28px;padding:0 var(--ap-e2);border-radius:var(--ap-r-s);
  font-size:var(--ap-t-s);background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre));border:0;cursor:pointer}
.ux-palette-onglet b{font-weight:var(--ap-g-titre)}
.ux-palette-onglet.on{background:hsl(var(--ap-action));color:#fff}
.ux-palette-statut{flex:none;align-self:center;display:inline-flex;align-items:center;height:20px;padding:0 var(--ap-e2);border-radius:999px;
  font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);white-space:nowrap;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux))}
.ux-palette-statut.vert{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.ux-palette-statut.bleu{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.ux-palette-statut.orange{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}

/* ── Stock : « Restituer » sur la ligne d'un dépôt-vente, règle de prix ───────────────── */
.st-restituer{display:inline-flex;align-items:center;height:20px;padding:0 var(--ap-e2);border-radius:var(--ap-r-s);font-size:var(--ap-t-xs);
  font-weight:var(--ap-g-titre);background:hsl(var(--ap-carte));color:hsl(var(--ap-action-fort));border:1px solid hsl(var(--ap-action) / .45);cursor:pointer}
.st-restituer:hover{background:hsl(var(--ap-action-doux))}
.st-b7-regle{width:min(620px,100%)}
.st-b7-champs{display:grid;grid-template-columns:1fr 1fr;gap:var(--ap-e3)}
.st-b7-champs label{display:flex;flex-direction:column;gap:var(--ap-e1);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.st-b7-champs label:first-child{grid-column:1 / -1}
.st-b7-champs select,.st-b7-champs input{height:var(--ap-h-ctrl);font-size:var(--ap-t-m);color:hsl(var(--ap-encre))}
.st-b7-ligne{display:flex;gap:var(--ap-e1)}
.st-b7-ligne input{width:80px}
.st-b7-resume{margin:0;font-size:var(--ap-t-m)}
.st-b7-resume b{font-size:var(--ap-t-l)}
.st-b7-apercu{max-height:240px;overflow:auto;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s)}
.st-b7-lg{display:grid;grid-template-columns:1fr auto auto;gap:var(--ap-e3);align-items:center;padding:var(--ap-e1) var(--ap-e2);border-bottom:1px solid hsl(var(--ap-trait))}
.st-b7-lg:last-child{border-bottom:0}
.st-b7-nm small{margin-left:var(--ap-e2);color:hsl(var(--ap-doux))}
.st-b7-av{color:hsl(var(--ap-doux));text-decoration:line-through}
.st-b7-ap{font-weight:var(--ap-g-titre)}
.st-b7-erreur{margin:0;color:hsl(var(--ap-rouge))}
.st-b7-fait{color:hsl(var(--ap-vert))}
.st-b7-refus{margin:var(--ap-e1) 0 0;padding-left:var(--ap-e4);color:hsl(var(--ap-rouge));font-size:var(--ap-t-s)}

/* ── Demandes : tableau (Kanban), réaffecter, voiture déjà vendue ─────────────────────── */
.dm-kb-bascule{flex:none}
@media (max-width:767px){.dm-kb-bascule{display:none}}
.dm-app.kb{display:block}
.dm-kb{display:flex;flex-direction:column;gap:var(--ap-e3);height:100%;min-height:0;padding:var(--ap-e3) var(--ap-e4)}
.dm-kb-tete{display:flex;align-items:center;gap:var(--ap-e3);flex-wrap:wrap}
.dm-kb-titre{font-size:var(--ap-t-l)}
.dm-kb-cherche{flex:1;min-width:200px;max-width:360px}
.dm-kb-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ap-e3);flex:1;min-height:0}
.dm-kb-col{display:flex;flex-direction:column;min-height:0;background:hsl(var(--ap-gris-doux) / .55);border-radius:var(--ap-r-m);padding:var(--ap-e2)}
.dm-kb-ct{display:flex;align-items:center;gap:var(--ap-e2);margin:0 0 var(--ap-e2);font-size:var(--ap-t-m);font-weight:var(--ap-g-titre)}
.dm-kb-ct.rouge{color:hsl(var(--ap-rouge))}
.dm-kb-ct.orange{color:hsl(var(--ap-ambre))}
.dm-kb-ct.bleu{color:hsl(var(--ap-action-fort))}
.dm-kb-liste{display:flex;flex-direction:column;gap:var(--ap-e2);overflow:auto;min-height:0}
.dm-kb-vide{margin:0;color:hsl(var(--ap-doux));text-align:center}
.dm-kb-carte{display:flex;gap:var(--ap-e2);align-items:stretch;width:100%;text-align:left;padding:var(--ap-e2);border:0;border-radius:var(--ap-r-s);
  background:hsl(var(--ap-carte));box-shadow:var(--ap-ombre-1),0 0 0 1px hsl(var(--ap-trait)) inset;cursor:pointer;color:hsl(var(--ap-encre))}
.dm-kb-carte:hover{box-shadow:var(--ap-ombre-2),0 0 0 1px hsl(var(--ap-action) / .5) inset}
.dm-kb-ph{flex:none;width:72px;height:54px;border-radius:var(--ap-r-s);overflow:hidden;display:flex;align-items:center;justify-content:center;background:hsl(var(--ap-gris-doux))}
.dm-kb-ph img{width:100%;height:100%;object-fit:cover}
.dm-kb-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dm-kb-nm{font-size:var(--ap-t-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-kb-vo{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-kb-vo em{font-style:normal;margin-left:var(--ap-e1);color:hsl(var(--ap-encre))}
.dm-kb-pied{display:flex;align-items:center;gap:var(--ap-e1);flex-wrap:wrap;font-size:var(--ap-t-xs)}
.dm-kb-4h,.dm-kb-vendue{display:inline-flex;align-items:center;height:18px;padding:0 var(--ap-e1);border-radius:var(--ap-r-s);font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre)}
.dm-kb-4h{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.dm-kb-vendue{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.dm-kb-vd{margin-left:auto;font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux))}
.dm-kb-reaff{display:flex;align-items:flex-end;gap:var(--ap-e3);flex-wrap:wrap;padding:var(--ap-e3);background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-m)}
.dm-kb-reaff label{display:flex;flex-direction:column;gap:var(--ap-e1);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.dm-kb-reaff select{height:var(--ap-h-ctrl);font-size:var(--ap-t-m);color:hsl(var(--ap-encre))}
.dm-kb-reaff-n{align-self:center;font-size:var(--ap-t-m)}
.dm-kb-reaff-res{flex-basis:100%;margin:0;font-size:var(--ap-t-m)}
.dm-vendue{margin:0 var(--ap-e3) var(--ap-e2);padding:var(--ap-e2) var(--ap-e3);border-radius:var(--ap-r-s);background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-encre))}
.dm-vendue p{margin:0 0 var(--ap-e2)}
.dm-proches{display:flex;gap:var(--ap-e2);flex-wrap:wrap}
.dm-proche{display:flex;align-items:center;gap:var(--ap-e2);min-height:var(--ap-h-ctrl);padding:var(--ap-e1) var(--ap-e2);border-radius:var(--ap-r-s);
  background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;color:hsl(var(--ap-encre));text-decoration:none;flex:1 1 180px;min-width:0}
.dm-proche img{width:48px;height:36px;object-fit:cover;border-radius:var(--ap-r-s);flex:none}
.dm-proche span{display:flex;flex-direction:column;min-width:0}
.dm-proche b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-proche small{color:hsl(var(--ap-doux))}