/* Oqora CRM · styles de la section Mes chiffres (lot K, spécification C.9).
   Toutes les règles sont préfixées par la classe racine de la section (.s-chiffres) ; aucun jeton :root ici (ceux de
   crm.css, lot 0). Barre de période reprise de l'outil clientes (onglets, flèches, dates libres). Téléphone
   (< 640 px) : une colonne, boutons de 44 px, aucun défilement horizontal. */
.s-chiffres{ display:block; }
/* 25/10/2026 : style commun (audit-visuel.md § 3) : la largeur commune du contenu (plus de colonne de 1 080 px collée à
   gauche), plus de liserés de couleur ni de dégradé, chiffres d'une seule couleur ; l'état reste dit par les badges. */
.s-chiffres .sc{ display:flex; flex-direction:column; gap:var(--sp-5); min-width:0; }
.s-chiffres .sc-chargement{ padding:var(--sp-6); }
.s-chiffres .sc-erreur{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--sp-3); padding:var(--sp-5); }

/* ---- barre de période ---- */
.s-chiffres .sc-barre{ display:flex; flex-direction:column; gap:var(--sp-3); padding:var(--sp-4) var(--sp-5); min-width:0; }
/* Jour / Semaine / Mois / Dates libres : le contrôle segmenté commun */
.s-chiffres .sc-modes{ display:inline-flex; flex-wrap:wrap; gap:2px; padding:2px; align-self:flex-start;
  border-radius:var(--r-md); background:var(--surface-2); max-width:100%; }
.s-chiffres .sc-mode{ min-height:var(--ctrl-h-sm); padding:0 12px; border:0; border-radius:var(--r-sm); background:transparent;
  color:var(--ink-soft); font:inherit; font-size:var(--fs-13); font-weight:var(--fw-moyen); cursor:pointer; white-space:nowrap; }
.s-chiffres .sc-mode:hover{ color:var(--ink); }
.s-chiffres .sc-mode--actif{ background:var(--surface); color:var(--ink); box-shadow:0 1px 2px rgba(16,24,40,.08); }
.s-chiffres .sc-mode:focus-visible, .s-chiffres .sc-fleche:focus-visible{ outline:2px solid var(--bleu-ring); outline-offset:2px; }
.s-chiffres .sc-nav{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2); min-width:0; }
.s-chiffres .sc-libelle{ display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap; min-width:0;
  font-size:var(--fs-md); }
.s-chiffres .sc-libelle b{ font-weight:var(--fw-fort); }
.s-chiffres .sc-fleche{ min-width:36px; justify-content:center; }
.s-chiffres .sc-fleche[disabled]{ opacity:.35; cursor:default; }
.s-chiffres .sc-libre{ display:flex; align-items:flex-end; flex-wrap:wrap; gap:var(--sp-3); }
.s-chiffres .sc-date{ display:flex; align-items:center; gap:var(--sp-2); color:var(--ink-soft); font-weight:600; }
.s-chiffres .sc-date input{ min-height:36px; cursor:pointer; max-width:100%; }
.s-chiffres .sc-filtres{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-3) var(--sp-5); }
.s-chiffres .sc-personne{ display:flex; align-items:center; gap:var(--sp-2); }
.s-chiffres .sc-personne select{ min-height:36px; max-width:100%; }
.s-chiffres .sc-anciens{ display:inline-flex; align-items:center; gap:var(--sp-2); cursor:pointer; font-weight:600; }
.s-chiffres .sc-anciens input{ width:18px; height:18px; margin:0; accent-color:var(--bleu); cursor:pointer; }
.s-chiffres .sc-note{ font-size:var(--fs-sm); }

/* ---- les chiffres ---- */
.s-chiffres .sc-corps{ display:flex; flex-direction:column; gap:var(--sp-5); min-width:0; }
.s-chiffres .sc-vide{ margin:0; }
.s-chiffres .sc-grille{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-4); }
.s-chiffres .sc-bloc{ display:flex; flex-direction:column; gap:var(--sp-3); padding:var(--sp-5); min-width:0; }
.s-chiffres .sc-bloc h2{ font-size:var(--fs-16); font-weight:var(--fw-fort); }
.s-chiffres .sc-aide{ font-size:var(--fs-sm); margin-top:calc(-1 * var(--sp-2)); }
.s-chiffres .sc-appels{ grid-column:1 / -1; }
.s-chiffres .sc-ventes{ grid-column:1 / -1; }
.s-chiffres .sc-stats{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:var(--sp-3); }
/* Pas de carte dans la carte : chaque chiffre est séparé par un trait fin */
.s-chiffres .sc-stat{ display:flex; flex-direction:column; gap:var(--sp-1); padding:var(--sp-3) 0 0;
  border-top:1px solid var(--rule-soft); min-width:0; }
