/* Chantier n° 15 (01/11) — « Chiffres » façon SpiderVO (Pilotage /gestion et Ventes & comptes). Bureau : chiffres clés en
   tête (un mot et un nombre, la couleur seulement pour l'alerte, le détail au survol), puis des tableaux en colonnes ; chaque
   ligne s'ouvre en volet avec Précédente / Suivante. Téléphone : les chiffres en grille de trois, une ligne par rangée (le nom
   et la valeur clé), un seul « Filtres ▾ » (celui de la coque masqué), textes ≥ 15 px, cibles ≥ 44 px, rien qui glisse de
   côté. Préfixe « chf- » (absent de front/ avant ce chantier). Chargé après achats-fac.css. Retour arrière : retirer le <link>. */
section.chf{gap:12px;max-width:none}
.chf-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.chf-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);letter-spacing:-.025em;display:flex;align-items:baseline;gap:10px}
.chf-vue-tel{display:none}
.chf-fbtn{display:none}
.chf-barre{display:flex;flex-direction:column;gap:8px}
.chf-outils{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:0}
.chf-outils:empty{display:none}
.chf-choix{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:hsl(var(--ap-doux))}
.chf-choix select{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;padding:0 8px}
.chf-liens{display:flex;gap:16px;margin-left:auto}
.chf-liens .plt-lien{margin-left:0}
.chf-note{align-self:flex-start;cursor:help}
/* Chiffres clés : une rangée, un mot et un nombre. */
.chf-compteurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.chf-compteurs:empty{display:none}
.plt-k.chf-k{padding:10px 12px;gap:2px;box-shadow:none;cursor:help}
.chf-k .plt-k-lib{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chf-k .plt-k-v{font-size:22px}
.chf-k.rouge{border-color:hsl(var(--ap-rouge)/.4);background:hsl(var(--ap-rouge-doux))}
.chf-k.rouge .plt-k-v,.chf-k.rouge .plt-k-lib{color:hsl(var(--ap-rouge))}
.chf-k.ambre{border-color:hsl(var(--ap-ambre)/.35);background:hsl(var(--ap-ambre-doux))}
.chf-k.ambre .plt-k-v,.chf-k.ambre .plt-k-lib{color:hsl(var(--ap-ambre))}
/* Tableaux en colonnes. */
.chf-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;align-items:start}
.chf-bloc{display:flex;flex-direction:column;gap:6px;min-width:0}
.chf-bloc.chf-large{grid-column:1/-1}
.chf-h2{display:flex;align-items:center;gap:8px;min-height:28px}
.chf-h2 .chf-v1{margin-left:auto;text-transform:none;letter-spacing:0;font-size:13px}
.chf-t td{padding:7px 10px;font-size:13px;vertical-align:middle}
.chf-t th{padding:7px 10px}
.chf-t th.chf-cle,.chf-t td.chf-cle{font-weight:600}
.chf-t tbody tr{cursor:pointer}
.chf-t tbody tr:hover{background:hsl(var(--ap-action-doux)/.45)}
.chf-t tbody tr.on{background:hsl(var(--ap-action-doux));box-shadow:3px 0 0 hsl(var(--ap-action)) inset}
.chf-t td.rouge{color:hsl(var(--ap-rouge))}.chf-t td.ambre{color:hsl(var(--ap-ambre))}
.chf-t td[title]{cursor:help}
.chf-part{display:block;height:3px;margin-top:4px;border-radius:999px;background:hsl(var(--ap-gris-doux));overflow:hidden;max-width:160px}
.chf-part i{display:block;height:100%;background:hsl(var(--ap-action));opacity:.55}
/* Volet. */
.chf-vt{flex-wrap:wrap}
.chf-vt .or-vtx{flex:1 1 220px}
.chf-retour{display:none!important}
.chf-voisines{margin-left:auto}
.chf-x{border:0;cursor:pointer;font-size:16px}
.chf-fiche{flex:1;padding:16px 20px;overflow:auto}
.chf-fiche dl{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px 14px;margin:0;align-items:baseline}
.chf-fiche dt{font-size:13px;font-weight:600;color:hsl(var(--ap-doux))}
.chf-fiche dd{margin:0;font-size:15px;font-weight:600;min-width:0}
.chf-fiche dd.rouge{color:hsl(var(--ap-rouge))}.chf-fiche dd.ambre{color:hsl(var(--ap-ambre))}
.chf-precision{display:block;font-size:13px;font-weight:400;color:hsl(var(--ap-doux))}
.chf-lien{color:hsl(var(--ap-action-fort));font-weight:600}
/* Ventes & comptes : la barre des surfaces et ses liens. */
.chf-vc .vc-barre{flex-basis:100%;flex-direction:row;flex-wrap:wrap;align-items:center}
.chf-vc .vc-barre .vc-surfaces{flex:1 1 auto;flex-basis:auto}
.chf-vc .plt-k.chf-k .plt-k-v{font-size:22px}

