/* ═══ Mon site d'estimation, dans le hub (05/10/2026) — voir estimation-hub.js ═══
   Variables du hub (--surface, --ink, --line, --accent…) avec replis, pour le banc. Aéré, sans chevauchement,
   boutons immobiles (couleur et lueur seulement). */
.esth{--e-surface:var(--surface,#fff);--e-ink:var(--ink,#171512);--e-muted:var(--muted,#6e675e);--e-line:var(--line,#e7e1d7);
  --e-sunk:var(--sunk,#f1ede6);--e-accent:var(--accent,#e8722a);--e-soft:var(--accent-soft,#fbe9dc);--e-ok:var(--ok,#1f9d6b);
  --e-danger:var(--danger,#cf3f3f);--e-r:var(--r-lg,12px);min-width:0}
.esth *{box-sizing:border-box}
.esth-tete{align-items:flex-end}
.esth-tete h1{margin:0}
.esth-sous{margin:6px 0 0;color:var(--e-muted);font-size:13.5px}
.esth-sous a,.esth-lien{color:var(--e-accent);font-weight:600;text-decoration:none}
.esth-lien{font-size:13.5px}
/* 13/10 · « Ouvrir mon espace ↗ » est un bouton (il ouvre un onglet puis attend le lien) : même allure que le lien, rien ne bouge */
button.esth-lien{border:0;background:none;padding:6px 0;font:inherit;font-weight:600;font-size:13.5px;color:var(--e-accent);cursor:pointer;white-space:nowrap}
button.esth-lien:hover{text-decoration:underline}
button.esth-lien{border-radius:6px}
button.esth-lien:focus-visible,.esth-btn:focus-visible{outline:2px solid var(--e-accent);outline-offset:2px}
:is(button.esth-lien,.esth-btn)[aria-busy="true"]{cursor:progress;opacity:.7}
.esth-pour{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;
  border-radius:var(--e-r);background:var(--e-soft);color:var(--e-ink);font-size:14px}
.esth-btn-lien{background:none;border:none;font:inherit;font-weight:700;color:var(--e-accent);cursor:pointer;padding:4px 0}
.esth-onglets{display:flex;gap:6px;margin:0 0 22px;padding:5px;border-radius:14px;background:var(--e-sunk);width:max-content;max-width:100%;overflow-x:auto}
.esth-onglets a{padding:9px 16px;border-radius:10px;color:var(--e-muted);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.esth-onglets a.actif{background:var(--e-surface);color:var(--e-ink);box-shadow:var(--shadow-1,0 1px 2px rgba(0,0,0,.06))}
.esth-corps{display:grid;gap:18px;min-width:0}
.esth-carte{padding:24px 26px;min-width:0}
.esth-h2{font-size:16px;margin:0 0 4px}
.esth-aide{color:var(--e-muted);font-size:13.5px;line-height:1.55;margin:0 0 16px}
.esth-pied{margin:4px 0 0}
.esth-vide b{display:block;font-size:15px;margin-bottom:6px}
.esth-vide p{margin:0;color:var(--e-muted)}

/* ---------- page vue par le client ---------- */
.esth-barre{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.esth-inter{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px}
.esth-inter input{position:absolute;opacity:0;pointer-events:none}
.esth-inter i{width:38px;height:22px;border-radius:99px;background:var(--e-line);position:relative;flex:none;transition:background-color .2s}
.esth-inter i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.esth-inter input:checked + i{background:var(--e-ok)}
.esth-inter input:checked + i::after{left:19px}
.esth-inter input:focus-visible + i{outline:2px solid var(--e-accent);outline-offset:2px}
.esth-inter input:disabled + i{opacity:.5}
.esth-ecrans{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start;margin-bottom:14px}
.esth-ecrans figure{margin:0;min-width:0}
.esth-ecrans figcaption{margin-top:10px;text-align:center;color:var(--e-muted);font-size:12.5px;font-weight:600}
.esth-cadre{position:relative;overflow:hidden;background:var(--e-sunk)}
.esth-cadre iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
.esth-ordi .esth-cadre{border-radius:12px;border:8px solid #1c1a17;border-top-width:22px;box-shadow:var(--shadow-2,0 12px 28px rgba(0,0,0,.12))}
.esth-tel .esth-cadre{border-radius:30px;border:10px solid #1c1a17;box-shadow:var(--shadow-2,0 12px 28px rgba(0,0,0,.12))}
.esth-horsligne{padding:40px 24px;border-radius:var(--e-r);background:var(--e-sunk);text-align:center}
.esth-horsligne b{display:block;font-size:16px}
.esth-horsligne p{color:var(--e-muted);margin:8px auto 18px;max-width:52ch}
.esth-modeles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.esth-modele{text-align:left;padding:16px 18px;border-radius:var(--e-r);border:1.5px solid var(--e-line);background:var(--e-surface);
  font:inherit;color:var(--e-ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.esth-modele b{display:block;font-size:14.5px}
.esth-modele span{display:block;margin-top:4px;color:var(--e-muted);font-size:13px;line-height:1.45}
.esth-modele:hover{border-color:var(--e-accent)}
.esth-modele[aria-pressed="true"]{border-color:var(--e-accent);box-shadow:0 0 0 4px var(--e-soft)}
.esth-modele[aria-pressed="true"] b::after{content:"  ✓";color:var(--e-accent)}

/* ---------- configuration ---------- */
.esth-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.esth-champ{min-width:0;position:relative}
.esth-large{grid-column:1/-1}
.esth-champ > label{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:13.5px;margin-bottom:7px}
.esth-champ input:not([type=checkbox]):not([type=file]),.esth-champ textarea,.esth-suivi select,.esth-suivi input,.esth-suivi textarea{
  width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--e-line);background:var(--e-surface);color:var(--e-ink);font:inherit;font-size:14px}
.esth-champ textarea,.esth-suivi textarea{resize:vertical;line-height:1.5}
.esth-champ input:focus,.esth-champ textarea:focus,.esth-suivi select:focus,.esth-suivi input:focus,.esth-suivi textarea:focus{outline:none;border-color:var(--e-accent);box-shadow:0 0 0 3px var(--e-soft)}
.esth-champ-bool{grid-column:1/-1;padding:4px 0}
.esth-champ-bool .esth-inter span{font-weight:500}
.esth-champ > label.esth-inter{justify-content:flex-start;margin:0}   /* pas l'étiquette « titre + compteur » des champs */
.esth-compte{font-weight:500;color:var(--e-muted);font-size:12px}
.esth-compte.trop{color:var(--e-danger);font-weight:700}
.esth-etat{min-height:18px;margin:6px 0 0;font-size:12.5px;color:var(--e-muted)}
.esth-etat.ok{color:var(--e-ok)}
.esth-etat.ko{color:var(--e-danger)}
.esth-photo{display:flex;gap:18px;align-items:center}
.esth-portrait{width:84px;height:84px;border-radius:50%;overflow:hidden;flex:none;background:var(--e-sunk);display:flex;align-items:center;justify-content:center;
  color:var(--e-muted);font-size:11px;text-align:center}
.esth-portrait img{width:100%;height:100%;object-fit:cover}
.esth-photo b{display:block}
.esth-photo .esth-aide{margin:2px 0 10px}
.esth-btn{padding:9px 15px;border-radius:10px;border:1.5px solid var(--e-line);background:var(--e-surface);font:inherit;font-weight:600;font-size:13.5px;color:var(--e-ink);cursor:pointer}
.esth-btn:hover{border-color:var(--e-accent);color:var(--e-accent)}
.esth-sugg{position:absolute;z-index:5;left:0;right:0;margin:4px 0 0;padding:6px;list-style:none;background:var(--e-surface);border:1px solid var(--e-line);
  border-radius:12px;box-shadow:var(--shadow-2,0 12px 28px rgba(0,0,0,.12));max-height:260px;overflow:auto}
.esth-sugg button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;
  color:var(--e-ink);cursor:pointer;text-align:left}
.esth-sugg button:hover{background:var(--e-sunk)}
.esth-sugg small{color:var(--e-muted)}
.esth-puces{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.esth-puce{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:99px;background:var(--e-sunk);font-size:13.5px}
.esth-puce small{color:var(--e-muted)}
.esth-puce button{width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--e-muted);cursor:pointer;font-size:11px}
.esth-puce button:hover{background:var(--e-line);color:var(--e-ink)}

/* ---------- mes vendeurs ---------- */
.esth-compteurs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.esth-compteurs div{padding:16px 18px;border-radius:var(--e-r);background:var(--e-surface);border:1px solid var(--e-line)}
.esth-compteurs b{display:block;font-size:26px;line-height:1.1}
.esth-compteurs span{color:var(--e-muted);font-size:13px}
.esth-filtres{display:flex;flex-wrap:wrap;gap:8px}
.esth-filtres button{padding:8px 14px;border-radius:99px;border:1.5px solid var(--e-line);background:var(--e-surface);font:inherit;font-size:13.5px;font-weight:600;
  color:var(--e-muted);cursor:pointer}
.esth-filtres button[aria-pressed="true"]{border-color:var(--e-accent);color:var(--e-accent);background:var(--e-soft)}
.esth-vendeurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.esth-v{padding:20px 22px;min-width:0}
.esth-v header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.esth-v header b{display:block;font-size:15px}
.esth-v time{color:var(--e-muted);font-size:12.5px}
.esth-pastille{flex:none;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;background:var(--e-sunk);color:var(--e-ink);white-space:nowrap}
.esth-pastille.s-a_rappeler{background:var(--warn-soft,#f8eed7);color:var(--warn,#8a6414)}
.esth-pastille.s-rdv{background:var(--info-soft,#e4ecfa);color:var(--info,#3b6fd4)}
.esth-pastille.s-mandat{background:var(--ok-soft,#e2f3ec);color:var(--e-ok)}
.esth-pastille.s-perdu{color:var(--e-muted)}
.esth-bien{margin:10px 0 0;font-size:13.5px;color:var(--e-ink);overflow-wrap:anywhere}
.esth-four{margin:6px 0 0;font-weight:800;font-size:16px}
.esth-contact{margin:6px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.esth-contact a{color:var(--e-accent);font-weight:600;text-decoration:none}
.esth-suivi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--e-line)}
.esth-suivi label{display:grid;gap:5px;font-size:12.5px;font-weight:600;color:var(--e-muted);min-width:0}

@media (max-width:900px){
  .esth-ecrans{grid-template-columns:minmax(0,1fr)}
  .esth-tel{max-width:260px;margin:0 auto;width:100%}
  .esth-compteurs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .esth-carte{padding:18px 16px}
  .esth-champs,.esth-suivi{grid-template-columns:minmax(0,1fr)}
  .esth-vendeurs{grid-template-columns:minmax(0,1fr)}
  .esth-onglets{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .esth-onglets a{white-space:normal;text-align:center;padding:8px 6px;font-size:13px;line-height:1.3;display:flex;align-items:center;justify-content:center}
  .esth-photo{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.esth-inter i,.esth-inter i::after,.esth-modele{transition:none}}

/* ---------- visibilité (06/10) ---------- */
.esth-parcours-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.esth-score{margin:0;flex:none;color:var(--e-muted);font-size:14px;white-space:nowrap}
.esth-score b{font-size:26px;color:var(--e-accent);margin-right:4px}
.esth-jauge{height:6px;border-radius:99px;background:var(--e-sunk);overflow:hidden;margin:2px 0 12px}
.esth-jauge i{display:block;height:100%;background:var(--e-accent);border-radius:99px}
.esth-etapes{list-style:none;margin:0;padding:0}
.esth-etape{display:flex;align-items:flex-start;gap:14px;padding:16px 0}
.esth-etape + .esth-etape{border-top:1px solid var(--e-line)}
.esth-puce-n{width:28px;height:28px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
  color:var(--e-accent);box-shadow:inset 0 0 0 2px var(--e-accent)}
.esth-etape.e-fait .esth-puce-n,.esth-etape.e-sans .esth-puce-n{background:var(--e-accent);color:#fff;box-shadow:none}
.esth-etape.e-attente .esth-puce-n{color:var(--e-muted);box-shadow:inset 0 0 0 2px var(--e-line)}
.esth-etape-c{flex:1;min-width:0}
.esth-etape-c b{display:block;font-size:14.5px}
.esth-etape.e-fait .esth-etape-c b,.esth-etape.e-sans .esth-etape-c b{font-weight:600;color:var(--e-muted)}
.esth-etape-c p{margin:4px 0 0;color:var(--e-muted);font-size:13.5px;line-height:1.55}
.esth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.esth-actions a.esth-btn{text-decoration:none;display:inline-flex;align-items:center}
.esth-etape-cote{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.esth-ok{background:var(--e-soft);border:0;border-radius:99px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;color:var(--e-accent);cursor:pointer;white-space:nowrap}
.esth-lien-public{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.esth-lien-public code{padding:9px 12px;border-radius:10px;background:var(--e-sunk);font-size:13px;overflow-wrap:anywhere;min-width:0}
.esth-lien-public a.esth-btn{text-decoration:none}
.esth-textes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.esth-texte{background:var(--e-sunk);border-radius:var(--e-r);padding:14px;min-width:0}
.esth-texte p{margin:6px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.esth-texte-t{display:flex;justify-content:space-between;gap:10px;align-items:center}
.esth-signature{background:#fff;border-radius:10px;padding:12px;margin-top:8px;overflow-x:auto}
.esth-avis-liste{display:grid;gap:10px;margin-top:4px}
.esth-avis{border:1px solid var(--e-line);border-radius:var(--e-r);padding:14px 16px;min-width:0}
.esth-avis-t{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.esth-avis-t small{color:var(--e-muted)}
.esth-avis-t .esth-inter{margin-left:auto;font-size:13px}
.esth-avis p{margin:8px 0 0;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.esth-avis-rep{color:var(--e-muted)}
.esth-avis-form{margin-top:10px;display:grid;gap:8px}
.esth-avis-form[hidden]{display:none}
.esth-avis-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--e-line);font:inherit;font-size:14px}
.esth-danger{color:var(--e-danger)!important}
.esth-ajout{margin-top:16px}
.esth-ajout summary{cursor:pointer;font-weight:700;color:var(--e-accent);font-size:14px}
.esth-ajout .esth-champs{margin-top:14px}
.esth-ajout select{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--e-line);background:var(--e-surface);font:inherit}
.esth-g-apercu{border:1px solid var(--e-line);border-radius:var(--e-r);padding:14px 16px;margin-bottom:18px;min-width:0}
.esth-g-apercu small{color:var(--e-muted);font-size:12px;overflow-wrap:anywhere}
.esth-g-apercu b{display:block;color:#1a0dab;font-size:17px;font-weight:500;margin:4px 0;overflow-wrap:anywhere}
.esth-g-apercu p{margin:0;color:#4d5156;font-size:13.5px;line-height:1.5}
.esth-compteurs-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.esth-h3{font-size:14.5px;margin:22px 0 8px}
.esth-controle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.esth-controle li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--e-ink)}
.esth-controle li span{width:20px;height:20px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;
  background:var(--warn-soft,#f8eed7);color:var(--warn,#8a6414)}
.esth-controle li.ok{color:var(--e-muted)}
.esth-controle li.ok span{background:var(--e-ok);color:#fff}
@media (max-width:640px){
  .esth-parcours-tete{flex-direction:column;gap:6px}
  .esth-etape{flex-wrap:wrap}
  .esth-etape-cote{width:100%;flex-direction:row;padding-left:42px}
  .esth-controle,.esth-compteurs-3{grid-template-columns:minmax(0,1fr)}
  .esth-avis-t .esth-inter{margin-left:0}
}

/* ---------- 16/10 · tous les comptes, pour tout le siège (écran « choisir ») ----------
   Même langage que la page Réseau du hub : pastilles de filtre (la choisie à l'encre), recherche à loupe et compteur, une ligne
   par conseiller (photo, nom, réseau), étiquettes arrondies, liste qui défile DANS sa carte. Règle de silence : « Pas encore
   inscrit » n'a ni couleur ni bouton ; la couleur dit ce qui avance (vert) ou ce qui attend un geste (ambre, rouge). */
.esth-cache{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.esth-acces-tete{display:flex;flex-wrap:wrap;gap:2px 20px;align-items:center;justify-content:flex-end}
.esth-acces-tete .esth-etat{flex-basis:100%;text-align:right;margin:0}
.esth-comptes{padding:0;overflow:hidden}
.esth-cfiltres{display:flex;gap:6px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--e-line)}
.esth-cpuce{flex:none;border:1px solid var(--e-line);background:var(--e-surface);border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;
  color:var(--e-muted);cursor:pointer;white-space:nowrap}
.esth-cpuce em{font-style:normal;margin-left:6px;color:var(--faint,#8a8378);font-variant-numeric:tabular-nums}
.esth-cpuce:hover{border-color:var(--line2,#d6cfc3)}
.esth-cpuce.on{background:var(--e-ink);border-color:var(--e-ink);color:var(--e-surface)}
.esth-cpuce.on em{color:inherit;opacity:.75}
.esth-cpuce:focus-visible{outline:2px solid var(--e-accent);outline-offset:-2px}
.esth-outils{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--e-line)}
.esth-srch{flex:1;max-width:440px;display:flex;align-items:center;gap:9px;height:42px;padding:0 13px;border-radius:12px;border:1px solid var(--e-line);
  background:var(--surface2,#fbfaf8);box-shadow:inset 0 1px 2px rgba(58,42,26,.05);cursor:text}
.esth-srch svg{width:16px;height:16px;color:var(--faint,#8a8378);flex:none}
.esth-srch input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:13.5px;color:var(--e-ink)}
.esth-srch:focus-within{border-color:color-mix(in srgb,var(--e-accent) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--e-accent) 12%,transparent)}
.esth-ccompte{margin-left:auto;font-size:12.5px;color:var(--e-muted);white-space:nowrap}
/* une seule grille pour l'en-tête et les lignes : les pastilles tombent sous leur nom */
.esth-cpt-entete,.esth-cpt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto minmax(0,.9fr) 88px;gap:14px;align-items:center;padding:9px 20px}
/* la liste défile dans sa carte : l'en-tête réserve la même gouttière que sa barre de défilement (Windows : 15 px), sinon les intitulés
   des étapes glissent de 11 px à droite de leurs pastilles */
.esth-cpt-entete{padding-top:10px;padding-bottom:10px;font-size:11.5px;color:var(--e-muted);border-bottom:1px solid var(--e-line);overflow-y:hidden;scrollbar-gutter:stable}
.esth-cpt-noms,.esth-cpt-etapes{display:grid;grid-template-columns:repeat(7,54px)}
.esth-cpt-noms span{text-align:center;line-height:1.25;padding:0 2px}
.esth-cpt-liste{list-style:none;margin:0;padding:0;max-height:min(70dvh,760px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.esth-cpt{border-bottom:1px solid var(--e-line)}
.esth-cpt:hover{background:var(--e-sunk)}
.esth-cpt-qui{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.esth-av{width:30px;height:30px;border-radius:50%;background:var(--e-sunk);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--e-muted)}
.esth-cpt:hover .esth-av{background:var(--e-surface)}
.esth-cpt-n{min-width:0}
.esth-cpt-n b{display:block;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esth-cpt-n>span{display:block;font-size:12px;line-height:1.45;color:var(--e-muted)}
.esth-p{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--e-sunk);color:var(--e-muted)}
.esth-cpt:hover .esth-p.encours,.esth-cpt:hover .esth-p.veille{background:var(--e-surface)}
.esth-p.veille{background:none;padding-left:0;font-weight:500}
.esth-p.encours{color:var(--e-ink)}
.esth-p.agir{background:var(--warn-soft,#f8eed7);color:var(--warn-txt,color-mix(in srgb,var(--warn,#b9861f) 70%,var(--e-ink)))}
.esth-p.ok{background:var(--ok-soft,#e2f3ec);color:var(--ok-txt,color-mix(in srgb,var(--e-ok) 65%,var(--e-ink)))}
.esth-p.ko{background:color-mix(in srgb,var(--e-danger) 14%,var(--e-surface));color:var(--danger-txt,var(--e-danger))}
.esth-cpt-etapes{list-style:none;margin:0;padding:0}
.esth-cpt-etapes li{display:flex;flex-direction:column;align-items:center;gap:4px}
.esth-cpt-etapes i{display:block;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line2,#d6cfc3);background:var(--e-surface)}
.esth-cpt-etapes .fait i{border-color:var(--e-ok);background:var(--e-ok)}
.esth-cpt-etapes .sans i{border-color:var(--e-line);background:var(--e-line);transform:scale(.6)}
.esth-cpt-etapes .attente i{border-style:dashed;border-color:var(--warn,#b9861f)}
.esth-cpt-etapes em{display:none;font-style:normal;font-size:10.5px;color:var(--e-muted);text-align:center;line-height:1.2}
.esth-cpt-chiffres{font-size:12.5px;line-height:1.45;color:var(--e-muted);min-width:0}
.esth-cpt-chiffres b{color:var(--e-ink);font-weight:600}
.esth-cpt-chiffres small{display:block;font-size:12px}
.esth-cpt-chiffres small.ko{color:var(--danger-txt,var(--e-danger));font-weight:600}
.esth-cpt-act{justify-self:end}
.esth-b{flex:none;display:inline-flex;align-items:center;padding:4px 10px;border-radius:10px;border:1px solid var(--e-line);background:var(--e-surface);
  font:inherit;font-size:12.5px;font-weight:600;color:var(--e-ink);text-decoration:none;white-space:nowrap;cursor:pointer}
.esth-b:hover{border-color:var(--line2,#d6cfc3)}
.esth-b:focus-visible{outline:2px solid var(--e-accent);outline-offset:2px}
.esth-cpt-plus{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;font-size:12.5px;color:var(--e-muted)}
.esth-cpt-vide{margin:0;padding:22px 20px;color:var(--e-muted);font-size:13.5px}
@media (max-width:1100px){
  .esth-cpt-entete{display:none}
  .esth-cpt{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:12px 20px}
  .esth-cpt-act{grid-column:2;grid-row:1}
  .esth-cpt-stade,.esth-cpt-etapes,.esth-cpt-chiffres{grid-column:1 / -1;padding-left:42px}
  .esth-cpt-etapes{grid-template-columns:repeat(7,minmax(0,60px));row-gap:8px}
  .esth-cpt-etapes em{display:block}
}
@media (max-width:640px){
  .esth-cfiltres,.esth-outils{padding-left:16px;padding-right:16px}
  .esth-cpt{padding:12px 16px}
  .esth-cpt-stade,.esth-cpt-etapes,.esth-cpt-chiffres{padding-left:0}
  .esth-cpt-etapes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .esth-ccompte{display:none}
  .esth-acces-tete{justify-content:flex-start}
  .esth-acces-tete .esth-etat{text-align:left}
}

/* ---------- 29/10 · le guide du conseiller (« Votre page est déjà prête ») et l'aperçu hors ligne ---------- */
.esth-guide{margin-bottom:18px}
.esth-guide .esth-aide{max-width:72ch}
.esth-g-etapes{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.esth-g-etapes li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--e-r);background:var(--e-sunk);min-width:0}
.esth-g-etapes li b{display:block;font-size:14px;margin-bottom:4px}
.esth-g-etapes li span{display:block;color:var(--e-muted);font-size:13px;line-height:1.5}
.esth-g-etapes li a{color:var(--e-accent);font-weight:600;text-decoration:none}
.esth-g-num{flex:none;width:10px;height:10px;margin-top:5px;border-radius:99px;background:var(--e-accent)}
.esth-g-etapes li.fait .esth-g-num{background:var(--e-ok)}
.esth-g-plus{margin-top:16px}
.esth-g-plus summary{cursor:pointer;color:var(--e-accent);font-weight:600;font-size:13.5px;width:max-content;max-width:100%}
.esth-g-plus p{color:var(--e-muted);font-size:13.5px;line-height:1.6;margin:10px 0 0;max-width:72ch}
.esth-g-ligne{margin:0;font-size:14px;line-height:1.55}
.esth-g-ligne a{color:var(--e-accent);font-weight:600;text-decoration:none}
.esth-brouillon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin:0 0 20px;padding:16px 18px;
  border-radius:var(--e-r);background:var(--e-soft)}
.esth-brouillon b{display:block;font-size:14px}
.esth-brouillon span{display:block;color:var(--e-muted);font-size:13px;margin-top:2px}
.esth-lien-public code{flex:1 1 280px}
.esth-lien-boutons{display:flex;flex-wrap:wrap;gap:8px}
.esth-avis-explique{margin:-4px 0 16px}

/* ---------- 29/10 · E-mails aux vendeurs ---------- */
.esth-mails-regles{margin:0 0 18px;padding-left:18px;color:var(--e-muted);font-size:13.5px;line-height:1.6;max-width:72ch}
.esth-mails-note{margin:12px 0 0}
.esth-mails-groupe{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--e-muted);margin:22px 0 8px}
.esth-mails-groupe:first-child{margin-top:4px}
.esth-mail{border:1px solid var(--e-line);border-radius:var(--e-r);margin-bottom:8px;background:var(--e-surface);min-width:0}
.esth-mail.coupe .esth-mail-o{color:var(--e-muted);text-decoration:line-through}
.esth-mail-t{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;border:0;background:none;font:inherit;color:var(--e-ink);text-align:left;cursor:pointer;flex-wrap:wrap}
.esth-mail-t:focus-visible{outline:2px solid var(--e-accent);outline-offset:-2px;border-radius:var(--e-r)}
.esth-mail-j{flex:none;width:118px;color:var(--e-muted);font-size:13px}
.esth-mail-o{flex:1 1 240px;min-width:0;font-weight:600;font-size:14px}
.esth-mail.ouvert{border-color:var(--e-accent)}
.esth-mail-ed{padding:4px 16px 18px;border-top:1px solid var(--e-line)}
.esth-mail-ed .esth-champ{margin-top:14px}
.esth-mail-ed input{width:100%}
.esth-mail-vars{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:2px 0 8px;font-size:13px;color:var(--e-muted)}
.esth-mail-corps{min-height:160px;padding:12px 14px;border:1px solid var(--e-line);border-radius:10px;background:var(--e-surface);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.esth-mail-corps:focus{outline:2px solid var(--e-accent);outline-offset:1px}
.esth-mail-corps p{margin:0 0 10px}
.esth-mail-ligne{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px;align-items:end}
.esth-mail-actif{margin:14px 0 10px}
.esth-mail-ed .esth-actions{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:16px}
.esth-mail-apercu{margin-top:16px}
.esth-mail-apercu iframe{width:100%;height:620px;border:1px solid var(--e-line);border-radius:10px;background:#fff}
@media (max-width:640px){.esth-mail-j{width:auto}.esth-mail-apercu iframe{height:520px}}
.esth-campagne-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.esth-campagne-t .esth-aide{margin:0}
.esth-campagne-t b.esth-ok{color:var(--e-ok)}
.esth-campagne-corps{margin-top:18px;display:grid;gap:18px}
.esth-campagne-corps .esth-carte{margin:0}
/* 29/10 · Mon avis de valeur */
.esth-carte select{width:100%;max-width:460px;padding:10px 12px;border:1px solid var(--e-line);border-radius:10px;background:var(--e-surface);font:inherit;color:var(--e-ink)}
.esth-parties{border:0;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px 18px}
.esth-parties legend{font-weight:600;font-size:14px;margin-bottom:10px;padding:0}
.esth-partie{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0;cursor:pointer}
.esth-partie input{width:18px;height:18px;flex:none;accent-color:var(--e-accent)}
.esth-partie{align-items:flex-start}
.esth-partie input{margin-top:2px}
.esth-partie span{display:flex;flex-direction:column;gap:2px;min-width:0}
.esth-partie b{font-weight:600;font-size:14px}
.esth-partie small{color:var(--e-muted);font-size:12.5px;line-height:1.45}
.esth-parties{gap:14px 22px}
.esth-apercu-rapport{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.esth-apercu-rapport .esth-aide{margin:0}
/* 29/10 · Les questions posées au vendeur */
.esth-questions{display:grid;gap:6px;margin-bottom:18px}
.esth-questions .esth-parties{margin-top:12px}
/* 29/10 · réponses du vendeur dans Mes vendeurs */
.esth-rep{margin:10px 0 4px;font-size:13.5px}
.esth-rep summary{cursor:pointer;color:var(--e-accent);font-weight:600}
.esth-rep-t{margin:10px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--e-muted)}
.esth-rep dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 18px}
.esth-rep dt{color:var(--e-muted);font-size:12.5px}
.esth-rep dd{margin:0;font-weight:600;overflow-wrap:anywhere}
/* 29/10 · vos questions en plus */
.esth-ajouts{margin:6px 0 20px;padding:18px;border-radius:var(--e-r);background:var(--e-sunk)}
.esth-h3{font-size:14.5px;margin:0 0 4px}
.esth-h3 small{font-weight:400;color:var(--e-muted)}
.esth-ajout-q{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:12px;margin-bottom:8px;border-radius:10px;background:var(--e-surface)}
.esth-ajout-q input,.esth-ajout-q select{width:100%;padding:9px 11px;border:1px solid var(--e-line);border-radius:9px;font:inherit;font-size:14px;background:var(--e-surface);color:var(--e-ink);min-width:0}
.esth-ajout-q .esth-aq-options{grid-column:1 / -1}
.esth-ajouts-sugg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:13px;color:var(--e-muted)}
@media (max-width:640px){.esth-ajout-q{grid-template-columns:1fr}.esth-ajout-q .esth-aq-options{grid-column:auto}}
.esth-calcul{margin:4px 0 6px}
.esth-calcul ol{margin:12px 0 0;padding-left:20px;color:var(--e-muted);font-size:13.5px;line-height:1.6;max-width:80ch}
.esth-calcul li{margin-bottom:8px}
.esth-calcul li b{color:var(--e-ink)}

/* ---------- 29/10 · l'aperçu de la page : de vrais appareils sur une scène douce ---------- */
.esth-scene{padding:34px 30px 26px;border-radius:22px;align-items:end;
  background:radial-gradient(80% 90% at 15% 0%,var(--e-soft),transparent 60%),radial-gradient(70% 80% at 100% 100%,var(--e-sunk),transparent 60%),var(--e-surface);
  border:1px solid var(--e-line)}
.esth-scene .esth-ordi{display:flex;flex-direction:column}
.esth-nav{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#2a2723;border-radius:14px 14px 0 0;border:1px solid #1c1a17;border-bottom:0}
.esth-nav i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.esth-nav i:nth-child(2){background:#febc2e}.esth-nav i:nth-child(3){background:#28c840}
.esth-nav span{flex:1;min-width:0;margin-left:10px;padding:4px 10px;border-radius:7px;background:#3a3631;color:#d8d2c8;font-size:11.5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.esth-scene .esth-ordi .esth-cadre{border:1px solid #1c1a17;border-top:0;border-radius:0 0 14px 14px;
  box-shadow:0 30px 60px -24px rgba(23,21,18,.45),0 6px 16px rgba(23,21,18,.08)}
.esth-scene .esth-tel .esth-cadre{border:9px solid #141210;border-radius:38px;box-shadow:0 30px 60px -22px rgba(23,21,18,.5),inset 0 0 0 1px #3a3631}
.esth-encoche{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:34%;height:18px;border-radius:12px;background:#141210;z-index:2}
.esth-scene figcaption{margin-top:14px}
@media (max-width:640px){.esth-scene{padding:20px 14px 16px}}

/* ---------- 29/10 · Configuration : réglages à gauche, aperçu en direct à droite ---------- */
.esth-config{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.esth-config-reglages{min-width:0;display:grid;gap:18px}
.esth-config-reglages>.card,.esth-config-reglages>.esth-campagne-corps{margin:0}
.esth-config-apercu{position:sticky;top:16px;padding:16px;border-radius:22px;border:1px solid var(--e-line);
  background:radial-gradient(90% 70% at 20% 0%,var(--e-soft),transparent 65%),var(--e-surface);box-shadow:var(--shadow-1,0 1px 2px rgba(0,0,0,.06))}
.esth-ca-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.esth-ca-tete b{display:inline-flex;align-items:center;gap:8px;font-size:13.5px}
.esth-ca-point{width:8px;height:8px;border-radius:50%;background:var(--e-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--e-ok) 22%,transparent)}
.esth-ca-bascule{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--e-sunk)}
.esth-ca-bascule button{border:0;background:none;font:inherit;font-size:12px;font-weight:600;padding:5px 9px;border-radius:8px;color:var(--e-muted);cursor:pointer}
.esth-ca-bascule button[aria-pressed="true"]{background:var(--e-surface);color:var(--e-ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.esth-ca-scene{display:flex;flex-direction:column;align-items:center}
.esth-ca-scene.tel .esth-ca-cadre{width:250px;border:9px solid #141210;border-radius:36px;box-shadow:0 26px 50px -22px rgba(23,21,18,.5)}
.esth-ca-scene.ordi{align-items:stretch}
.esth-ca-scene.ordi .esth-ca-cadre{border:1px solid #1c1a17;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 22px 44px -22px rgba(23,21,18,.45)}
.esth-ca-scene.ordi .esth-nav span{font-size:10px}
.esth-ca-pied{margin:12px 0 0;font-size:12px;text-align:center}
@media (max-width:1180px){.esth-config{grid-template-columns:1fr}.esth-config-apercu{position:static;order:-1}
  .esth-ca-scene.tel .esth-ca-cadre{width:220px}}