/* Flotte : schéma d'état du véhicule et photos (flotte.js). Sortie de portail.css ; chargée au démarrage, juste après elle,
   car flotte.js est une zone de démarrage. Mêmes règles, ordre sans effet sur la cascade : rien ne change à l'écran. Jetons de portail.css seulement. */
.vCarWrap{display:flex;gap:var(--e-4);flex-wrap:wrap;align-items:flex-start}
.vCar{position:relative;flex:none;width:212px}
.vCar svg{display:block;width:100%;height:auto}
.vCar.clic{cursor:crosshair}
.vCar .sens{position:absolute;left:0;right:0;text-align:center;font-size:var(--t-xs);font-weight:var(--g-fort);letter-spacing:.08em;color:var(--encre3);pointer-events:none}
.vMark{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:var(--r-rond);background:var(--crit);color:var(--sur-fort);font-size:var(--t-s);font-weight:var(--g-fort);display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.35);cursor:pointer}
.vNotes{flex:1;min-width:230px}
.vZones{display:flex;flex-wrap:wrap;gap:var(--e-1);margin-bottom:var(--e-3)}
.vNote{display:flex;gap:var(--e-2);align-items:center;margin-bottom:var(--e-2)}
.vNote .num{flex:none;width:22px;height:22px;border-radius:var(--r-rond);background:var(--crit);color:var(--sur-fort);font-size:var(--t-s);font-weight:var(--g-fort);display:grid;place-items:center}
.vThumbs{display:flex;gap:var(--e-2);flex-wrap:wrap;margin-top:var(--e-2)}
.vThumbs .ph{position:relative}
.vThumbs img{width:88px;height:88px;object-fit:cover;border-radius:var(--r);border:1px solid var(--filet);display:block}
.vThumbs .ph button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:var(--r-rond);border:0;background:var(--crit);color:var(--sur-fort);font-size:var(--t-s);cursor:pointer;line-height:1}
/* A2 : zone sensible de 44 px autour des croix, dessin inchangé */
.vThumbs .ph button::after,.vMark::after{content:"";position:absolute;top:50%;left:50%;width:var(--h-ctrl);min-width:100%;height:var(--h-ctrl);transform:translate(-50%,-50%)}
.vDetailImg{max-width:100%;border-radius:var(--r);border:1px solid var(--filet);margin-top:var(--e-2)}
.vCar .sens.sensAv{top:-2px} .vCar .sens.sensAr{bottom:-2px}
/* thème sombre : ce que les jetons ne couvrent pas */
@media (prefers-color-scheme:dark){
  .vMark,.vNote .num{color:#0f1b22}
  .vThumbs .ph button{color:#0f1b22}
}