/* Q24 Compta 11.0 (21/10/2026, cahier archives/PROMPT-COMPTA-COMPLETE-V2.md) — chargée APRÈS comptable-plus.css : livres et balances, ventes,
   notes de frais, entrées et sorties, Balta vous propose, archives, trésorerie, calendrier, contrôles, recherche, hors ligne.
   Couleurs du thème iOS commun (--i-…), clair et sombre. Zones de toucher ≥ 44 px ; sur iPhone les tableaux deviennent des cartes
   (étiquette data-l devant chaque valeur) : aucune page plus large que l'écran. Aucun attribut style dans le HTML (CSP). */

/* ---- loupe « Rechercher » en haut */
.cp-haut__chercher{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--i-label)}
.cp-haut__chercher svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cp-haut__chercher:hover{background:var(--i-fill)}
.cp-haut__chercher:focus-visible{outline:2px solid var(--i-accent);outline-offset:2px}

/* ---- puces en liens (sous-menus, journaux, tiers) */
.cp-filtres a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:18px;background:var(--i-fill);color:var(--i-label);font:600 15px var(--i-font);text-decoration:none;white-space:nowrap}
.cp-filtres a span{color:var(--i-label2)}
.cp-filtres a[aria-pressed="true"],.cp-filtres a[aria-current="true"]{background:var(--i-label);color:var(--i-card)}
.cp-filtres a[aria-pressed="true"] span{color:var(--i-card)}
.cp-filtres a:focus-visible{outline:2px solid var(--i-accent);outline-offset:2px}
.cv2-sous-menu{margin-top:4px}

/* ---- formulaires et exports */
.cv2-form{margin:0 0 12px}
.cv2-form p{margin:8px 0 0}
.cv2-exports{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.cv2-plie summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center}
.cv2-plie summary::-webkit-details-marker{display:none}
.cv2-plie summary h2{margin:0!important}
.cv2-plie summary::after{content:"›";margin-left:auto;font-size:22px;color:var(--i-label3);transform:rotate(90deg)}
.cv2-plie[open] summary::after{transform:rotate(-90deg)}
.cv2-cases{border:0;margin:8px 0;padding:0;display:grid;gap:4px}
.cv2-cherche{display:flex;gap:8px;align-items:center;margin:0 0 12px}
.cv2-cherche .cp-recherche{flex:1;margin:0}
.cv2-reserve{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--i-violet-tint,var(--i-fill));color:var(--i-label)}
.cv2-alertes{margin:6px 0;padding-left:20px;color:var(--i-orange)}
.cv2-mentions{margin:6px 0;padding-left:20px;color:var(--i-label2);font-size:14px}
.cv2-texte{white-space:pre-wrap;font:15px/1.4 var(--i-font);background:var(--i-card2);padding:10px 12px;border-radius:12px;margin:6px 0;overflow-wrap:anywhere}
.cv2-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px}
.cv2-dl dt{color:var(--i-label2)}
.cv2-dl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}

