/* Lot BEN3 (24/10) : Comptabilité › Factures & avoirs (liste unique des pièces).
   S'appuie sur les classes du Pilotage (pilotage-v1.css) et de Ventes & comptes (ventes-comptes.css), jetons du
   recadrage du 21/10 : texte 13 px, grille de 4 px, filets, trois couleurs d'état ; aucun bleu d'action (rien ne
   s'écrit ici). Retour arrière : retirer la ligne <link … facturation.css>. */
.fa-filtres{display:flex;flex-wrap:wrap;gap:var(--ap-e1);border-bottom:1px solid hsl(var(--ap-trait));padding-bottom:var(--ap-e1)}
.fa-f{display:inline-flex;align-items:center;gap:var(--ap-e1);height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border-radius:var(--ap-r-s);color:hsl(var(--ap-doux));font-weight:var(--ap-g-moyen);text-decoration:none;white-space:nowrap}
.fa-f:hover{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre))}
.fa-f.on{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre));box-shadow:inset 0 -2px 0 hsl(var(--ap-encre))}
.fa-f.rouge{color:hsl(var(--ap-rouge))}
.fa-n{font-size:var(--ap-t-xs);color:inherit;opacity:.8}
.fa-k-bouton{font:inherit;text-align:left;cursor:pointer;color:inherit}
.fa-k-bouton:hover{border-color:hsl(var(--ap-trait-fort))}
.plt-k.fa-k-bouton.rouge .plt-k-v,.plt-k.fa-k-bouton.rouge .plt-k-lib{color:hsl(var(--ap-rouge))}
.plt-k.fa-k-bouton.rouge{border-color:hsl(var(--ap-rouge)/.4);background:hsl(var(--ap-rouge-doux))}
.fa-t td{font-size:var(--ap-t-m)}
.fa-t td b{font-weight:var(--ap-g-titre)}
.fa-t .rouge{color:hsl(var(--ap-rouge));font-weight:var(--ap-g-titre)}
.fa-t .vert{color:hsl(var(--ap-vert))}
.fa-t tr.fa-annulee td:not(.fa-actions){color:hsl(var(--ap-doux))}
.fa-t tr.fa-annulee [data-reference]{text-decoration:line-through}
.fa-liens{display:flex;flex-wrap:wrap;gap:var(--ap-e1);margin-top:2px}
.fa-lien{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));white-space:nowrap}
.fa-voiture{display:inline-block;padding:1px var(--ap-e2);border-radius:999px;background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))!important;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.fa-voiture:hover{text-decoration:underline}
.fa-actions{white-space:nowrap;text-align:right}
.fa-b{height:26px;padding:0 var(--ap-e2);font-size:var(--ap-t-s);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));cursor:pointer}
.fa-b+.fa-b{margin-left:var(--ap-e1)}
.fa-b:hover{background:hsl(var(--ap-gris-doux))}
.fa-email{gap:var(--ap-e2)}
.fa-email-tete{display:flex;align-items:center;gap:var(--ap-e2)}
.fa-email-tete .fa-b{margin-left:auto}
.fa-email-champs{display:grid;grid-template-columns:auto 1fr;gap:var(--ap-e1) var(--ap-e3);margin:0;font-size:var(--ap-t-s)}
.fa-email-champs dt{color:hsl(var(--ap-doux));font-weight:var(--ap-g-titre)}
.fa-email-champs dd{margin:0;min-width:0;overflow-wrap:anywhere}
.fa-email-corps{margin:0;padding:var(--ap-e2) var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);background:hsl(var(--ap-gris-doux));font:inherit;font-size:var(--ap-t-s);white-space:pre-wrap}
.fa-refus{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2);margin:0}
.fa-refus .fa-b{margin-left:auto}
.fa-attente .rouge{color:hsl(var(--ap-rouge));font-weight:var(--ap-g-titre)}
@media (max-width:760px){
  .fa-filtres{flex-wrap:nowrap;overflow-x:auto}
  .fa-t thead{display:none}
  .fa-t,.fa-t tbody,.fa-t tr,.fa-t td{display:block;width:100%}
  .fa-t tr{padding:var(--ap-e2) var(--ap-e3);border-bottom:1px solid hsl(var(--ap-trait))}
  .fa-t td{padding:2px 0;border:0;text-align:left!important;display:flex;gap:var(--ap-e2);align-items:baseline;min-width:0}
  .fa-t td:empty{display:none}
  .fa-t td[data-l]:not([data-l=""])::before{content:attr(data-l);flex:0 0 96px;font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.04em}
  .fa-t td>*{min-width:0}
  .fa-t td[data-l="Pièce"]{flex-wrap:wrap}
  .fa-t td[data-l="Pièce"] .fa-liens{flex-basis:100%;padding-left:calc(96px + var(--ap-e2))}
  .fa-lien{white-space:normal}
  .fa-voiture{max-width:100%}
  .fa-actions{justify-content:flex-start;flex-wrap:wrap;gap:var(--ap-e1);padding-top:var(--ap-e1)!important}
  .fa-b+.fa-b{margin-left:0}
}