/* Lot BEN4 (24/10) : Comptabilité › Livre de police (contrôle), TVA du mois, Réglages comptables, et les onglets
   communs aux quatre vues de Comptabilité. S'appuie sur les classes du Pilotage (pilotage-v1.css), de Ventes &
   comptes (ventes-comptes.css) et de Factures & avoirs (facturation.css). Jetons du recadrage du 21/10 : texte
   13 px, grille de 4 px, filets, trois couleurs d'état. Retour arrière : retirer la ligne <link … comptabilite.css>. */
.cb-onglets{display:flex;flex-wrap:wrap;gap:var(--ap-e1);margin-bottom:var(--ap-e2);border-bottom:1px solid hsl(var(--ap-trait))}
.cb-o{display:inline-flex;align-items:center;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);color:hsl(var(--ap-doux));font-weight:var(--ap-g-moyen);text-decoration:none;white-space:nowrap;border-radius:var(--ap-r-s) var(--ap-r-s) 0 0}
.cb-o:hover{color:hsl(var(--ap-encre));background:hsl(var(--ap-gris-doux))}
.cb-o.on{color:hsl(var(--ap-encre));box-shadow:inset 0 -2px 0 hsl(var(--ap-encre))}
.cb a.vc-fl,.cb span.vc-fl{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.cb-inactif{opacity:.35;cursor:default}
.plt-badge.rouge{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge));border-color:transparent}
.plt-k.cb-rouge{border-color:hsl(var(--ap-rouge)/.4);background:hsl(var(--ap-rouge-doux))}
.plt-k.cb-rouge .plt-k-v,.plt-k.cb-rouge .plt-k-lib{color:hsl(var(--ap-rouge))}
.plt-k.cb-vert .plt-k-v{color:hsl(var(--ap-vert))}
.cb-controle{gap:var(--ap-e1)}
.cb-controle.cb-a-reprendre{border-left:3px solid hsl(var(--ap-rouge))}
.cb-regle{margin:0;font-size:var(--ap-t-s)}
.cb-cas td{font-size:var(--ap-t-m);vertical-align:top}
.cb-cas td[data-detail]{color:hsl(var(--ap-encre))}
.cb-geste{white-space:nowrap;text-align:right}
.cb-plus{align-self:flex-start;margin-top:var(--ap-e1)}
.cb-ok{margin:var(--ap-e2) 0;color:hsl(var(--ap-vert));font-weight:var(--ap-g-moyen)}
.cb-manque{margin:var(--ap-e2) 0 0;font-size:var(--ap-t-s)}
.cb-regimes td{font-size:var(--ap-t-m)}
.cb-groupe td{padding-top:var(--ap-e3);font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.04em}
.cb-sous{display:block;font-size:var(--ap-t-xs)}
.cb-detail{margin-top:var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);padding:var(--ap-e2) var(--ap-e3)}
.cb-detail>summary{cursor:pointer;font-weight:var(--ap-g-moyen)}
.cb-h{margin-top:var(--ap-e3)}
.cb-pieces td{font-size:var(--ap-t-m)}
.cb-compte{display:flex;align-items:center;gap:var(--ap-e3);padding:var(--ap-e2) 0;border-bottom:1px solid hsl(var(--ap-trait))}
.cb-compte-lib{flex:1;min-width:0;display:flex;flex-direction:column}
.cb-actions{display:flex;align-items:center;gap:var(--ap-e3);margin-top:var(--ap-e2)}
.cb-avis{font-size:var(--ap-t-s)}
.cb-avis.vert{color:hsl(var(--ap-vert))}
.cb-avis.rouge{color:hsl(var(--ap-rouge))}
.cb-plan .plt-badge{margin-left:var(--ap-e1)}
@media (max-width:760px){
  .cb-onglets{flex-wrap:nowrap;overflow-x:auto}
  .cb-cas thead,.cb-regimes thead,.cb-pieces thead,.cb-plan thead{display:none}
  .cb-cas,.cb-cas tbody,.cb-cas tr,.cb-cas td,
  .cb-regimes,.cb-regimes tbody,.cb-regimes tr,.cb-regimes td,
  .cb-pieces,.cb-pieces tbody,.cb-pieces tr,.cb-pieces td,
  .cb-plan,.cb-plan tbody,.cb-plan tr,.cb-plan td{display:block;width:100%}
  .cb-cas tr,.cb-regimes tr,.cb-pieces tr,.cb-plan tr{padding:var(--ap-e2) 0;border-bottom:1px solid hsl(var(--ap-trait))}
  .cb-cas td,.cb-regimes td,.cb-pieces td,.cb-plan td{padding:2px 0;border:0;text-align:left!important;display:flex;gap:var(--ap-e2);align-items:baseline;min-width:0;overflow-wrap:anywhere}
  .cb-cas td:empty,.cb-pieces td:empty{display:none}
  .cb-cas td[data-l]:not([data-l=""])::before,.cb-regimes td[data-l]::before,.cb-pieces td[data-l]::before,.cb-plan td[data-l]::before{content:attr(data-l);flex:0 0 88px;font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.04em}
  .cb-groupe td{display:block}
  .cb-groupe td::before{content:none!important}
  .cb-geste{text-align:left}
  .cb-compte{flex-wrap:wrap}
}
