/* Chantier n° 14 (31/10) — Factures d'achat (espace Achats) façon SpiderVO. Bureau : colonnes courtes (véhicule,
   état, sur le parc, colonne, prix d'achat), un mot et une couleur par voiture (détail au survol), puces de filtre,
   fiche en volet avec Précédente / Suivante et un seul bouton bleu. Téléphone : une ligne par voiture, un seul
   « Filtres ▾ », textes ≥ 15 px, cibles ≥ 44 px, rien qui glisse de côté. Préfixe « fac- ». Chargé après transports-tr.css. */
section.fac{display:flex;flex-direction:column;gap:10px;padding:var(--ap-e3) var(--ap-e4) var(--ap-e5);min-width:0;color:hsl(var(--ap-encre))}
.fac :is(.fac-tag,.fac-mot,.fac-puce)[data-ton="orange"]{--t:var(--ap-ambre);--td:var(--ap-ambre-doux)}
.fac :is(.fac-tag,.fac-mot,.fac-puce)[data-ton="bleu"]{--t:var(--ap-action-fort);--td:var(--ap-action-doux)}
.fac :is(.fac-tag,.fac-mot,.fac-puce)[data-ton="gris"]{--t:var(--ap-doux);--td:var(--ap-gris-doux)}
.fac-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;background:hsl(var(--td,var(--ap-gris-doux)));color:hsl(var(--t,var(--ap-doux)))}
.fac-mot{font-size:13px;font-weight:600;color:hsl(var(--t))}
.fac-doux{color:hsl(var(--ap-doux))}
.fac-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.fac-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);letter-spacing:-.025em}
.fac-n{font-size:15px;font-weight:600;color:hsl(var(--ap-doux))}
.fac-cherche{width:300px;margin-left:auto}
.fac-cherche .fa-cherche{width:100%;height:42px;padding-left:38px;border:0}
.fac-cherche-tel,.fac-fbtn{display:none}
.fac-filtres{display:flex;flex-wrap:wrap;gap:6px}
.fac-puce.on{background:hsl(var(--td,var(--ap-action-doux)));color:hsl(var(--t,var(--ap-action-fort)));box-shadow:0 0 0 1px hsl(var(--t,var(--ap-action))) inset}
.fac-puce.on b{color:inherit}
.fac-vide{padding:32px 14px;text-align:center;color:hsl(var(--ap-doux));font-weight:600;margin:0}
.fac-reserve h2{margin:0;font-size:17px}
.fac-liste{border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;overflow:hidden}
.fac-th,.fac-l{display:grid;grid-template-columns:56px minmax(200px,2fr) 96px 90px minmax(120px,1fr) 120px;align-items:center;column-gap:12px;padding:0 14px}
.fac-th{height:34px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--ap-doux));border-bottom:1px solid hsl(var(--ap-trait))}
.fac-l{min-height:56px;padding-top:4px;padding-bottom:4px;border-bottom:1px solid hsl(var(--ap-trait)/.7);cursor:pointer}
.fac-l>*{min-width:0}
.fac-l:hover{background:hsl(var(--ap-action-doux)/.45)}
.fac-l.on{background:hsl(var(--ap-action-doux));box-shadow:3px 0 0 hsl(var(--ap-action)) inset}
.fac-ph{width:56px;height:40px;border-radius:6px;object-fit:cover}
.fac-ve{display:flex;flex-direction:column;line-height:1.25}
.fac-ve b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fac-ve small{font-size:12px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fac-ve-t{display:none}
.fac-j{font-size:13px;font-weight:600}
.fac-tx{font-size:13px;color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fac-c-px{text-align:right;font-size:13px;font-weight:600}
.fac-vt{flex-wrap:wrap}
.fac-vt .fac-retour{display:none}
.fac-vt .or-vtx{flex:1 1 220px}
.fac-voisines{margin-left:auto}
.fac-fiche{flex:1;padding:16px 20px;overflow:auto}
.fac-fiche dl{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 14px;margin:0;align-items:center}
.fac-fiche dt{font-size:13px;font-weight:600;color:hsl(var(--ap-doux))}
.fac-fiche dd{margin:0;font-size:15px;display:flex;align-items:center;gap:8px;min-width:0}
.fac-fiche .fa-prix input,.fac-champ{height:40px;font-size:15px}
.fac-champ{padding:0 10px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);font:inherit}
.fac-lien{color:hsl(var(--ap-action-fort));font-weight:600}
.fac-pied{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:hsl(var(--ap-carte));box-shadow:0 -1px 0 hsl(var(--ap-trait))}
.fac-pied:empty{display:none}
.fac-pied .or-btn{height:42px}
@media (max-width:767px){
  body:has(section.fac) .n1-puce-filtres{display:none!important}
  section.fac{padding:10px 16px 96px;font-size:15px}
  .fac-cherche{display:none}
  .fac-fbtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;height:44px;padding:0 16px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:600;background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;color:hsl(var(--ap-encre));cursor:pointer}
  .fac-filtres{display:none;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset}
  .fac-filtres.fac-ouvert{display:flex}
  .fac-cherche-tel{display:block;width:100%;margin:0}
  .fac-cherche-tel input{height:44px;font-size:16px}
  .fac-filtres .fac-puce{height:44px;font-size:15px;justify-content:space-between}
  .fac-th{display:none}
  .fac-l{grid-template-columns:auto minmax(0,1fr);column-gap:10px;min-height:60px;padding:8px 12px}
  .fac-l>:not(.fac-c-et):not(.fac-ve){display:none}
  .fac-c-et{order:0}
  .fac-ve b,.fac-ve-t{font-size:15px}
  .fac-ve-d{display:none}
  .fac-ve-t{display:block}
  .fac-tag{font-size:15px;padding:3px 10px}
  .fac-volet{width:100vw}
  .fac-vt{padding:10px 16px;gap:8px}
  .fac-vt .fac-retour{display:inline-flex;height:44px;order:-2}
  .fac-vt .or-x{display:none}
  .fac-vt .or-vtx{flex:1 1 100%;order:2}
  .fac-voisines .or-btn{min-width:44px;height:44px}
  .fac-fiche{padding:12px 16px}
  .fac-fiche dl{grid-template-columns:minmax(0,1fr);gap:4px}
  .fac-fiche dt{font-size:15px;margin-top:8px}
  .fac-fiche .fa-prix input,.fac-champ{height:44px;font-size:16px;width:100%}
  .fac-fiche .fa-prix{width:100%}
  .fac-lien{display:inline-flex;align-items:center;min-height:44px}
  .fac-pied{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .fac-pied .or-btn{flex:1;height:48px;font-size:16px}
  section.fac .c1-sous-nav{overflow:hidden;flex-wrap:wrap}
  section.fac .c1-sous-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:15px}
}
/* L'icône de recherche et la croix (classe .or-i, dimensionnée seulement sous section.or). */
section.fac svg.or-i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}