/* Lot B8 (22/10) : Ventes & comptes en ligne (journal, le mois, registres, pour le comptable, à arbitrer).
   S'appuie sur les classes du Pilotage (front/pilotage-v1.css, lot B5) et les jetons du recadrage du 21/10
   (front/recadrage.css) : texte 13 px, grille de 4 px, filets, UN seul bleu d'action (« Réglé »,
   « Enregistrer »), les exports et lectures en style neutre. Retour arrière : retirer la ligne <link>. */
.vc-tete{row-gap:var(--ap-e2)}
.vc-mois{display:inline-flex;gap:var(--ap-e1)}
.vc-fl{width:var(--ap-h-ctrl);height:var(--ap-h-ctrl);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-l);line-height:1;cursor:pointer}
.vc-fl:hover{background:hsl(var(--ap-gris-doux))}
.vc-surfaces{flex-basis:100%}
.vc-surfaces a,.vc-seg a{display:inline-flex;align-items:center;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}
.vc-surfaces a:hover{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre))}
.vc-surfaces a.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.vc-seg{flex-wrap:wrap}
.vc-seg a{border-radius:0;background:hsl(var(--ap-carte))}
.vc-seg a+a{border-left:1px solid hsl(var(--ap-trait-fort))}
.vc-seg a.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.vc-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ap-e3)}
.vc-defile{overflow-x:auto;max-width:100%}
.vc-defile .plt-t{min-width:640px}
.vc-l{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-encre))}
.vc-l.rouge{color:hsl(var(--ap-rouge))}
.vc .rouge{color:hsl(var(--ap-rouge))}.vc .vert{color:hsl(var(--ap-vert))}.vc .ambre{color:hsl(var(--ap-ambre))}
.vc-h2{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2)}
.vc-outils{margin-left:auto;display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2);text-transform:none;letter-spacing:0}
.vc .btn.vc-neutre,.vc .btn.vc-action{height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);cursor:pointer;white-space:nowrap}
.vc .btn.vc-neutre{border:1px solid hsl(var(--ap-trait-fort));background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.vc .btn.vc-neutre:hover{background:hsl(var(--ap-gris-doux))}
.vc .btn.vc-action{border:1px solid hsl(var(--ap-action));background:hsl(var(--ap-action));color:#fff}
.vc .btn.vc-action:hover{background:hsl(var(--ap-action-fort))}
.vc .btn.vc-neutre,.vc .btn.vc-action{align-self:flex-start}
.vc-gris .ap-v1-suffixe{margin-left:.3em}
.vc-actions{white-space:nowrap;text-align:right}
.vc-actions .btn+.btn{margin-left:var(--ap-e1)}
.vc-gris{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2);padding-top:var(--ap-e2);border-top:1px solid hsl(var(--ap-trait))}
.vc-an{padding:0 var(--ap-e1);color:hsl(var(--ap-doux));text-decoration:none;font-weight:var(--ap-g-moyen)}
.vc-an.on{color:hsl(var(--ap-action-fort))}
.vc-retard td:first-child{color:hsl(var(--ap-rouge));font-weight:var(--ap-g-moyen)}
.vc-total td{font-weight:var(--ap-g-titre);background:hsl(var(--ap-gris-doux))}
.vc-compte summary{cursor:pointer;font-size:var(--ap-t-s);padding:var(--ap-e1) 0;color:hsl(var(--ap-encre))}
.vc-num{width:96px;height:var(--ap-h-ctrl);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);padding:0 var(--ap-e2);font:inherit;font-variant-numeric:tabular-nums;background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.vc-conf{display:inline-flex;align-items:center;gap:var(--ap-e1);font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-doux));margin-left:var(--ap-e2)}
.vc-compte-achat .plt-droite{display:inline-flex;align-items:center}
.vc input[type=file]{font:inherit;font-size:var(--ap-t-s)}
.vc .plt-t td .plt-mut{display:block}
@media (max-width:760px){
  .vc-2{grid-template-columns:1fr}
  .vc-surfaces{flex-wrap:nowrap;overflow-x:auto}
  .vc-outils{margin-left:0}
  .vc-seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
  .vc-seg a{flex:none}
}
/* Imprimer = le PDF du livre de police : la vue seule, sans barre ni menus. */
@media print{
  header,nav,.ap-barre,.v2-barre,.vc-tete,.vc-seg,.vc-gris,.vc-outils,.plt-note{display:none!important}
  .vc-defile{overflow:visible}
  .vc-defile .plt-t{min-width:0;font-size:10px}
}
