/* ---------------- Facette · l'onglet Scaling (rempli par scaling.js) ----------------
   Écrit en variables de thème (var(--carte), var(--texte)…) plutôt qu'en
   couleurs fixes : la feuille marche telle quelle sur le fond clair comme
   sur le fond foncé, sans passer par theme-clair.py. Les quelques
   retouches propres au fond clair sont regroupées tout en bas.
   ---------------------------------------------------------------------- */

#vue-scaling[hidden]{display:none !important}
#vue-scaling{padding-bottom:40px}

/* les trois tons, comme dans Pilotage */
#vue-scaling .sc-vert{--ton:var(--vert);--ton-fond:rgba(47,211,165,0.14)}
#vue-scaling .sc-orange{--ton:var(--orange);--ton-fond:rgba(255,154,61,0.14)}
#vue-scaling .sc-rouge{--ton:var(--rose);--ton-fond:rgba(244,70,126,0.15)}
#vue-scaling .sc-neutre{--ton:var(--texte);--ton-fond:rgba(127,127,127,0.05)}

/* ------------------------------ la barre du haut ------------------- */
.sc-barre{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:10px 14px;
}
.sc-chips{display:flex;gap:6px;flex-wrap:wrap}
.sc-chip{
  font:inherit;font-size:13px;padding:5px 12px;border-radius:999px;cursor:pointer;
  background:transparent;border:1px solid var(--trait);color:var(--texte-doux);
}
.sc-chip:hover{border-color:var(--trait-fort);color:var(--texte)}
.sc-chip.actif{background:var(--violet);border-color:var(--violet);color:#fff;font-weight:600}
.sc-maj{font-size:13px;color:var(--texte-faible)}
.sc-lien{
  font:inherit;font-size:13px;font-weight:600;background:none;border:0;padding:0;cursor:pointer;
  color:var(--violet);text-decoration:underline;text-underline-offset:3px;
}
.sc-lien:hover{color:var(--texte)}

/* ------------------------------ le verdict ------------------------- */
.sc-verdict{
  margin-top:14px;background:var(--carte);border:1px solid var(--trait);border-left:3px solid var(--violet);
  border-radius:var(--rayon);padding:16px 18px;
}
.sc-verdict-titre{
  font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--texte-faible)
}
.sc-verdict-texte{margin-top:6px;font-size:16px;line-height:1.55;color:var(--texte-doux);max-width:95ch}
.sc-verdict-texte b{color:var(--texte);font-weight:700}
.sc-verdict-note{margin-top:8px;font-size:13.5px;color:var(--texte-faible)}

/* ------------------------------ un bloc ---------------------------- */
.sc-bloc{
  margin-top:18px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:18px;
}
.sc-tete{display:flex;gap:12px;align-items:flex-start}
.sc-tete h2{font-family:var(--display);font-weight:800;font-size:clamp(17px,2vw,21px);letter-spacing:-0.01em;line-height:1.25}
.sc-tete p{margin-top:4px;font-size:14px;color:var(--texte-doux);max-width:92ch}
.sc-numero{
  flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  font-family:var(--display);font-weight:800;font-size:15px;color:#fff;
  background:linear-gradient(135deg,var(--violet),var(--magenta));
}
.sc-goulot{border-left:3px solid var(--violet)}
.sc-intro{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--texte-doux);max-width:95ch}
.sc-intro b{color:var(--texte);font-weight:650}
.sc-sous-note{margin-top:10px;font-size:13px;color:var(--texte-faible);max-width:95ch;line-height:1.55}
.sc-sous-note b{color:var(--texte-doux)}
.sc-h3{margin-top:18px;font-family:var(--display);font-weight:700;font-size:15px}
.sc-vide{margin-top:12px;font-size:14px;color:var(--texte-faible)}
.sc-alerte{
  margin-top:12px;font-size:13.5px;padding:9px 13px;border-radius:12px;line-height:1.5;
  background:rgba(255,154,61,0.12);border:1px solid rgba(255,154,61,0.35);color:var(--texte)
}
.sc-script{
  margin-top:12px;font-size:14px;line-height:1.6;padding:12px 14px;border-radius:12px;
  background:rgba(127,127,127,0.06);border:1px solid var(--trait);color:var(--texte-doux)
}
.sc-script b{color:var(--texte)}