/* ---- tableaux (grand livre, balances, registre, trésorerie) */
.cv2-table-boite{overflow-x:auto;margin:0 0 12px;border-radius:14px;background:var(--i-card);box-shadow:var(--i-shadow)}
.cv2-table{width:100%;border-collapse:collapse;font-size:15px}
.cv2-table th,.cv2-table td{padding:10px 10px;border-bottom:.5px solid var(--i-sep);text-align:left;vertical-align:top}
.cv2-table thead th{font-size:13px;color:var(--i-label2);font-weight:600;position:sticky;top:0;background:var(--i-card)}
.cv2-table tfoot th,.cv2-table tfoot td{font-weight:700;border-bottom:0}
.cv2-table a{color:inherit;text-decoration:none}
.cv2-table tbody tr:hover{background:var(--i-fill)}
.cv2-n{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.cv2-lib small,.cv2-n small{display:block;color:var(--i-label2);font-size:13px}
.cv2-rouge,.cv2-rouge td{color:var(--i-accent)}
.cv2-report td{color:var(--i-label2);font-style:italic}
.cv2-mini{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.cv2-mini td,.cv2-mini th{padding:5px 4px;border-top:.5px solid var(--i-sep);text-align:left}
@media screen and (max-width:699px){
  .cv2-table-boite{background:none;box-shadow:none;overflow:visible}
  .cv2-table thead{display:none}
  .cv2-table,.cv2-table tbody,.cv2-table tfoot,.cv2-table tr,.cv2-table td,.cv2-table th{display:block;width:auto}
  .cv2-table tr{background:var(--i-card);border-radius:14px;box-shadow:var(--i-shadow);margin:0 0 8px;padding:8px 12px}
  .cv2-table td,.cv2-table th{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .cv2-table td[data-l]::before{content:attr(data-l);color:var(--i-label2);font-size:13px;text-align:left;flex:none}
  .cv2-table td:empty{display:none}
  .cv2-table td.cv2-lib{display:block;text-align:left}
  .cv2-table td.cv2-lib::before{display:block;margin-bottom:2px}
  .cv2-table .cv2-n{white-space:normal}
  .cv2-table tfoot tr{background:var(--i-fill)}
}

/* ---- journaux */
.cv2-journal{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cv2-journal__tete{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--i-label);text-decoration:none}
.cv2-journal__tete span{color:var(--i-label2);font-size:14px;flex-basis:100%}
.cv2-journal__tete b{flex:1;min-width:0}

/* ---- lettrage */
.cv2-lets{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.cv2-let{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--i-card);box-shadow:var(--i-shadow)}
.cv2-let__corps{flex:1;min-width:0;display:grid;color:var(--i-label);text-decoration:none}
.cv2-let__corps .cp-petit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv2-let__lettre{flex:none;display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--i-green-tint,var(--i-fill));color:var(--i-green);font-weight:800}
.cv2-let--faite{opacity:.85}
.cv2-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin:0 0 8px;font-weight:600}
.cv2-tiers{margin-top:-4px}

/* ---- ventes, notes de frais, personnel */
.cv2-ventes,.cv2-notes,.cv2-rh,.cv2-taches{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.cv2-vente,.cv2-lien-carte{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:var(--i-card);box-shadow:var(--i-shadow);color:var(--i-label);text-decoration:none}
.cv2-vente__tete{display:flex;justify-content:space-between;gap:10px}
.cv2-vente--echue{box-shadow:inset 3px 0 0 var(--i-accent),var(--i-shadow)}
.cv2-relance{border-top:.5px solid var(--i-sep);padding-top:8px;margin-top:8px}
.cv2-etapes{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}
.cv2-etapes li{display:flex;gap:8px;align-items:center;min-height:32px}
.cv2-etapes span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:12px;background:var(--i-fill);font-weight:700}
.cv2-etape--faite span{background:var(--i-green);color:var(--i-on-accent)}
.cv2-fait{opacity:.6}

/* ---- Balta vous propose */
.cv2-tache{display:grid;gap:8px}
.cv2-tache__corps{display:grid;gap:4px;justify-items:start}
.cv2-tache--1{box-shadow:inset 3px 0 0 var(--i-accent),var(--i-shadow)}
.cv2-tache .cp-actions{display:flex;flex-wrap:wrap;gap:8px}
.cv2-balta{background:var(--i-blue-tint,var(--i-fill));color:var(--i-blue)}

/* ---- trésorerie */
.cv2-chiffres .cp-chiffre{margin:0;padding:12px 14px;border-radius:16px;background:var(--i-card);box-shadow:var(--i-shadow);min-height:76px}
.cv2-chiffres .cp-chiffre b{display:block;font:700 20px/1.2 var(--i-font);font-variant-numeric:tabular-nums}
.cv2-chiffres .cp-chiffre span{display:block;font-size:13px;color:var(--i-label2)}
.cv2-chiffres .cp-chiffre.alerte b{color:var(--i-accent)}
.cv2-courbe{width:100%;height:auto;display:block}
.cv2-courbe__ligne{fill:none;stroke:var(--i-blue);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cv2-courbe__seuil{stroke:var(--i-accent);stroke-width:1.5;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}

/* ---- hors ligne (aussi sur l'écran de connexion) */
.cv2-hors-ligne{margin-top:14px;text-align:left}

/* ---- impression : les tableaux de l'écran repris dans une page */
@media print{
  .cpx-page .cv2-table-boite{box-shadow:none;background:none}
  .cpx-page .cv2-table small{display:block;font-size:9pt}
}
@media (prefers-reduced-motion:reduce){.cv2-plie summary::after{transition:none}}