.s-chiffres .sc-valeur{ font-size:var(--fs-24); font-weight:var(--fw-fort); line-height:1.2; color:var(--ink); font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere; }
.s-chiffres .sc-stat--grande .sc-valeur{ font-size:var(--fs-stat); }
.s-chiffres .sc-nom{ font-size:var(--fs-sm); color:var(--ink-soft); font-weight:var(--fw-normal); }

/* ---- d'une étape à l'autre ---- */
.s-chiffres .sc-taux-liste{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-3); }
.s-chiffres .sc-taux-ligne{ display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(80px, 1fr) 132px; align-items:center;
  gap:var(--sp-3); }
.s-chiffres .sc-taux-nom{ color:var(--ink-soft); font-weight:var(--fw-normal); min-width:0; }
.s-chiffres .sc-jauge{ display:block; height:8px; border-radius:var(--r-full); background:var(--rule-soft); overflow:hidden; }
.s-chiffres .sc-jauge-plein{ display:block; height:100%; width:0; border-radius:var(--r-full); background:var(--bleu);
  transition:width .3s var(--ease); }
.s-chiffres .sc-taux-pct{ min-width:56px; text-align:right; font-variant-numeric:tabular-nums; }
.s-chiffres .sc-taux-pct.muted{ font-weight:500; font-size:var(--fs-sm); }

/* ---- mes objectifs (minimum pour survivre, maximum réaliste) ---- */
.s-chiffres .sc-obj{ display:flex; flex-direction:column; gap:var(--sp-5); padding:var(--sp-5); min-width:0; background:var(--surface); }
.s-chiffres .sc-obj h2{ font-size:var(--fs-16); font-weight:var(--fw-fort); letter-spacing:-.01em; }
.s-chiffres .sc-obj .sc-aide{ margin-top:var(--sp-1); }
.s-chiffres .sc-obj-entete{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:var(--sp-3); }
.s-chiffres .sc-obj-legende{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.s-chiffres .sc-obj-cle{ display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:var(--r-sm);
  font-size:var(--fs-12); font-weight:var(--fw-moyen); }
.s-chiffres .sc-obj-cle::before{ content:""; width:10px; height:10px; border-radius:50%; background:currentColor; }
.s-chiffres .sc-obj-cle--min{ background:var(--ambre-tint); color:var(--ambre); }
.s-chiffres .sc-obj-cle--max{ background:var(--vert-tint); color:var(--vert); }
.s-chiffres .sc-obj-groupe{ display:flex; flex-direction:column; gap:var(--sp-3); min-width:0; }
.s-chiffres .sc-obj-eyebrow{ font-size:var(--fs-13); font-weight:var(--fw-fort); color:var(--ink-soft); }
.s-chiffres .sc-obj-lignes, .s-chiffres .sc-obj-offres{ list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:var(--sp-3); }
.s-chiffres .sc-obj-ligne, .s-chiffres .sc-obj-offre{ display:flex; flex-direction:column; gap:var(--sp-4); min-width:0;
  padding:var(--sp-4); border-radius:var(--r-md); background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--rule); }