/* ------------------------------ le cap ----------------------------- */
.sc-cap-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}
.sc-cap-etat{
  padding:14px;border-radius:14px;border:1px solid var(--trait);
  background:linear-gradient(160deg,rgba(110,58,247,0.10),transparent 70%)
}
.sc-cap-etat-titre{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-faible);font-weight:700}
.sc-cap-etat-gros{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-0.03em;margin-top:6px}
.sc-cap-etat-gros span{font-family:var(--corps);font-size:14px;font-weight:600;color:var(--texte-doux)}
.sc-cap-etat-note{margin-top:8px;font-size:13px;color:var(--texte-doux);line-height:1.55}
.sc-cap-carte{padding:14px;border-radius:14px;border:1px solid var(--trait);background:rgba(127,127,127,0.05)}
.sc-cap-mois{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-faible);font-weight:700}
.sc-cap-cible{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-0.03em;margin-top:6px;color:var(--violet)}
.sc-cap-liste{margin-top:10px;display:grid;gap:5px}
.sc-cap-liste li{font-size:13.5px;color:var(--texte-doux);line-height:1.45;list-style:none}
.sc-cap-liste b{color:var(--texte);font-weight:700}
.sc-cap-liste i{font-style:normal;color:var(--texte-faible)}
.sc-cap-liste .sc-cap-manque{color:var(--rose);font-weight:600}
.sc-cap-marge{margin-top:10px;padding-top:9px;border-top:1px solid var(--trait);font-size:13px;color:var(--texte-doux)}
.sc-cap-marge b{color:var(--texte)}

/* ------------------------------ les tuiles ------------------------- */
.sc-tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
.sc-tuile{padding:12px 13px;border-radius:13px;border:1px solid var(--trait);background:var(--ton-fond,rgba(127,127,127,0.05))}
.sc-t-nom{font-size:12px;color:var(--texte-doux);font-weight:600;line-height:1.3}
.sc-t-val{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,26px);letter-spacing:-0.02em;margin-top:5px;color:var(--ton,var(--texte))}
.sc-t-note{margin-top:4px;font-size:12px;color:var(--texte-faible);line-height:1.4}

/* ------------------------------ les leviers ------------------------ */
.sc-leviers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.sc-levier{padding:12px;border-radius:13px;border:1px solid var(--trait);background:rgba(127,127,127,0.04)}
.sc-levier.regle{border-color:var(--violet)}
.sc-levier label{font-size:13px;font-weight:650;color:var(--texte)}
.sc-levier-champ{display:flex;align-items:center;gap:7px;margin-top:6px}
.sc-levier-champ input{
  font:inherit;font-family:var(--display);font-weight:800;font-size:20px;width:100%;max-width:130px;
  padding:5px 9px;border-radius:10px;border:1px solid var(--trait-fort);background:rgba(127,127,127,0.08);color:var(--texte)
}
.sc-levier-champ span{font-size:13px;color:var(--texte-faible)}
.sc-levier-aide{margin-top:6px;font-size:12px;color:var(--texte-faible);line-height:1.45}
.sc-levier-aide b{color:var(--texte-doux)}
.sc-levier-aide i{font-style:italic}

