/* 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; }
.s-chiffres .sc{ display:flex; flex-direction:column; gap:var(--sp-5); max-width:1080px; 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; }
.s-chiffres .sc-modes{ display:inline-flex; flex-wrap:wrap; gap:var(--sp-1); padding:var(--sp-1); align-self:flex-start;
  border-radius:var(--r-full); background:var(--bande); box-shadow:inset 0 0 0 1px var(--rule-soft); max-width:100%; }
.s-chiffres .sc-mode{ min-height:36px; padding:0 var(--sp-4); border:0; border-radius:var(--r-full); background:transparent;
  color:var(--ink-soft); font:inherit; font-weight:600; cursor:pointer; white-space:nowrap; }
.s-chiffres .sc-mode:hover{ color:var(--bleu); }
.s-chiffres .sc-mode--actif{ background:var(--surface); color:var(--ink); box-shadow:var(--sh-1); }
.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:700; }
.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-lg); font-weight:750; }
.s-chiffres .sc-aide{ font-size:var(--fs-sm); margin-top:calc(-1 * var(--sp-2)); }
.s-chiffres .sc-appels{ grid-column:1 / -1; border-top:3px solid var(--bleu); }
.s-chiffres .sc-rdv{ border-top:3px solid var(--teal); }
.s-chiffres .sc-visios{ border-top:3px solid var(--violet); }
.s-chiffres .sc-ventes{ grid-column:1 / -1; border-top:3px solid var(--vert); }
.s-chiffres .sc-stats{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:var(--sp-3); }
.s-chiffres .sc-stat{ display:flex; flex-direction:column; gap:var(--sp-1); padding:var(--sp-3) var(--sp-4);
  border-radius:var(--r-sm); background:var(--bande); min-width:0; }
.s-chiffres .sc-valeur{ font-size:var(--fs-2xl); font-weight:750; line-height:1.1; color:var(--ink);
  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:600; }

/* ---- 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:600; 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) var(--sp-6); min-width:0;
  border-top:3px solid var(--ambre-vif); background:linear-gradient(180deg, #fffaf4 0%, var(--surface) 140px); }
.s-chiffres .sc-obj h2{ font-size:var(--fs-xl); font-weight:800; 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:6px 12px; border-radius:var(--r-full);
  font-size:var(--fs-sm); }
.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-xs); font-weight:750; letter-spacing:.09em; text-transform:uppercase;
  color:var(--ink-faint); }
.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) var(--sp-5) var(--sp-5); border-radius:var(--r-md); background:var(--bande);
  box-shadow:inset 0 0 0 1px var(--rule-soft); }
.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:700; 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{ padding:3px 10px; font-size:var(--fs-xs); font-weight:650; white-space:nowrap; }
.s-chiffres .sc-obj-valeur{ font-size:var(--fs-2xl); font-weight:800; line-height:1; color:var(--ink); white-space:nowrap; }
.s-chiffres .sc-obj--sous .sc-obj-valeur{ color:var(--ambre); }
.s-chiffres .sc-obj--max .sc-obj-valeur{ color:var(--vert); }
.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:linear-gradient(90deg, var(--ambre-tint), var(--vert-tint)); }
.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-xs); font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.s-chiffres .sc-obj-repere--min{ background:var(--ambre); color:var(--ambre); }
.s-chiffres .sc-obj-repere--max{ background:var(--vert); color: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 10px; border-radius:var(--r-full); 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-xs); font-weight:600; color:var(--ink-faint); }
.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-md); font-weight:800; text-align:right; white-space:nowrap; }
.s-chiffres .sc-obj-duo-val--min{ color:var(--ambre); }
.s-chiffres .sc-obj-duo-val--max{ color:var(--vert); }
.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); }
}