.s-chiffres .sc-obj-tete{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--sp-3); min-width:0; }
.s-chiffres .sc-obj-titre{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.s-chiffres .sc-obj-nom{ font-weight:var(--fw-fort); color:var(--ink); }
.s-chiffres .sc-obj-aide{ font-size:var(--fs-xs); }
.s-chiffres .sc-obj-chiffre{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:0 0 auto; }
.s-chiffres .sc-obj-chiffre .pill{ white-space:nowrap; }
.s-chiffres .sc-obj-valeur{ font-size:var(--fs-24); font-weight:var(--fw-fort); line-height:1; color:var(--ink); white-space:nowrap;
  font-variant-numeric:tabular-nums; }
.s-chiffres .sc-obj-valeur--repere{ font-size:var(--fs-md); color:var(--ink-soft); }
.s-chiffres .sc-obj-piste{ position:relative; height:10px; margin:0 6px 22px; border-radius:var(--r-full);
  background:var(--rule-soft); }
.s-chiffres .sc-obj-zone{ position:absolute; top:0; bottom:0; border-radius:var(--r-full);
  background:var(--surface-2); box-shadow:inset 0 0 0 1px var(--rule); }
.s-chiffres .sc-obj-barre{ position:absolute; left:0; top:2px; bottom:2px; width:0; min-width:6px; border-radius:var(--r-full);
  background:var(--bleu); transition:width .5s var(--ease); }
.s-chiffres .sc-obj--sous .sc-obj-barre{ background:var(--ambre-vif); }
.s-chiffres .sc-obj--max .sc-obj-barre{ background:var(--vert-vif); }
.s-chiffres .sc-obj-repere{ position:absolute; top:-4px; bottom:-4px; width:3px; margin-left:-1.5px; border-radius:2px; }
.s-chiffres .sc-obj-repere span{ position:absolute; top:calc(100% + 4px); left:50%; transform:translateX(-50%);
  font-size:var(--fs-12); font-weight:var(--fw-moyen); color:var(--ink-soft); white-space:nowrap; font-variant-numeric:tabular-nums; }
.s-chiffres .sc-obj-repere--min{ background:var(--ambre); }
.s-chiffres .sc-obj-repere--max{ background:var(--vert); }
.s-chiffres .sc-obj-offre{ gap:var(--sp-3); }
.s-chiffres .sc-obj-offre-tete{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2); }
.s-chiffres .sc-obj-centre{ padding:2px 6px; border-radius:var(--r-sm); background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--rule); font-size:var(--fs-xs); font-weight:600; color:var(--ink-soft); }
.s-chiffres .sc-obj-duo{ display:grid; grid-template-columns:auto minmax(40px, 1fr) auto; align-items:center;
  gap:var(--sp-2) var(--sp-3); }
.s-chiffres .sc-obj-duo-nom{ font-size:var(--fs-12); font-weight:var(--fw-normal); color:var(--ink-soft); }
.s-chiffres .sc-obj-duo-piste{ display:block; height:12px; border-radius:var(--r-full); background:var(--rule-soft);
  overflow:hidden; }
.s-chiffres .sc-obj-duo-barre{ display:block; height:100%; width:0; min-width:4px; border-radius:var(--r-full);
  transition:width .5s var(--ease); }
.s-chiffres .sc-obj-duo-barre--min{ background:var(--ambre-vif); }
.s-chiffres .sc-obj-duo-barre--max{ background:var(--vert-vif); }
.s-chiffres .sc-obj-duo-val{ font-size:var(--fs-14); font-weight:var(--fw-fort); text-align:right; white-space:nowrap; color:var(--ink);
  font-variant-numeric:tabular-nums; }
.s-chiffres .sc-obj-note{ font-size:var(--fs-xs); margin:0; }

/* ---- téléphone ---- */
@media (max-width: 899px){
  .s-chiffres .sc-grille{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width: 639px){
  .s-chiffres .sc-barre{ padding:var(--sp-4); }
  .s-chiffres .sc-modes{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:100%; border-radius:var(--r-md); }
  .s-chiffres .sc-mode{ min-height:var(--tap); border-radius:var(--r-sm); }
  .s-chiffres .sc-nav .btn, .s-chiffres .sc-libre .btn{ min-height:var(--tap); }
  .s-chiffres .sc-fleche{ min-width:var(--tap); }
  .s-chiffres .sc-libelle{ flex:1 1 0; justify-content:center; text-align:center; }
  .s-chiffres .sc-nav [data-bouton="chiffres.actuelle"]{ width:100%; justify-content:center; }
  .s-chiffres .sc-libre{ flex-direction:column; align-items:stretch; }
  .s-chiffres .sc-date{ justify-content:space-between; }
  .s-chiffres .sc-date input, .s-chiffres .sc-personne select{ min-height:var(--tap); }
  .s-chiffres .sc-personne{ width:100%; }
  .s-chiffres .sc-personne select{ flex:1 1 auto; }
  .s-chiffres .sc-anciens{ min-height:var(--tap); }
  .s-chiffres .sc-stats{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .s-chiffres .sc-taux-ligne{ grid-template-columns:minmax(0, 1fr) auto; }
  .s-chiffres .sc-jauge{ grid-column:1 / -1; grid-row:2; }
  .s-chiffres .sc-obj{ padding:var(--sp-4); }
  .s-chiffres .sc-obj-lignes, .s-chiffres .sc-obj-offres{ grid-template-columns:minmax(0, 1fr); }
  .s-chiffres .sc-obj-ligne, .s-chiffres .sc-obj-offre{ padding:var(--sp-4); }
}