/* ------------------------------ les impacts ------------------------ */
.sc-impacts{display:grid;gap:10px;margin-top:14px}
.sc-impact{padding:12px 13px;border-radius:13px;border:1px solid var(--trait);background:rgba(127,127,127,0.04)}
.sc-impact-tete{display:flex;align-items:center;gap:9px;font-size:14.5px}
.sc-impact-tete b{font-weight:700}
.sc-rang{
  flex:0 0 auto;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;
  font-size:12px;font-weight:800;color:#fff;background:var(--violet)
}
.sc-impact-chiffre{margin-top:5px;font-family:var(--display);font-weight:800;font-size:16px;color:var(--vert)}
.sc-barre-impact{display:block;height:6px;border-radius:999px;background:rgba(127,127,127,0.14);margin-top:7px;overflow:hidden}
.sc-barre-impact i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--magenta))}
.sc-impact-note{margin-top:7px;font-size:13px;color:var(--texte-doux);line-height:1.5}

/* ------------------------------ les jours -------------------------- */
.sc-jours{display:flex;gap:5px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.sc-jour{
  flex:1 1 0;min-width:44px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
  height:110px;border-radius:10px;border:1px solid var(--trait);background:rgba(127,127,127,0.04);padding:5px 3px
}
.sc-jour-barre{display:block;width:60%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--violet),var(--magenta));margin-bottom:auto}
.sc-jour b{font-family:var(--display);font-weight:800;font-size:15px;margin-top:4px}
.sc-jour i{font-style:normal;font-size:10.5px;color:var(--texte-faible)}
.sc-jour.creux{border-color:rgba(244,70,126,0.5);background:rgba(244,70,126,0.10)}
.sc-jour.creux b{color:var(--rose)}

/* ------------------------------ les tableaux ----------------------- */
.sc-tableau-cadre{margin-top:12px;overflow-x:auto;border:1px solid var(--trait);border-radius:13px}
.sc-tableau{width:100%;border-collapse:collapse;font-size:13.5px}
.sc-tableau th,.sc-tableau td{padding:8px 11px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--trait)}
.sc-tableau th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-faible);font-weight:700}
.sc-tableau tbody tr:last-child td{border-bottom:0}
.sc-tableau td{color:var(--texte-doux)}
.sc-tableau .sc-fort{color:var(--texte);font-weight:700}

/* ------------------------------ les cases à cocher ----------------- */
.sc-compte{margin-top:16px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--texte-faible)}
.sc-taches{margin-top:8px;display:grid;gap:7px}
.sc-tache{
  list-style:none;display:flex;align-items:flex-start;gap:10px;
  padding:10px 12px;border-radius:12px;border:1px solid var(--trait);background:rgba(127,127,127,0.04)
}
.sc-tache label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;flex:1}
.sc-tache input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--violet);cursor:pointer}
.sc-tache b{display:block;font-size:14px;font-weight:650;line-height:1.35}
.sc-tache i{display:block;font-style:normal;margin-top:3px;font-size:13px;color:var(--texte-doux);line-height:1.5}
.sc-tache.fait{opacity:.5}
.sc-tache.fait b{text-decoration:line-through}
.sc-taches-serrees .sc-tache{padding:7px 11px}
.sc-taches-serrees .sc-tache i{font-size:12.5px}
.sc-trace{display:inline-block;margin-top:3px;font-size:11.5px;color:var(--texte-faible)}
.sc-actions{display:flex;gap:6px;flex:0 0 auto;align-items:center}
.sc-bouton-tel,.sc-bouton-wa{
  font-size:12.5px;font-weight:650;padding:5px 11px;border-radius:999px;text-decoration:none;white-space:nowrap
}
.sc-bouton-tel{background:rgba(127,127,127,0.10);border:1px solid var(--trait-fort);color:var(--texte)}
.sc-bouton-wa{background:#25D366;color:#06301A}


/* ------------------------------ la règle du recrutement ----------- */
.sc-regle{
  margin-top:14px;padding:14px;border-radius:14px;
  border:1px solid var(--ton,var(--trait));background:var(--ton-fond,rgba(127,127,127,0.05))
}
.sc-regle-titre{font-family:var(--display);font-weight:800;font-size:16px;color:var(--ton,var(--texte))}
.sc-regle .sc-tuiles{margin-top:10px}
.sc-regle .sc-tuile{background:var(--carte)}
.sc-regle-texte{margin-top:11px;font-size:14px;line-height:1.55;color:var(--texte-doux)}
.sc-regle-texte b{color:var(--texte);font-weight:700}

/* ------------------------------ les canaux ------------------------- */
.sc-canaux{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:11px;margin-top:14px}
.sc-canal{padding:13px;border-radius:13px;border:1px solid var(--trait);background:var(--ton-fond,rgba(127,127,127,0.04))}
.sc-canal-tete{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap}
.sc-canal-tete b{font-size:14.5px;font-weight:700}
.sc-etiq{
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;
  background:var(--ton,var(--trait-fort));color:#08040F
}
.sc-canal-quoi{margin-top:7px;font-size:13.5px;color:var(--texte-doux);line-height:1.5}
.sc-canal-faits{margin-top:9px;display:grid;gap:3px}
.sc-canal-faits li{list-style:none;font-size:12.5px;color:var(--texte-doux);display:flex;gap:6px}
.sc-canal-faits span{color:var(--texte-faible);min-width:150px;flex:0 0 auto}
.sc-canal-risque{margin-top:9px;padding-top:8px;border-top:1px solid var(--trait);font-size:12.5px;color:var(--texte-faible);line-height:1.5}

/* ------------------------------ les concurrents -------------------- */
.sc-concs{display:grid;gap:10px;margin-top:14px}
.sc-conc{padding:12px 13px;border-radius:13px;border:1px solid var(--trait);background:rgba(127,127,127,0.04)}
.sc-conc-nom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14.5px;font-weight:700}
.sc-conc-nom span{font-size:12.5px;font-weight:600;color:var(--texte-faible)}
.sc-conc-faible,.sc-conc-angle{margin-top:6px;font-size:13px;color:var(--texte-doux);line-height:1.5}
.sc-conc-faible b,.sc-conc-angle b{color:var(--texte)}