@media (max-width:767px){
  body:has(section.chf) .n1-puce-filtres,body:has(.chf-vc) .n1-puce-filtres{display:none!important}
  section.chf{padding:10px 16px 96px;font-size:15px}
  .chf-tete h1{font-size:22px;flex-wrap:wrap;gap:2px 8px}
  .chf-tete .plt-mois{font-size:15px}
  .chf-vue-tel{display:inline;font-size:15px;font-weight:600;color:hsl(var(--ap-action-fort))}
  .chf-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}
  .chf-barre{display:none;padding:12px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;gap:12px}
  .chf-barre.chf-ouvert{display:flex}
  .chf-barre .plt-onglets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;padding:0;overflow:visible}
  .chf-barre .plt-onglets>*{height:44px;font-size:15px;justify-content:center;display:inline-flex;align-items:center}
  .chf-outils{flex-direction:column;align-items:stretch}
  .chf-seg{display:flex;width:100%}
  .chf-seg button{flex:1;height:44px;font-size:15px;padding:0 6px}
  .chf-choix{flex-direction:column;align-items:stretch;font-size:15px}
  .chf-choix select{height:44px;font-size:16px}
  .chf-liens{flex-direction:column;gap:0;margin-left:0}
  .chf-liens .plt-lien{display:flex;align-items:center;min-height:44px;font-size:15px}
  .chf-note{font-size:15px}
  .chf-compteurs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .plt-k.chf-k{padding:8px 8px;min-height:64px}
  .chf-k .plt-k-lib{font-size:15px;white-space:normal;line-height:1.15}
  .chf-k .plt-k-v{font-size:20px}
  .chf-k .plt-k-v .plt-reserve{font-size:15px;white-space:normal}
  .chf-tables{grid-template-columns:minmax(0,1fr);gap:14px}
  .chf-h2{font-size:15px;flex-wrap:wrap}
  .chf-h2 .chf-v1{margin-left:0;min-height:44px;display:inline-flex;align-items:center;font-size:15px}
  section.chf table.chf-t{display:block;overflow:visible;border-radius:var(--ap-r-m)}
  section.chf table.chf-t thead{display:none}
  section.chf table.chf-t tbody{display:block}
  section.chf table.chf-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:48px;padding:8px 12px;border-bottom:1px solid hsl(var(--ap-trait))}
  section.chf table.chf-t tr:last-child{border-bottom:0}
  section.chf table.chf-t td{display:none;padding:0;border:0;font-size:15px}
  section.chf table.chf-t td:first-child{display:block;font-weight:600;min-width:0;overflow-wrap:anywhere}
  section.chf table.chf-t td.chf-cle{display:block;text-align:right;white-space:nowrap}
  section.chf .plt-reserve{font-size:15px}
  section.chf .plt-badge{font-size:15px}
  .chf-volet{width:100vw}
  .chf-vt{padding:10px 16px;gap:8px}
  .chf-vt .chf-retour{display:inline-flex!important;height:44px;order:-2;font-size:15px}
  .chf-vt .chf-x{display:none}
  .chf-vt .or-vtx{flex:1 1 100%;order:2}
  .chf-voisines{font-size:15px}
  .chf-voisines .or-btn{min-width:44px;height:44px}
  .chf-fiche{padding:12px 16px}
  .chf-fiche dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .chf-fiche dt{font-size:15px;margin-top:10px}
  .chf-fiche dd{font-size:17px}
  .chf-precision{font-size:15px}
  .chf-lien{display:inline-flex;align-items:center;min-height:44px}
  /* Ventes & comptes au téléphone. */
  .chf-vc{font-size:15px;padding:10px 16px 96px}
  .chf-vc .vc-tete{align-items:center}
  .chf-vc .vc-tete h1{font-size:22px;flex-wrap:wrap}
  .chf-vc .vc-fl{width:44px;height:44px}
  .chf-vc .chf-fbtn{margin-left:0}
  .chf-vc .vc-barre{display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset}
  .chf-vc .vc-barre.chf-ouvert{display:flex}
  .chf-vc .vc-surfaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;padding:0;overflow:visible}
  .chf-vc .vc-surfaces a{height:44px;font-size:15px;justify-content:center;white-space:normal;text-align:center}
  .chf-vc .plt-ks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .chf-vc .chf-k .plt-k-lib{font-size:15px;white-space:normal}
  .chf-vc .vc-2{grid-template-columns:minmax(0,1fr)}
  .chf-vc .vc-defile{overflow:visible}
  .chf-vc .vc-defile .plt-t{min-width:0}
  .chf-vc .plt-t{display:block;overflow:visible}
  .chf-vc .plt-t thead{display:none}
  .chf-vc .plt-t tbody{display:block}
  .chf-vc .plt-t tr{display:flex;flex-wrap:wrap;gap:2px 12px;padding:10px 12px;border-bottom:1px solid hsl(var(--ap-trait))}
  .chf-vc .plt-t td{padding:0;border:0;font-size:15px;white-space:normal;text-align:left}
  .chf-vc .plt-t td:first-child{flex:1 1 100%;font-weight:600}
  .chf-vc .plt-mut,.chf-vc .plt-legende,.chf-vc .vc-l,.chf-vc .plt-alerte,.chf-vc .plt-note{font-size:15px}
  .chf-vc button,.chf-vc .btn,.chf-vc select{min-height:44px;font-size:15px}
}