/* SD ONE · lot 101 (24/10/2026) : écran « Gammes de véhicule » (menu Voitures) et nom affiché des gammes.
   Bleu nuit / bleu / argent, jamais de doré. Aucune animation. Sur téléphone, boutons de 44 px au moins. */
:root{--sd101-nuit:#0F2A4A;--sd101-bleu:#1E5AA8;--sd101-argent:#CBD1D8;--sd101-argent2:#8A97A8;--sd101-ciel:#E3EEFA;--sd101-err:#9B1C1C}
/* fenêtre « Véhicule » du lot 48 : gammes masquées et doublons cachés */
.sd48-gl .sd101-cache,.veh-cartes .sd101-cache{display:none!important}
/* écran */
.sd101-intro{max-width:900px}
.sd101{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:1000px}
.sd101 .bt{transition:none}
.sd101 .bt::after{display:none}
.sd101-barre{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.sd101-compte{display:inline-block;padding:4px 10px;border:1px solid #C0C8D2;border-radius:8px;background:#fff;color:#0B1B3A;font-size:13px;font-weight:700}
.sd101-vide{margin:0;color:inherit;opacity:.9} /* couleur du texte de la page : lisible sur les 3 thèmes */
.sd101-ordre{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border:1px solid var(--sd101-bleu);border-radius:10px;background:var(--sd101-ciel);color:var(--sd101-nuit);font-weight:700}
.sd101-ordre span{flex:1 1 220px;min-width:0}
.sd101-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sd101-g{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 12px;border:1px solid #E1E5EA;border-radius:10px;background:#fff}
.sd101-g.sd101-masq{background:#F4F6F9;border-style:dashed;border-color:var(--sd101-argent)}
.sd101-g.sd101-masq .sd101-nom{color:var(--sd101-argent2)}
.sd101-pos{flex:none;display:flex;gap:6px}
.sd101-pos .bt{min-height:36px;padding:0 10px;font-size:12.5px}
.sd101-pos .bt:disabled{opacity:.45;cursor:default}
.sd101-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.sd101-nom{color:var(--sd101-nuit);font:800 15px/1.3 Manrope,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
.sd101-det{color:#4A5A6E;font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
.sd101-etat{align-self:flex-start;margin-top:2px;padding:1px 8px;border:1px solid var(--sd101-argent);border-radius:6px;background:#fff;color:var(--sd101-argent2);font-size:11.5px;font-weight:700}
.sd101-act{flex:none;display:flex;gap:8px}
.sd101-act .bt{min-height:36px;padding:0 14px}
/* fenêtres */
.sd101-f{display:flex;flex-direction:column;gap:12px;min-width:0}
.sd101-f p{margin:0}
.sd101-ch{display:flex;flex-direction:column;gap:6px;min-width:0}
.sd101-ch>span{font-weight:700;color:var(--sd101-nuit);font-size:13px}
.sd101-ch>input{width:100%;box-sizing:border-box;min-height:40px}
.sd101-type{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sd101-type legend{padding:0 0 6px;font-weight:700;color:var(--sd101-nuit);font-size:13px}
.sd101-case{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 12px;border:1px solid var(--sd101-argent);border-radius:10px;background:#fff;color:var(--sd101-nuit);font-weight:600;cursor:pointer}
.sd101-case input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--sd101-bleu)}
.sd101-note{color:#4A5A6E;font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}
.sd101-err{color:var(--sd101-err);font-weight:700;font-size:12.5px}
.sd101-err:empty{display:none}
@media (max-width:640px){
  .sd101-g{flex-wrap:wrap;gap:8px;padding:10px}
  .sd101-txt{flex:1 1 100%;order:-1}
  .sd101-pos,.sd101-act{flex:1 1 100%}
  .sd101-pos .bt,.sd101-act .bt,.sd101-barre .bt,.sd101-ordre .bt{flex:1 1 0;min-height:44px;font-size:14px}
  .sd101-barre .bt{flex:1 1 100%}
  .sd101-case{min-height:44px;flex:1 1 100%}
  .sd101-ch>input{min-height:44px;font-size:16px}
}