/* ------------------------------ les semaines ----------------------- */
.sc-semaines{margin-top:14px;display:grid;gap:8px}
.sc-sem{
  list-style:none;padding:11px 13px;border-radius:12px;border:1px solid var(--trait);
  background:rgba(127,127,127,0.04);border-left:3px solid var(--violet)
}
.sc-sem label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.sc-sem input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--violet);cursor:pointer}
.sc-sem em{display:block;font-style:normal;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-faible);font-weight:700}
.sc-sem b{display:block;margin-top:3px;font-size:14.5px;font-weight:700}
.sc-sem i{display:block;font-style:normal;margin-top:4px;font-size:13px;color:var(--texte-doux);line-height:1.5}
.sc-sem.fait{opacity:.55}

/* ------------------------------ le lexique ------------------------- */
.sc-lexique dl{margin-top:12px;display:grid;gap:9px}
.sc-lexique dt{font-size:13.5px;font-weight:700}
.sc-lexique dd{margin-top:2px;font-size:13px;color:var(--texte-doux);line-height:1.55;max-width:95ch}

/* ------------------------------ le fond clair ---------------------- */
html[data-theme="clair"] #vue-scaling .sc-vert{--ton:#0F6B50}
html[data-theme="clair"] #vue-scaling .sc-orange{--ton:#9A4E00}
html[data-theme="clair"] #vue-scaling .sc-rouge{--ton:#A81447}
html[data-theme="clair"] #vue-scaling .sc-impact-chiffre{color:#0F6B50}
html[data-theme="clair"] #vue-scaling .sc-cap-cible{color:#4B22C9}
html[data-theme="clair"] #vue-scaling .sc-jour.creux b{color:#A81447}
html[data-theme="clair"] #vue-scaling .sc-levier-champ input{background:rgba(60,42,20,0.04);color-scheme:light}
html[data-theme="clair"] #vue-scaling .sc-etiq{color:#FFFCF6}
html[data-theme="clair"] #vue-scaling .sc-bouton-wa{color:#06301A}
html[data-theme="clair"] .sc-lien{color:#4B22C9}