/* Prospect Machine — mêmes couleurs, polices et détails que pldev.tech */
:root{
  --bg:#FFFFFF;
  --bg-soft:#FAFAFA;
  --ink:#111318;
  --ink-2:#3F444D;
  --muted:#767C87;
  --faint:#A0A6AF;
  --line:#EAEAEE;
  --line-2:#DCDCE2;
  --acc:#048065;
  --acc-bright:#02B58E;
  --acc-title:#06A87E;
  --acc-soft:#E4F6F1;
  --warn:#9A5B00;
  --warn-soft:#FBF1DF;
  --maxw:920px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --doux:cubic-bezier(.22,.9,.24,1);
  --ressort:cubic-bezier(.3,1.4,.4,1);
  --ombre:0 1px 2px rgba(17,19,24,.04),0 8px 24px -12px rgba(17,19,24,.12);
  --ombre-haute:0 2px 4px rgba(17,19,24,.05),0 22px 48px -20px rgba(17,19,24,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--bg);color:var(--ink);
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;min-height:100vh;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--acc-soft);color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* ── Libellés monospace ── */
.label{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  display:flex;align-items:center;gap:10px;
}
.label::after{content:'';flex:1;height:1px;background:var(--line)}
.tag{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.04em}

/* ── En-tête ── */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:62px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.01em}
.brand .px{display:grid;grid-template-columns:repeat(2,5px);gap:2px;flex:none;transition:transform .5s var(--ressort)}
.brand .px i{width:5px;height:5px;background:var(--ink);display:block}
.brand .px i:last-child{background:var(--acc-bright)}
.brand .embleme{display:inline-flex;width:22px;height:22px;flex:none;border-radius:6px;background:#06A87E;box-shadow:0 1px 2px rgba(4,128,101,.25);align-items:center;justify-content:center}
.brand .embleme svg{width:14px;height:14px;display:block}
.brand .px svg{width:11px;height:11px;margin:-3px;color:var(--acc-bright);animation:scintille 2.8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(2,181,142,.55))}
.brand .titre{display:inline-flex;align-items:baseline;gap:.55px}
.brand .nom{font-size:17px;letter-spacing:-.02em}
.brand .ia{font-family:var(--mono);font-size:12.6px;font-weight:600;letter-spacing:.06em;line-height:1;color:var(--acc)}
.brand:hover .px{transform:rotate(90deg)}
.nav-links{display:flex;align-items:center;gap:18px}

/* ── Boutons ── */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;
  font-weight:500;font-size:15px;padding:12px 20px;border-radius:9px;border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .35s var(--doux),box-shadow .35s var(--doux),background .2s ease,border-color .2s ease,color .2s ease;
}
.btn svg{transition:transform .35s var(--doux)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:scale(.975)}
.btn-primary{background:var(--ink);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 6px 16px -8px rgba(17,19,24,.55)}
.btn-primary::after{
  content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .7s var(--doux);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 14px 26px -12px rgba(17,19,24,.6)}
.btn-primary:hover::after{transform:translateX(120%) skewX(-18deg)}
.btn-primary[disabled]{background:var(--line-2);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none}
.btn-primary[disabled]::after{display:none}
.btn-acc{background:var(--acc);color:#fff;box-shadow:0 8px 20px -10px rgba(4,128,101,.7)}
.btn-acc:hover{transform:translateY(-1px);background:#036b55}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--acc);color:var(--acc)}
.btn-sm{padding:8px 14px;font-size:14px;border-radius:8px}

/* ── Apparitions ── */
@keyframes monte{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes fondu{from{opacity:0}to{opacity:1}}
.monte{animation:monte .7s var(--doux) both;animation-delay:calc(var(--i,0) * 70ms)}
::view-transition-old(root){animation:fondu .22s ease reverse both}
::view-transition-new(root){animation:monte .5s var(--doux) both}

/* ── Accueil ── */
/* Ce qui signale l'IA : l'étincelle, l'orbe et l'aura. */
.etincelle{width:11px;height:11px;flex:none;color:var(--acc-bright);animation:scintille 2.8s ease-in-out infinite}
@keyframes scintille{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(45deg);opacity:.6}}
.orbe{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;isolation:isolate}
.orbe::before{content:'';position:absolute;inset:0;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,var(--acc-bright),#7FE3CC,#111318,var(--acc-bright));animation:tourne 3.2s linear infinite}
.orbe::after{content:'';position:absolute;inset:-7px;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(2,181,142,.35),transparent 68%);animation:souffle 2.4s ease-in-out infinite}
.orbe i{position:absolute;inset:2.5px;border-radius:50%;background:#fff}
.orbe .etincelle{position:relative;width:12px;height:12px}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes souffle{50%{transform:scale(1.25);opacity:.45}}
.aura{position:absolute;top:-40px;right:-120px;width:520px;height:420px;pointer-events:none;z-index:0;filter:blur(46px);opacity:.5;
  background:radial-gradient(closest-side at 30% 40%,#BFF1E4,transparent),radial-gradient(closest-side at 70% 60%,#D9F3FF,transparent),radial-gradient(closest-side at 55% 25%,#E9E4FF,transparent);
  animation:derive 12s ease-in-out infinite alternate}
.aura.active{opacity:.85;animation-duration:5s}
@keyframes derive{to{transform:translate(-60px,30px) scale(1.14) rotate(8deg)}}

.accueil h1{max-width:none}
/* Le mot qui tourne dans le titre */
.mot{display:inline-block;color:var(--acc-title);transition:transform .22s var(--doux),opacity .22s ease,filter .22s ease}
.mot.sort{transform:translateY(-45%);opacity:0;filter:blur(6px)}
.mot.entre{animation:motEntre .36s var(--doux)}
@keyframes motEntre{from{transform:translateY(45%);opacity:0;filter:blur(6px)}}
.pour{font-weight:600;letter-spacing:-.03em;font-size:clamp(26px,4vw,36px);line-height:1.2;color:var(--ink);padding:4px 0 8px;flex:none}
.nomzone{position:relative;display:flex;align-items:center;gap:14px;margin:-2px 0 16px;max-width:760px}
.entete.accueil > .nomzone{z-index:20}
.nomzone input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--sans);font-weight:600;letter-spacing:-.03em;
  font-size:clamp(26px,4vw,36px);line-height:1.2;color:var(--acc-title);padding:4px 0 8px;caret-color:var(--acc-bright);
  border-bottom:2px solid var(--line-2);transition:border-color .35s var(--doux);
}
.nomzone input::placeholder{color:var(--line-2)}
.nomzone input:focus{border-color:var(--acc-bright)}
.nomzone .orbe{opacity:.35;transition:opacity .4s ease,transform .5s var(--ressort)}
.nomzone:focus-within .orbe{opacity:1}
.nomzone.cherche .orbe{opacity:1;transform:scale(1.2)}
.suggestions{position:absolute;left:0;right:44px;top:calc(100% + 8px);background:#fff;
  border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--ombre-haute);padding:6px;display:grid;gap:2px;animation:devoile .35s var(--doux)}
.suggestions[hidden]{display:none}
.sugg{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:9px;cursor:pointer;transition:background .15s ease,transform .3s var(--doux)}
.sugg:hover,.sugg.actif{background:var(--acc-soft);transform:translateX(3px)}
.sugg b{font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.sugg span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.sugg.libre{border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:4px}
.sugg.libre b{color:var(--acc);font-weight:500}
.confirme{position:relative;max-width:760px;box-shadow:var(--ombre);border-color:var(--line-2)}
.confirme h2{font-size:22px;font-weight:600;letter-spacing:-.025em;margin:14px 0 4px}
.confirme .actions{margin-top:18px}
.precision{display:block;margin-top:16px}
.precision span{display:block;font-size:14px;color:var(--ink-2);font-weight:500;margin-bottom:6px}
.precision textarea,.precision input{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg-soft);resize:vertical;outline:0;transition:border-color .25s ease,box-shadow .3s var(--doux),background .25s ease}
.precision textarea:focus,.precision input:focus{border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft);background:#fff}
.precision textarea::placeholder,.precision input::placeholder{color:var(--faint)}
.idees{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.idee{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:5px 12px;font-size:13.5px;color:var(--ink-2);cursor:pointer;transition:all .3s var(--doux)}
.idee:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}
.sous-saisie{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px;color:var(--muted)}
.lien{color:var(--acc);font-weight:500;cursor:pointer;background:none;border:0;padding:0;border-bottom:1px solid transparent;transition:border-color .2s ease}
.lien:hover{border-color:var(--acc)}
.erreur{margin-top:14px;color:#B4232A;font-size:14.5px}

.sec{padding:52px 0 0}
.liste{display:grid;gap:10px;margin-top:20px}
.ligne{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;
  transition:transform .4s var(--doux),box-shadow .4s var(--doux),border-color .25s ease;
}
.ligne:hover{transform:translateX(4px);border-color:var(--line-2);box-shadow:var(--ombre)}
.ligne b{font-weight:600;letter-spacing:-.01em}
.ligne .quand{font-family:var(--mono);font-size:12px;color:var(--faint);margin-left:auto;white-space:nowrap}
.puce{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:5px;background:var(--bg-soft);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.puce.ok{background:var(--acc-soft);color:var(--acc);border-color:transparent}
.puce.av{background:var(--warn-soft);color:var(--warn);border-color:transparent}

/* ── Progression ── */
.entete{position:relative;padding:56px 0 8px}
.entete > *:not(.aura){position:relative;z-index:1}
.entete h1{font-size:clamp(26px,4vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:18px 0 10px}
.entete h1 em{font-style:normal;color:var(--acc-title)}
.entete p{color:var(--ink-2);max-width:60ch}
.etapes{list-style:none;margin:30px 0 0;display:grid;gap:4px;position:relative}
.etapes::before{content:'';position:absolute;left:16.5px;top:30px;bottom:30px;width:1px;background:linear-gradient(var(--line-2),var(--line))}
.etape{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;padding:11px 0;transition:opacity .5s var(--doux)}
.etape.attente > div{opacity:.5}
.pastille{position:relative;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;background:#fff;color:var(--faint);isolation:isolate;transition:all .5s var(--doux)}
/* L'étape en cours : un anneau qui tourne autour du pictogramme. */
.etape.en_cours .pastille{border-color:transparent;color:var(--acc);box-shadow:0 0 0 6px var(--acc-soft)}
.etape.en_cours .pastille::before{content:'';position:absolute;inset:-2px;border-radius:50%;z-index:-2;background:conic-gradient(from 0deg,var(--acc-bright),#BFF1E4 40%,#111318 70%,var(--acc-bright));animation:tourne 1.6s linear infinite}
.etape.en_cours .pastille::after{content:'';position:absolute;inset:1px;border-radius:50%;z-index:-1;background:#fff}
.etape.fait .pastille{background:var(--acc);border-color:var(--acc);color:#fff}
.pastille svg{width:15px;height:15px}
.pastille .coche-svg{display:none}
.etape.fait .pastille svg:not(.coche-svg){display:none}
.etape.fait .pastille .coche-svg{display:block}
.etape.fait .pastille .coche-svg path{stroke-dasharray:18;stroke-dashoffset:18;animation:trait .5s .1s var(--doux) forwards}
@keyframes trait{to{stroke-dashoffset:0}}
.etape > div{padding-top:4px}

/* Jauge d'avancement */
.avance{display:flex;align-items:center;gap:14px;margin-top:20px;max-width:760px}
.jauge{flex:1;height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.jauge i{position:relative;display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc-bright),#7FE3CC);transition:width .5s linear;overflow:hidden}
.jauge i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-100%);animation:balaye 1.6s ease-in-out infinite}
@keyframes balaye{to{transform:translateX(100%)}}
.avance b{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--acc);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}

/* Pourcentage et petite jauge de chaque étape */
.etape > div{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:baseline;max-width:760px}
.etape small,.etape .mini{grid-column:1 / -1}
.pct{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--acc);font-variant-numeric:tabular-nums}
.etape.fait .pct{color:var(--faint)}
.mini{display:block;height:3px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:7px}
.etape.attente .mini{opacity:0}
.mini i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc-bright),#7FE3CC);transition:width .5s linear}
.etape.fait .mini i{background:var(--acc)}
.pct-fiche{font-family:var(--mono);font-size:12.5px;font-weight:500;margin-left:6px;font-variant-numeric:tabular-nums}
.enquete > div{flex:1}
.enquete .mini{background:rgba(4,128,101,.15)}

/* Journal : ce que l'IA annonce au fil de l'eau. */
.journal{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(250,250,250,.9));backdrop-filter:blur(8px);max-width:760px}
.journal p{font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--faint);max-width:none}
.journal p.frais{color:var(--ink);animation:monte .5s var(--doux) both}
.journal p.frais::after{content:'';display:inline-block;width:7px;height:14px;margin-left:5px;vertical-align:-2px;background:var(--acc-bright);animation:clignote 1s steps(2) infinite}
@keyframes clignote{50%{opacity:0}}

/* Chiffres de l'aperçu */
.chiffres{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.chiffres span{font-family:var(--mono);font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:7px 12px;background:rgba(255,255,255,.8)}
.champ{flex:1;min-width:0;position:relative;display:flex}
.entete.accueil > .nomzone{margin-bottom:42px}
.vite{position:absolute;right:0;top:calc(100% + 10px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;font-size:14px;letter-spacing:-.005em;line-height:1;color:var(--acc)}
.vite svg{color:var(--acc-bright)}
.chiffres b{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-right:4px}
.etape b{font-weight:500;font-size:16px;letter-spacing:-.01em}
.etape small{display:block;font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-top:2px;min-height:19px}
.etape.en_cours b{background:linear-gradient(90deg,var(--ink) 30%,var(--acc-bright) 50%,var(--ink) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:reflet 2s linear infinite}
@keyframes reflet{to{background-position:-220% 0}}

/* ── Blocs ── */
.bloc{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;margin-top:22px}
.bloc p{color:var(--ink-2)}
.bloc p + p{margin-top:10px}
.bloc strong{color:var(--ink);font-weight:600}
.cibles{list-style:none;margin-top:10px;display:grid;gap:7px}
.cibles li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;font-size:14.5px;color:var(--ink-2)}
.cibles .n{font-family:var(--mono);font-size:11px;color:var(--acc)}
.cibles small.choix{font-family:var(--mono);font-size:11px;color:var(--faint);white-space:nowrap}
@media (max-width:640px){.cibles li{grid-template-columns:auto 1fr}.cibles small.choix{grid-column:2}}
.cibles li:has(.bascule){grid-template-columns:auto 1fr auto auto;align-items:center}
.cibles li.coupe > span,.cibles li.coupe > small{opacity:.42;text-decoration:line-through;text-decoration-color:var(--line-2)}
.bascule{flex:none;width:34px;height:20px;border-radius:999px;border:0;background:var(--acc-bright);position:relative;cursor:pointer;transition:background .25s ease}
.bascule i{position:absolute;top:2px;left:16px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(17,19,24,.25);transition:left .25s var(--doux)}
.bascule[aria-checked="false"]{background:var(--line-2)}
.bascule[aria-checked="false"] i{left:2px}
.bascule:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.profil{margin-bottom:18px}
.profil summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bloc .label,.profil summary{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.12em}
.sec > .label{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.12em}
.profil summary::-webkit-details-marker{display:none}
.profil summary::after{content:"+";margin-left:auto;font-size:15px;color:var(--acc);transition:transform .25s}
.profil[open] summary::after{transform:rotate(45deg)}
.profil summary:hover{color:var(--ink)}
.profil > p:first-of-type{margin-top:12px;font-size:14.5px}

/* ── Cartes prospects ── */
.grille{display:grid;gap:12px;margin-top:22px}
.carte{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 18px;
  border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;width:100%;
  transition:transform .45s var(--doux),box-shadow .45s var(--doux),border-color .25s ease,opacity .35s ease,background .25s ease;
}
.carte:hover{transform:translateY(-2px);box-shadow:var(--ombre);border-color:var(--line-2)}
.carte.gardee{border-color:var(--acc-bright);background:linear-gradient(180deg,#fff,#FBFEFD);box-shadow:0 0 0 3px var(--acc-soft)}
.carte.pleine:not(.gardee){opacity:.5}
.carte.choix{cursor:pointer;align-items:center}
.carte.choix > div{flex:1;min-width:0}
.carte.choisie{border-color:var(--acc-bright);background:linear-gradient(180deg,#fff,#FBFEFD);box-shadow:0 0 0 3px var(--acc-soft)}
.coche{appearance:none;-webkit-appearance:none;flex:none;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-2);background:#fff center/15px no-repeat;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s var(--doux)}
.carte.choix:hover .coche{border-color:var(--acc)}
.coche:checked{background-color:var(--acc);border-color:var(--acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");transform:scale(1.06)}
.coche:focus-visible{outline:2px solid var(--acc-bright);outline-offset:2px}
.entete-pistes{display:flex;gap:16px;align-items:baseline;justify-content:space-between}
.entete-pistes .lien{flex:none;font-size:14px}
.carte h3{font-size:16.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.carte p{font-size:14.5px;color:var(--muted);line-height:1.5;margin-top:3px}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.voile{display:flex;gap:6px;margin-top:9px;align-items:center}
.voile i{display:block;height:11px;border-radius:4px;background:linear-gradient(90deg,var(--line) 20%,#F4F4F7 50%,var(--line) 80%);background-size:200% 100%;animation:reflet 2.2s linear infinite;filter:blur(1.2px)}
.voile span{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:4px}
.coche{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:all .35s var(--ressort);flex:none}
.coche svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:all .35s var(--ressort)}
.gardee .coche{background:var(--acc);border-color:var(--acc)}
.gardee .coche svg{opacity:1;transform:none}

/* Anneau de score */
.anneau{position:relative;width:54px;height:54px;flex:none}
.anneau svg{width:54px;height:54px;transform:rotate(-90deg)}
.anneau circle{fill:none;stroke-width:4}
.anneau .fond{stroke:var(--line)}
.anneau .arc{stroke:var(--acc-bright);stroke-linecap:round;stroke-dasharray:138.2;animation:arc 1.2s var(--doux) both;animation-delay:calc(var(--i,0) * 70ms + .15s)}
@keyframes arc{from{stroke-dashoffset:138.2}}
.anneau b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:-.02em}

/* ── Barre de sélection ── */
.barre{
  position:fixed;left:50%;bottom:22px;z-index:60;transform:translate(-50%,140%);width:min(680px,calc(100vw - 32px));
  display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;border-radius:16px;
  background:rgba(17,19,24,.92);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ombre-haute);
  transition:transform .7s var(--ressort);
}
.barre.visible{transform:translate(-50%,0)}
.barre[hidden]{display:none}
.barre .compte{font-family:var(--mono);font-size:13px;color:rgba(255,255,255,.72)}
.barre .compte b{color:#fff;font-size:17px;font-weight:500}
.barre .points{display:flex;gap:5px;margin-top:5px}
.barre .points i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.2);transition:background .4s ease}
.barre .points i.on{background:var(--acc-bright)}
.barre .btn{margin-left:auto}

/* ── Fiches ── */
.fiche{border:1px solid var(--line);border-radius:16px;background:#fff;margin-top:16px;overflow:hidden;box-shadow:var(--ombre)}
.fiche > header{display:flex;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--bg-soft))}
.fiche h2{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.fiche .corps{padding:20px 22px 24px;display:grid;gap:14px}
.fiche .corps p{color:var(--ink-2)}
.fiche .corps strong{color:var(--ink);font-weight:600}
.fiche h4{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:8px}
.reg{font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.55}
.contacts{list-style:none;display:grid;gap:8px}
.contacts li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px}
.contacts li a.val{font-weight:500;overflow-wrap:anywhere;border-bottom:1px solid var(--line-2);transition:border-color .2s ease,color .2s ease}
.contacts li a.val:hover{color:var(--acc);border-color:var(--acc)}
.contacts li .src{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--acc)}
.contacts li em{flex-basis:100%;font-style:normal;font-size:13.5px;color:var(--muted)}
.contacts .type{font-family:var(--mono);font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;min-width:74px}
.actions{display:flex;flex-wrap:wrap;gap:8px}
.boite{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);transition:border-color .25s ease}
.boite:hover{border-color:var(--line-2)}
.boite pre{margin:0;padding:14px 16px 50px;white-space:pre-wrap;font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.boite.courte pre{padding:12px 110px 12px 16px}
.copier{
  position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:#fff;border-radius:8px;
  padding:6px 11px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s var(--doux);
}
.boite.courte .copier{bottom:auto;top:50%;transform:translateY(-50%)}
.copier:hover{border-color:var(--acc);color:var(--acc)}
.copier.fait{background:var(--acc);border-color:var(--acc);color:#fff}
.note{font-size:14px;color:var(--muted)}
.ecartee{opacity:.72}
.ecartee > header{background:var(--bg-soft)}
.fiche h4 .etincelle,.label .etincelle{margin-right:2px}
.fiche h4{display:flex;align-items:center;gap:8px}
.puce.cadeau{background:linear-gradient(120deg,#FFF1C7,#FFE08A,#FFF1C7);background-size:200% 100%;color:#7A5600;border-color:transparent;font-weight:600;animation:reflet 3.2s linear infinite}
.puce.demo{background:#EEE9FF;color:#5B3FD0;border-color:transparent;font-weight:600;letter-spacing:.06em;text-transform:none}
.puce.palier.reco{background:#EEE9FF;color:#5B3FD0}
.anneau.numero.reco .arc{stroke:#7C5CFC}
.anneau.numero.reco b{color:#4A2FB8}
.offerte-carte{border-radius:14px}
.offerte-carte > summary{list-style:none;border-color:#F1D98A;background:linear-gradient(180deg,#fff,#FFFDF5)}
.offerte-carte > summary::-webkit-details-marker{display:none}
.offerte-carte[open] > summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.offerte-carte .ouvrir{pointer-events:none;border-color:#E3C766;color:#7A5600;background:#FFF8E1}
.offerte-carte .ouvert,.offerte-carte[open] .ferme{display:none}
.offerte-carte[open] .ouvert{display:inline}
.offerte-carte > #offertes > div > .fiche{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.fiche-carte > .contenu > .fiche{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.fiche-carte .fiche header{display:none}
.fiche-carte.achetee > summary{border-color:var(--line);background:#fff}
.fiche-carte.achetee .ouvrir{border-color:var(--line-2);color:var(--ink);background:#fff}
.puce.debloque{background:var(--acc-soft);color:var(--acc);border-color:transparent;font-weight:600}
/* La carte dépliée porte déjà le numéro, les étiquettes et le titre : la fiche ne les répète pas, elle n'ajoute que le nom. */
.offerte-carte .fiche header .anneau,.offerte-carte .fiche header .meta,.offerte-carte .fiche header .orbe{display:none}
.offerte-carte .fiche.attente header,.offerte-carte .fiche.attente .corps > p:first-child{display:none}
.offerte-carte > #offertes:empty::before{content:"Préparation de votre fiche…";display:block;padding:18px;font-family:var(--mono);font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}
.astuce{display:flex;align-items:center;gap:9px;margin-top:14px !important;font-family:var(--mono);font-size:11.5px;letter-spacing:.01em;color:var(--faint) !important}
.astuce i{flex:none;width:22px;height:13px;border-radius:999px;background:var(--line-2);position:relative}
.astuce i::after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#fff}
/* La fiche offerte : un liseré de lumière qui tourne lentement. */
.fiche.offerte{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--tour,0deg),var(--acc-bright),#BFF1E4,#D9F3FF,#E9E4FF,var(--acc-bright)) border-box;border:1.5px solid transparent;animation:lisere 6s linear infinite;box-shadow:0 2px 4px rgba(17,19,24,.04),0 26px 60px -28px rgba(4,128,101,.45)}
@property --tour{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes lisere{to{--tour:360deg}}
.barre .orbe{width:26px;height:26px}
.barre .orbe i{background:#16181d}
.barre .orbe .etincelle{color:#7FE3CC}
.fiche.attente > header .orbe{width:40px;height:40px;margin:7px}
.fiche.attente > header .orbe .etincelle{width:15px;height:15px}
.enquete{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--acc-soft)}
.enquete > div > b{display:block;font-weight:600;font-size:15px;color:var(--acc)}
.enquete > div > p{font-size:14px;color:var(--ink-2);line-height:1.45}
.enquete .orbe i{background:var(--acc-soft)}

/* Paliers de note : or, très bonne, bonne, à creuser */
.anneau b{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.anneau b small{font-size:8px;color:var(--faint);letter-spacing:.02em;margin-top:2px;font-weight:400}
.anneau.numero b{font-family:var(--sans);font-size:19px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.anneau.numero .arc{stroke:var(--acc-bright)}
.anneau.numero.or .arc{stroke:#E3A008}
.anneau.numero.or b{color:#8A6100}
.anneau.or .arc{stroke:#E3A008}
.anneau.or{filter:drop-shadow(0 0 7px rgba(227,160,8,.45))}
.anneau.or b{color:#8A6100}
.anneau.forte .arc{stroke:var(--acc-bright)}
.anneau.bonne .arc{stroke:#3BA7C9}
.anneau.creuser .arc{stroke:var(--faint)}
.puce.palier{display:inline-flex;align-items:center;gap:5px;border-color:transparent;font-weight:500}
.puce.palier svg{width:12px;height:12px;flex:none}
.puce.palier.or{background:linear-gradient(120deg,#FFF1C7,#FFE08A,#FFF1C7);background-size:200% 100%;color:#7A5600;animation:reflet 3.2s linear infinite}
.puce.palier.forte{background:var(--acc-soft);color:var(--acc)}
.puce.palier.bonne{background:#E3F3F9;color:#1F6F8B}
.puce.palier.creuser{background:var(--bg-soft);color:var(--muted);border-color:var(--line)}
.puce.nature{background:#fff;color:var(--ink);border-color:var(--ink)}

/* Ce que l'IA a compris */
.ligne-profil{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px !important}
.ligne-profil span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-right:4px}
.plus-puces{font:inherit;font-family:var(--mono);font-size:12px;color:var(--acc);border:1px solid var(--acc-soft);background:var(--acc-soft);border-radius:999px;padding:3px 10px;cursor:pointer;transition:transform .15s}
.plus-puces:hover{transform:translateY(-1px)}
.ligne-profil i{font-style:normal;font-size:13.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;background:var(--bg-soft)}
.explication{display:flex;gap:12px;align-items:flex-start;margin:0 !important;padding:18px 20px;border-radius:12px;background:var(--acc-soft);color:var(--acc) !important;font-weight:550;font-size:17px;line-height:1.5;letter-spacing:-.005em}
.explication .etincelle{margin-top:8px}
.actu{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line)}
.actu .etincelle{margin-top:6px}
.actu a{color:var(--acc);font-family:var(--mono);font-size:12px;white-space:nowrap}
div.carte{cursor:default}
.voir-plus{margin-top:26px;justify-content:center}
.barre .compte small{display:block;font-size:11.5px;color:rgba(255,255,255,.5);margin-top:2px}
.entete p strong{color:var(--ink);font-weight:600}

/* Fiche en attente, puis dévoilée */
.attente .ligne-vide{height:12px;border-radius:5px;background:linear-gradient(90deg,var(--line) 20%,#F4F4F7 50%,var(--line) 80%);background-size:200% 100%;animation:reflet 1.8s linear infinite}
.attente .ligne-vide + .ligne-vide{margin-top:10px}
@keyframes devoile{from{opacity:0;filter:blur(14px);transform:scale(.985) translateY(10px)}to{opacity:1;filter:none;transform:none}}
.devoile{animation:devoile .9s var(--doux) both}

/* ── Fenêtre de déblocage ── */
dialog{border:0;padding:0;border-radius:18px;max-width:440px;width:calc(100vw - 32px);margin:auto;box-shadow:var(--ombre-haute);overflow:hidden}
dialog::backdrop{background:rgba(17,19,24,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fondu .3s ease}
dialog[open]{animation:devoile .5s var(--doux)}
.dlg{padding:26px}
.dlg h2{font-size:22px;font-weight:600;letter-spacing:-.025em;margin:16px 0 8px;line-height:1.2}
.dlg p{color:var(--ink-2)}
.dlg .note{margin-top:12px;padding:10px 12px;border-radius:9px;background:var(--bg-soft);border:1px solid var(--line)}
.solde{font:inherit;font-family:var(--mono);font-size:12.5px;color:var(--acc);background:var(--acc-soft);border:1px solid rgba(4,128,101,.18);border-radius:999px;padding:6px 12px;cursor:pointer;transition:transform .2s var(--doux),box-shadow .2s ease}
.solde b{font-family:var(--sans);font-size:14px;font-weight:700;margin-right:3px}
.solde:hover{transform:translateY(-1px);box-shadow:0 0 0 3px var(--acc-soft)}
.packs{display:grid;gap:8px;margin-top:16px}
.pack{font:inherit;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--doux)}
.pack:hover{border-color:var(--acc-bright);box-shadow:0 0 0 3px var(--acc-soft);transform:translateY(-1px)}
.pack b{display:block;font-weight:600;letter-spacing:-.01em}
.pack small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:2px}
.pack .prix{font-weight:700;font-size:19px;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.pack .prix small{font-weight:400;font-size:10.5px;margin-top:0}
.carte.nouvelle{animation:nouvelle 2.4s ease-out}
@keyframes nouvelle{0%,35%{box-shadow:0 0 0 3px var(--acc-soft),0 0 0 1px var(--acc-bright);border-color:var(--acc-bright)}100%{box-shadow:none}}
.profil-haut{padding:18px 20px}
.profil-haut .resume{margin-top:10px;font-size:15px;max-width:none}
.profil-haut .profil{margin:12px 0 0}
.profil-haut .profil summary{font-size:11px;font-weight:500;color:var(--acc);letter-spacing:.08em}
/* Aperçu sur deux colonnes : la société à gauche, les prospects à droite, visibles sans descendre. */
body:has(.deux) .wrap{max-width:1240px}
.deux{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:28px;align-items:start;margin-top:20px}
.deux .cote{position:sticky;top:72px;max-height:calc(100vh - 92px);overflow:auto;border-radius:14px}
.deux .cote .bloc{margin-top:0;padding:18px}
.deux .cote .explication{font-size:15px;padding:14px 16px}
.deux .cote .cibles li,.deux .cote .cibles li:has(.bascule){grid-template-columns:auto 1fr auto;font-size:13.5px}
.deux .cote .cibles small.choix{grid-column:2;grid-row:2;white-space:normal}
.deux .cote .cibles .bascule{grid-column:3;grid-row:1 / span 2;align-self:center}
.deux .cote .cibles li > span:nth-child(2){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.deux .cote .cibles{gap:9px}
.deux .cote .bloc{padding-bottom:96px}
.deux #lots .sec{margin-top:0;padding-top:0}
.deux #lots .grille{margin-top:14px}
@media (max-width:980px){body:has(.deux) .wrap{max-width:var(--maxw)}.deux{grid-template-columns:1fr}.deux .cote{position:static;max-height:none}}

/* Mobile : les prospects viennent tout de suite sous le titre ; « ce que l'IA a compris » et la carte société passent après. */
@media (max-width:720px){
  body:has(.deux) #vue{display:flex;flex-direction:column}
  body:has(.deux) #vue > .deux{display:contents}
  body:has(.deux) #vue #lots{order:1}
  body:has(.deux) #vue > .explication-haut{order:2}
  body:has(.deux) #vue .deux .cote{order:3}
  body:has(.deux) #vue > .duo{order:4}
  body:has(.deux) #vue > .pied{order:5}
}
.explication-haut{margin:20px 0 0 !important}
.cote-reglages > .label:first-child{margin-top:0 !important}
.fictif{margin-top:16px;padding:11px 14px;border-radius:10px;border:1px dashed #E3C766;background:#FFFBEB;color:#6B4E00 !important;font-size:14px;max-width:none !important}
.fictif b{font-weight:600}
.fictif.rouverte{border-color:var(--acc-soft);border-style:solid;background:#FBFEFD;color:var(--ink-2) !important}
.fictif.rouverte b{color:var(--acc)}
.fin-demo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:16px;padding:16px 18px;border:1px solid var(--acc-soft);border-radius:14px;background:linear-gradient(180deg,#fff,#FBFEFD);box-shadow:0 0 0 3px var(--acc-soft)}
.fin-demo p{color:var(--ink-2);font-size:15px;flex:1;min-width:240px}
.fin-demo b{color:var(--ink);font-weight:600}
.angles-anciens{margin-top:10px}
.angles-anciens summary{cursor:pointer;list-style:none;font-family:var(--mono);font-size:11.5px;color:var(--acc);letter-spacing:.02em}
.angles-anciens summary::-webkit-details-marker{display:none}
.angles-anciens summary::before{content:"+ "}
.angles-anciens[open] summary::before{content:"− "}
.zones{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.zone{font:inherit;font-size:13px;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.zone:hover{border-color:var(--acc)}
.zone.actif{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:500}
.zone-libre{display:flex;gap:6px;margin-top:8px}
.zone-libre input{flex:1;min-width:0;font:inherit;font-size:13.5px;padding:7px 11px;border:1px solid var(--line-2);border-radius:9px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.zone-libre input:focus,.zone-libre.actif input{border-color:var(--acc-bright);box-shadow:0 0 0 3px var(--acc-soft)}
.astuce.zone-note i{display:none}
.astuce.zone-note{display:block}
.astuce.zone-note b{color:var(--acc);font-weight:600}
.suite-bloc{margin-top:16px;border-color:var(--acc-soft);background:linear-gradient(180deg,#fff,#FBFEFD);box-shadow:0 0 0 3px var(--acc-soft)}
.suite-bloc .etapes{margin-top:18px}
.tarif{font-family:var(--mono);font-size:11.5px;color:var(--acc);background:var(--acc-soft);border-radius:999px;padding:3px 9px;margin-left:10px}
.dlg-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}

.pied{margin:44px 0 120px;font-family:var(--mono);font-size:12px;color:var(--faint)}

@media (max-width:720px){
  .wrap{padding:0 18px}
  .entete{padding-top:36px}
  .aura{width:320px;right:-140px}
  .suggestions{right:0}
  .tag{display:none}
  .carte{grid-template-columns:auto 1fr;gap:12px}
  .carte .coche{grid-column:2;justify-self:end;margin-top:-34px}
  .ligne{flex-wrap:wrap}
  .ligne .quand{margin-left:0;flex-basis:100%}
  .barre{padding:10px 10px 10px 16px}
  .boite.courte pre{padding:12px 16px 50px}
  .boite.courte .copier{top:auto;bottom:10px;transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;transition-duration:.01ms !important}
}

/* « 5 prospects de plus » : une carte de la taille d'un résultat, mise en avant */
.carte-plus{margin-top:12px;min-height:160px;font:inherit;color:var(--ink);border:1.5px solid var(--acc-bright);background:linear-gradient(180deg,#F4FCF9,var(--acc-soft));box-shadow:0 0 0 4px var(--acc-soft),0 10px 26px -18px rgba(4,128,101,.55)}
.carte-plus:hover{border-color:var(--acc);box-shadow:0 0 0 5px var(--acc-soft),0 16px 30px -18px rgba(4,128,101,.7)}
.carte-plus h3{font-size:18px;font-weight:700;color:var(--acc)}
.carte-plus p{color:var(--ink-2)}
.carte-plus .tarif{margin-left:0;font-size:12.5px;padding:6px 12px;background:var(--acc);color:#fff;white-space:nowrap}
.anneau.numero.plus .fond{stroke:var(--acc-bright);fill:#fff}
.anneau.numero.plus b{color:var(--acc);font-weight:600}
@media (max-width:560px){.carte-plus{grid-template-columns:auto 1fr}.carte-plus .tarif{grid-column:2;justify-self:start}}
/* Mobile : le mot animé du titre a sa propre ligne (les mots longs ne cassent plus la mise en page), en-tête resserré */
@media (max-width:720px){
  /* (ancienne règle #mot{display:block} retirée : « futurs [mot] » tient maintenant sur sa propre ligne) */
  .nav-in{gap:10px}
  .nav-links{gap:8px}
  .solde{white-space:nowrap;padding:5px 10px}
  .nav-links .btn-sm{padding:7px 10px;font-size:13px;white-space:nowrap}
}
.nav-links .court{display:none}
@media (max-width:720px){.nav-links .long{display:none}.nav-links .court{display:inline}}

/* La carte « de plus » pendant la recherche : même taille, en chargement */
.carte-plus.charge{cursor:default}
.carte-plus.charge:hover{transform:none}
.carte-plus.charge .orbe{width:54px;height:54px}
.carte-plus.charge .orbe i{inset:4px}
.carte-plus.charge .orbe .etincelle{width:18px;height:18px}
.carte-plus.charge .jauge{height:4px;border-radius:99px;background:rgba(4,128,101,.14);margin-top:10px;overflow:hidden}
.carte-plus.charge .jauge i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc-bright));transition:width .3s linear}
.carte-plus.charge small{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)}
.carte-plus.charge .tarif{font-variant-numeric:tabular-nums;min-width:52px;text-align:center}

/* « en 1 clic », sous « en quelques secondes » */
.vite.clic{top:calc(100% + 32px);color:var(--ink)}
.entete.accueil > .nomzone{margin-bottom:64px}
/* Fenêtre de connexion */
.champ-dlg{display:block;margin-top:16px}
.champ-dlg span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.champ-dlg input{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.champ-dlg input:focus{border-color:var(--acc-bright);box-shadow:0 0 0 3px var(--acc-soft)}
#cx-code{font-family:var(--mono);font-size:24px;letter-spacing:.4em;text-align:center}
.erreur-dlg{margin-top:12px;color:#B42318;font-size:14px;font-weight:500}
.compte-ligne{margin-top:12px;font-size:13.5px;color:var(--muted)}
.compte-ligne b{color:var(--ink);font-weight:600}
/* Précision, dans la colonne de gauche des résultats */
.precision-plus{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.precision-plus textarea{font:inherit;font-size:14px;width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);resize:vertical;outline:none}
.precision-plus textarea:focus{border-color:var(--acc-bright);box-shadow:0 0 0 3px var(--acc-soft)}
.precision-plus .btn{align-self:flex-start}

/* « en 1 clic » au-dessus, « et quelques secondes » en dessous */
.vite{top:calc(100% + 32px)}
.vite.clic{top:calc(100% + 10px)}
/* Invitation à créer un compte, sur la page de résultats */
.inviter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 18px;padding:14px 18px;border:1px solid rgba(4,128,101,.22);border-radius:14px;background:linear-gradient(180deg,#fff,#F4FCF9)}
.inviter p{flex:1;min-width:240px;font-size:14.5px;color:var(--ink-2)}
.inviter b{color:var(--ink);font-weight:600}
.nav-cx{font-size:14px}
@media (max-width:720px){.nav-cx{display:none}}
/* Le nom « scopos » dans un texte, avec la typographie du logo */
.marque{font-weight:600;color:var(--ink);letter-spacing:-.02em}

/* Accueil : « Recherche avancée », un volet discret sous le texte d'aide */
.avancee{max-width:760px;margin:20px 0 20px}
.avancee summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--acc);transition:opacity .2s ease}
.avancee summary::-webkit-details-marker{display:none}
.avancee summary:hover{opacity:.75}
.avancee summary svg{transition:transform .3s var(--doux)}
.avancee[open] summary svg{transform:rotate(180deg)}
.avancee-corps{margin-top:4px;padding:2px 0 4px}
.avancee .precision{margin-top:10px}
.avancee-note{margin-top:10px}
/* Sans compteur de crédits, le lien « Connexion » a sa place sur mobile aussi */
@media (max-width:720px){.nav-cx{display:inline}}

.avancee-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
.avancee-actions .astuce{margin:0}
.avancee-actions .astuce b{color:var(--ink);font-weight:600}
.avancee-actions .btn.attend{opacity:.45}

/* Annonce passagère (retour de paiement) */
.annonce{position:fixed;left:50%;top:78px;transform:translateX(-50%);z-index:200;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;box-shadow:var(--ombre-haute);animation:devoile .4s var(--doux);transition:opacity .5s ease,transform .5s ease}
.annonce.part{opacity:0;transform:translate(-50%,-8px)}

/* En-tête : l'icône de profil remplace le bouton « Nouvelle recherche » (le logo ramène à l'accueil) */
.icone-compte{display:inline-grid;place-items:center;margin:0;width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s var(--doux)}
.icone-compte:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px);box-shadow:0 0 0 3px var(--acc-soft)}
.icone-compte.connecte{border-color:rgba(4,128,101,.35);background:var(--acc-soft);color:var(--acc)}

/* Accueil : « Ce que vous recevez » */
.recevez .tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.tuile{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.tuile i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--acc-soft);color:var(--acc)}
.tuile b{display:block;margin-top:12px;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.tuile p{margin-top:6px;font-size:14.5px;color:var(--muted);line-height:1.5}
.fiche.exemple{margin-top:14px}
.fiche.exemple > header{padding:16px 20px}
.fiche.exemple .meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.fiche.exemple h2{font-size:18px}
.fiche.exemple .corps{padding:16px 20px 20px;gap:12px}
.fiche.exemple .contacts li span.val{font-weight:500}
.boite.simple pre{padding:14px 16px}
.boite.simple pre b{font-weight:600}
.prix-ligne{margin-top:16px;padding:14px 18px;border-radius:12px;background:var(--acc-soft);color:var(--ink-2);font-size:15px}
.prix-ligne b{color:var(--acc);font-weight:600}
@media (max-width:720px){.recevez .tuiles{grid-template-columns:1fr}}
/* Le halo décoratif dépasse à droite sur mobile : on le coupe au bord de la page, sans faire défiler latéralement */
html,body{overflow-x:clip}

/* Accueil : petites cartes de prospects en léger désordre */
/* Chaque carte a son inclinaison (rotate), sa hauteur (translate) et son survol (scale + transform) sur des propriétés
   séparées : l'entrée, le flottement et le survol peuvent ainsi se combiner sans se marcher dessus. */
.pile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:26px 0 18px;margin-top:6px}
.pcarte{--teinte:#048065;--fond:#E4F6F1;--r:0deg;--y:0px;position:relative;display:flex;flex-direction:column;min-width:0;padding:16px 16px 14px;
  border:1px solid var(--line);border-top:4px solid var(--teinte);border-radius:16px;background:linear-gradient(180deg,var(--fond),#fff 54px);
  box-shadow:0 16px 30px -20px rgba(17,19,24,.38),0 2px 6px -2px rgba(17,19,24,.08);
  rotate:var(--r);translate:0 var(--y);scale:1;transform:translateY(0);transform-origin:50% 60%;
  transition:rotate .55s var(--ressort),scale .55s var(--ressort),transform .55s var(--ressort),box-shadow .45s ease,opacity .35s ease,filter .35s ease;
  animation:distribue .85s var(--doux) backwards,flotte var(--duree,7s) ease-in-out infinite;
  animation-delay:calc(var(--n,0) * 120ms + 150ms),calc(var(--n,0) * -1.9s)}
.pcarte.m1{--duree:7.5s}
.pcarte.m2{--teinte:#7C5CFC;--fond:#EFEBFF;--duree:6.2s}
.pcarte.m3{--teinte:#D9822B;--fond:#FDF1E3;--duree:8.1s}
.pcarte.m4{--teinte:#2F6FE4;--fond:#E8F0FE;--duree:6.8s}
/* Entrée : les cartes montent l'une après l'autre */
@keyframes distribue{from{opacity:0;scale:.9;transform:translateY(46px)}}
/* Au repos : un flottement très léger, chaque carte à son rythme */
@keyframes flotte{0%,100%{translate:0 var(--y)}50%{translate:0 calc(var(--y) - 7px)}}
/* Survol : la carte se redresse, se soulève et passe devant ; les autres s'effacent un peu */
.pcarte:hover{rotate:0deg;scale:1.07;transform:translateY(-14px);z-index:5;animation-play-state:running,paused;
  box-shadow:0 34px 50px -26px rgba(17,19,24,.5),0 0 0 4px var(--fond),0 6px 14px -6px rgba(17,19,24,.14)}
.pile:hover .pcarte:not(:hover){opacity:.62;filter:saturate(.6);scale:.97}
.mini-type{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--teinte);background:#fff;border:1px solid color-mix(in srgb,var(--teinte) 22%,transparent);border-radius:999px;padding:3px 9px}
.pcarte h3{margin-top:12px;font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini-raison{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini-lieu{margin-top:8px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.mini-contacts{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px}
.mini-contacts::before{content:'';position:absolute;left:16px;right:16px;margin-top:-12px;border-top:1px dashed var(--line)}
.mini-contacts .qui{flex:1;min-width:0;font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-contacts i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--fond);color:var(--teinte);flex:none;transition:background .3s ease,color .3s ease}
/* Au survol, les icônes de contact sautent l'une après l'autre et se remplissent */
.pcarte:hover .mini-contacts i{background:var(--teinte);color:#fff;animation:saute .5s var(--ressort) both}
.pcarte:hover .mini-contacts i:nth-of-type(2){animation-delay:70ms}
.pcarte:hover .mini-contacts i:nth-of-type(3){animation-delay:140ms}
@keyframes saute{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.15)}100%{transform:translateY(0) scale(1)}}
.mini-mail{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:10px;font-size:11.5px;font-weight:600;color:var(--teinte);background-image:linear-gradient(var(--teinte),var(--teinte));background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;padding-bottom:2px;transition:background-size .45s var(--doux)}
.mini-mail svg{width:11px;height:11px;color:var(--teinte);transition:transform .6s var(--ressort)}
.pcarte:hover .mini-mail{background-size:100% 1.5px}
.pcarte:hover .mini-mail svg{transform:rotate(180deg) scale(1.25)}
.pile-note{text-align:center;font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:2px}
@media (max-width:860px){.pile{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}
@media (max-width:720px){
  .pile{padding:26px 4px 12px;gap:18px 12px}
  .pcarte{padding:13px 12px 12px}
}
@media (prefers-reduced-motion:reduce){.pcarte{animation:none}.pcarte:hover .mini-contacts i{animation:none}}

/* « Ce que vous recevez » mis en avant : titre de section, vignettes teintées, icônes pleines, numéros */
.titre-sec{margin-top:14px;font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.titre-sec em{font-style:normal;color:var(--acc-title)}
.recevez .tuiles{gap:14px;margin-top:22px}
.recevez .tuile{position:relative;padding:22px 20px 20px;border:1px solid rgba(4,128,101,.2);border-radius:16px;background:linear-gradient(180deg,#F1FBF8,#fff 62%);box-shadow:0 18px 34px -26px rgba(4,128,101,.55),0 2px 6px -3px rgba(17,19,24,.08);transition:transform .45s var(--doux),box-shadow .45s var(--doux),border-color .3s ease}
.recevez .tuile:hover{transform:translateY(-5px);border-color:var(--acc-bright);box-shadow:0 26px 40px -26px rgba(4,128,101,.7),0 0 0 4px var(--acc-soft)}
.recevez .tuile i{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#06A87E,#048065);color:#fff;box-shadow:0 8px 16px -8px rgba(4,128,101,.7)}
.recevez .tuile i svg{width:24px;height:24px}
.recevez .tuile b{margin-top:16px;font-size:17.5px;font-weight:700;letter-spacing:-.02em}
.recevez .tuile p{margin-top:8px;font-size:15px;color:var(--ink-2)}
.recevez .tuile .rang{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--acc);background:#fff;border:1px solid rgba(4,128,101,.18);border-radius:999px;padding:3px 9px}

/* Menu de profil, sous l'icône de l'en-tête */
.menu-profil{position:fixed;top:60px;right:max(16px,calc((100vw - var(--maxw)) / 2 + 28px));z-index:120;width:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--ombre-haute);animation:devoile .28s var(--doux)}
.menu-tete{display:flex;align-items:center;gap:12px;padding:12px 12px 14px}
.menu-tete .avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:linear-gradient(145deg,#06A87E,#048065);color:#fff;font-weight:700;font-size:16px}
.menu-tete b{display:block;font-size:14.5px;font-weight:600;overflow-wrap:anywhere;line-height:1.25}
.menu-tete small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.menu-groupe{padding:6px 0;border-top:1px solid var(--line)}
.menu-ligne{font:inherit;display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font-size:14.5px;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}
.menu-ligne svg{flex:none;color:var(--muted);transition:color .18s ease}
.menu-ligne span{flex:1}
.menu-ligne em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--acc);background:var(--acc-soft);border-radius:999px;padding:2px 9px}
.menu-ligne:hover{background:var(--acc-soft);color:var(--acc)}
.menu-ligne:hover svg{color:var(--acc)}
.menu-ligne[data-quitter]:hover{background:#FDECEC;color:#B42318}
.menu-ligne[data-quitter]:hover svg{color:#B42318}
/* Pages « Mes prospects » et « Mon compte » */
.voir-recherche{float:right;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.releve{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.releve-ligne{display:grid;grid-template-columns:150px 1fr auto auto;gap:6px 14px;align-items:center;padding:11px 16px;font-size:14px;border-top:1px solid var(--line)}
.releve-ligne:first-child{border-top:0}
.releve-ligne .quand,.releve-ligne .solde-apres{font-family:var(--mono);font-size:11.5px;color:var(--faint)}
.releve-ligne .quoi{color:var(--ink-2);min-width:0}
.releve-ligne b{font-family:var(--mono);font-weight:600}
.releve-ligne b.plus{color:var(--acc)}
.releve-ligne b.moins{color:var(--ink)}
@media (max-width:720px){.menu-profil{top:58px;right:12px}.releve-ligne{grid-template-columns:1fr auto}.releve-ligne .quand{grid-column:1 / -1}.releve-ligne .solde-apres{display:none}}

/* Mise à jour sur place de la liste : pas d'animation d'entrée pour ce qui était déjà là, sortie douce pour ce qui part */
.fige .monte,.fige.monte{animation:none}
.carte.choix.sort{opacity:0;transform:scale(.97);transition:opacity .24s ease,transform .24s ease;pointer-events:none}

/* Question « que proposez-vous ? » quand l'activité n'a pas été comprise */
.question{max-width:680px;margin-top:20px}
.question textarea{font:inherit;font-size:16px;width:100%;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:#fff;color:var(--ink);resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.question textarea:focus{border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft)}
.question .actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
.question .astuce{margin:0}

.profil-haut .resume-suite{margin-top:12px;font-size:14.5px;color:var(--ink-2)}

/* Deux encarts côte à côte : ce que l'IA a compris, et les sources qu'elle a utilisées */
.duo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:stretch}
.duo > .bloc{margin:0;height:100%}
.sources-haut .sous-label{margin-top:12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.sources-liste{list-style:none;margin-top:6px;display:grid;gap:6px}
.sources-liste li{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:var(--ink-2)}
.sources-liste li a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--acc);border-bottom:1px solid transparent}
.sources-liste li a:hover{border-color:var(--acc)}
.sources-liste li.vide{color:var(--faint);font-size:12.5px}
.pastille-src{flex:none;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:2px 7px}
.registres{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.registres span{font-size:12px;color:var(--ink-2);background:var(--acc-soft);border-radius:999px;padding:3px 9px}
@media (max-width:860px){.duo{grid-template-columns:1fr}}
.duo{margin-top:22px}
.sources-haut{padding:18px 20px}

/* Encart « Le travail de l'IA pour vous » : même forme que « Ce que l'IA a compris de vous » */
.sources-haut .ligne-profil a.lien{display:inline-block;margin:0 10px 4px 0;font-size:13.5px;overflow-wrap:anywhere}



/* Fenêtre d'achat en deux colonnes : pourquoi scopos à gauche, les prix à droite */
dialog#packs{max-width:820px;max-height:calc(100vh - 32px);overflow:auto}
.paywall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.pourquoi{padding:28px 26px 22px;color:#fff;background:radial-gradient(130% 120% at 0% 0%,#0BC08F 0%,#06A87E 42%,#047257 100%);display:flex;flex-direction:column}
.pourquoi-titre{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pourquoi-accroche{margin-top:14px;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.pourquoi ul{list-style:none;display:grid;gap:14px;margin-top:20px}
.pourquoi li{display:flex;gap:11px;align-items:flex-start}
.pourquoi li i{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.pourquoi li b{display:block;font-size:14px;font-weight:600}
.pourquoi li span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.85)}
.pourquoi-pied{margin-top:auto;padding-top:16px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.85)}
@media (max-width:720px){
  .paywall{grid-template-columns:1fr}
  .paywall .dlg{order:1}
  .pourquoi{order:2;padding:20px 22px}
  .pourquoi-accroche{font-size:17px}
}

/* Colonne de gauche de la fenêtre d'achat : mieux répartie sur toute la hauteur */
.pourquoi{justify-content:space-between;gap:18px;padding:30px 28px 26px}
.pourquoi-titre{display:flex;align-items:center;gap:10px}
.pourquoi-embleme{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28)}
.pourquoi-embleme svg{width:15px;height:15px}
.pourquoi-accroche{margin-top:16px;font-size:23px;line-height:1.2}
.pourquoi ul{gap:10px;margin-top:22px}
.pourquoi li{padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);transition:background .25s ease,transform .25s var(--doux)}
.pourquoi li:hover{background:rgba(255,255,255,.13);transform:translateX(3px)}
.pourquoi li i{background:#fff;border:0;color:#047257;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.pourquoi-bas{margin-top:auto}
.pourquoi-pied{margin:0 0 12px;padding:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.9)}
.pourquoi-pied b{color:#fff;font-weight:700}
.garanties{display:flex;flex-wrap:wrap;gap:6px}
.garanties span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#fff;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px}
.garanties span::before{content:'✓';font-weight:700;color:#B7F5E0}
@media (max-width:720px){.pourquoi{padding:22px 20px}.pourquoi-accroche{font-size:18px}}

/* Accueil : l'argument de la répartition entre concurrents */
.repartition{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(124,92,252,.25);background:linear-gradient(135deg,#F5F2FF,#fff 70%)}
.repartition i{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:linear-gradient(145deg,#8B6CFF,#6A4BE8);color:#fff;box-shadow:0 8px 16px -10px rgba(106,75,232,.8)}
.repartition b{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.015em}
.repartition p{margin-top:4px;font-size:14.5px;color:var(--ink-2);line-height:1.5}
/* Fenêtre d'achat : cinq points, un peu plus serrés */
.pourquoi ul{gap:8px}
.pourquoi li{padding:10px 13px}
/* Fenêtre d'achat : cinq points qui tiennent sans défiler sur un écran de portable */
dialog#packs{max-width:880px}
.paywall{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.pourquoi{padding:24px 24px 20px;gap:12px}
.pourquoi-accroche{margin-top:12px;font-size:20px}
.pourquoi ul{gap:6px;margin-top:14px}
.pourquoi li{padding:8px 12px;gap:10px}
.pourquoi li i{width:28px;height:28px;border-radius:8px}
.pourquoi li b{font-size:13.5px}
.pourquoi li span{font-size:12px;line-height:1.4}
.pourquoi-pied{margin-bottom:10px;font-size:12.5px}

/* Encart « Le travail de l'IA pour vous » : la qualité du travail, point par point */
.qualite{list-style:none;display:grid;gap:8px;margin-top:10px}
.qualite li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink-2)}
.qualite li b{color:var(--ink);font-weight:600}
.coche-q{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;margin-top:2px;border-radius:50%;background:var(--acc-soft);color:var(--acc)}

/* Fenêtre d'achat : le bandeau violet de la répartition, au-dessus des deux colonnes */
.repartition-haut{margin:0;border:0;border-bottom:1px solid rgba(124,92,252,.22);border-radius:0;padding:14px 24px;align-items:center;background:linear-gradient(135deg,#F1ECFF,#FBFAFF 75%)}
.repartition-haut i{width:36px;height:36px;border-radius:11px}
.repartition-haut b{font-size:15px}
.repartition-haut p{margin-top:2px;font-size:13.5px}

/* Fenêtre d'achat, remise en page */
dialog#packs{position:relative}
.fermer-x{position:absolute;top:12px;right:12px;z-index:3;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}
.fermer-x:hover{color:var(--ink);border-color:var(--line-2);transform:rotate(90deg)}
.repartition-haut{padding:14px 64px 14px 24px}
/* Colonne verte : les points se répartissent sur la hauteur, les garanties restent en bas */
.pourquoi{justify-content:flex-start}
.pourquoi ul{flex:1;align-content:space-evenly}
.pourquoi-bas{margin-top:16px}
/* Colonne des prix */
#packs .dlg{display:flex;flex-direction:column}
#packs .dlg h2{margin-top:10px}
#packs-texte{display:grid;gap:10px;margin-top:6px}
#packs-texte .manque{display:block;padding:9px 12px;border-radius:10px;background:#FFF4E5;color:#8A4B0F;font-size:13.5px}
.solde-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted)}
.solde-ligne b{font-size:15px;color:var(--acc);font-weight:700}
.tarifs-ligne{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tarifs-ligne > span{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);font-size:12px;line-height:1.3;color:var(--muted)}
.tarifs-ligne b{font-size:13.5px;color:var(--ink);font-weight:600}
#packs .packs{margin-top:16px;gap:10px}
.pack{position:relative}
.pack b{display:flex;align-items:center;gap:8px}
.remise{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--acc);background:var(--acc-soft);border-radius:999px;padding:2px 7px}
.pack.meilleur{border-color:var(--acc-bright);box-shadow:0 0 0 3px var(--acc-soft);padding-top:22px}
.pack-bandeau{position:absolute;top:-1px;left:16px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--acc);border-radius:0 0 7px 7px;padding:3px 8px}
#packs .note{margin-top:14px;font-size:13px}
#packs .compte-ligne{margin-top:10px;font-size:12.5px}
@media (max-width:560px){.tarifs-ligne{grid-template-columns:1fr}.repartition-haut{padding-right:56px}}

/* Accueil : l encart de la répartition sous la liste des étapes */
.entete.accueil .repartition{margin-top:22px;max-width:760px}

/* Accueil : « On trouve vos futurs clients », puis un vrai champ de saisie pour le nom de la société */
.entete.accueil h1{font-size:clamp(30px,4.8vw,44px);line-height:1.1;margin-bottom:0}
.entete.accueil > .nomzone{margin-top:22px;max-width:640px}
.entete.accueil .nomzone input{
  width:100%;padding:17px 58px 17px 20px;border:1.5px solid var(--line-2);border-radius:16px;background:#fff;
  font-size:19px;font-weight:500;letter-spacing:-.015em;line-height:1.3;color:var(--ink);box-shadow:var(--ombre);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.entete.accueil .nomzone input::placeholder{color:var(--faint);font-weight:400}
.entete.accueil .nomzone input:hover{border-color:var(--faint)}
.entete.accueil .nomzone input:focus{border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft),var(--ombre)}
.entete.accueil .nomzone .orbe{position:absolute;right:15px;top:50%;margin-top:-15px;opacity:.55}
.entete.accueil .nomzone .suggestions{right:0}
@media (max-width:720px){
  .entete.accueil > .nomzone{margin-top:18px}
  .entete.accueil .nomzone input{padding:15px 54px 15px 16px;font-size:17px;border-radius:14px}
}
/* « en 1 clic » et « et quelques secondes » : deux pastilles côte à côte sous le champ, bien visibles */
.vites{position:absolute;right:0;top:calc(100% + 12px);display:flex;align-items:center;gap:8px}
.vites .vite{position:static;padding:8px 14px;border-radius:999px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;background:var(--acc-soft);color:var(--acc);box-shadow:0 6px 16px -10px rgba(4,128,101,.55)}
.vites .vite svg{color:var(--acc-bright);animation:eclair 2.6s ease-in-out infinite}
.vites .vite.clic{background:var(--ink);color:#fff;box-shadow:0 6px 16px -10px rgba(17,19,24,.7)}
.vites .vite.clic svg{color:#7FE3CC;animation:none}
@keyframes eclair{0%,70%,100%{transform:none;opacity:1}80%{transform:scale(1.35) rotate(-8deg);opacity:.85}90%{transform:scale(.95)}}
@media (max-width:720px){.vites{gap:6px}.vites .vite{padding:7px 12px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.vites .vite svg{animation:none}}

/* ── Accueil centré : le titre, le champ et ses pastilles au milieu ; les étapes sur une ligne ── */
.entete.accueil{padding-top:76px;text-align:center}
.entete.accueil > .label{justify-content:center}
.entete.accueil > .label::after{display:none}
.entete.accueil .aura{top:-70px;right:auto;left:50%;margin-left:-380px;width:760px;height:440px;opacity:.55}
.entete.accueil h1{font-size:clamp(34px,5.6vw,58px);letter-spacing:-.042em;line-height:1.04;margin:20px 0 0}
.entete.accueil > .nomzone{margin:30px auto 66px;max-width:600px}
.entete.accueil .nomzone input{padding:19px 60px 19px 22px;font-size:20px;border-radius:18px;box-shadow:0 1px 2px rgba(17,19,24,.04),0 18px 40px -22px rgba(17,19,24,.3)}
.entete.accueil .nomzone input:focus{box-shadow:0 0 0 4px var(--acc-soft),0 18px 40px -22px rgba(4,128,101,.45)}
.entete.accueil .nomzone .orbe{right:17px}
.entete.accueil .suggestions,.entete.accueil #confirmation,.entete.accueil .avancee-corps,.entete.accueil .repartition{text-align:left}
.entete.accueil .vites{right:auto;left:50%;transform:translateX(-50%);white-space:nowrap}
.entete.accueil > #aide{max-width:56ch;margin:0 auto;font-size:16.5px;line-height:1.6}
.entete.accueil > .avancee{margin:18px auto 0}
.entete.accueil .confirme{margin:22px auto 0}
.entete.accueil .repartition{margin:40px auto 0;max-width:720px}
.entete.accueil .sous-saisie{justify-content:center;margin-top:18px}
/* Les étapes : une frise horizontale, reliée par un trait */
.entete.accueil .etapes{grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin:52px auto 0;max-width:860px}
.entete.accueil .etapes::before{left:calc(50% / var(--n,5));right:calc(50% / var(--n,5));top:17px;bottom:auto;width:auto;height:1px;background:var(--line-2)}
.entete.accueil .etape{grid-template-columns:1fr;justify-items:center;gap:10px;padding:0;text-align:center}
.entete.accueil .etape > div{padding-top:0}
.entete.accueil .etape b{display:block;font-size:13.5px;font-weight:500;line-height:1.35;color:var(--ink-2);text-wrap:balance}
.entete.accueil .etape.attente > div{opacity:.85}
.entete.accueil .etape .pct,.entete.accueil .etape small,.entete.accueil .etape .mini{display:none}
@media (max-width:720px){
  .entete.accueil{padding-top:44px}
  .entete.accueil h1{margin-top:16px}
  .entete.accueil > .nomzone{margin:24px auto 62px}
  .entete.accueil .nomzone input{padding:16px 54px 16px 17px;font-size:17px;border-radius:15px}
  .entete.accueil > #aide{font-size:15.5px}
  .entete.accueil .aura{width:420px;margin-left:-210px}
  /* Sur téléphone, les étapes restent en colonne, groupées au milieu */
  .entete.accueil .etapes{grid-auto-flow:row;width:fit-content;margin-top:36px;gap:2px}
  .entete.accueil .etapes::before{left:16.5px;right:auto;top:24px;bottom:24px;width:1px;height:auto}
  .entete.accueil .etape{grid-template-columns:34px 1fr;justify-items:start;align-items:center;gap:13px;padding:8px 0;text-align:left}
  .entete.accueil .etape b{font-size:14.5px}
  .entete.accueil .repartition{margin-top:30px}
}
.entete.accueil > .label,.entete.accueil > .sous-saisie{max-width:none}
@media (max-width:720px){.entete.accueil > .label{font-size:10px;letter-spacing:.11em;gap:7px;white-space:nowrap}}
/* Les deux pastilles passent au-dessus du champ : titre, « en 1 clic et quelques secondes », puis la saisie */
.entete.accueil .vites{top:auto;bottom:calc(100% + 16px)}
.entete.accueil > .nomzone{margin:78px auto 26px}
@media (max-width:720px){.entete.accueil .vites{bottom:calc(100% + 14px)}.entete.accueil > .nomzone{margin:68px auto 22px}}
/* Même respiration (24 px à l'œil) entre le titre, les pastilles, le champ, le texte et « Recherche avancée » */
.entete.accueil .vites{bottom:calc(100% + 24px)}
.entete.accueil > .nomzone{margin:70px auto 20px}
.entete.accueil > .avancee{margin-top:20px}
@media (max-width:720px){
  .entete.accueil .vites{bottom:calc(100% + 22px)}
  .entete.accueil > .nomzone{margin:66px auto 18px}
  .entete.accueil > .avancee{margin-top:18px}
}
.entete.accueil .vites{bottom:calc(100% + 22px)}
.entete.accueil > .avancee{margin-top:12px}
@media (max-width:720px){.entete.accueil .vites{bottom:calc(100% + 20px)}.entete.accueil > .avancee{margin-top:12px}}
.entete.accueil > .nomzone{margin-bottom:16px}
.entete.accueil > .avancee{margin-top:9px}
@media (max-width:720px){.entete.accueil > .nomzone{margin-bottom:15px}.entete.accueil > .avancee{margin-top:9px}}
.entete.accueil .vites{bottom:calc(100% + 24px)}
.entete.accueil > .nomzone{margin-top:72px}
@media (max-width:720px){.entete.accueil .vites{bottom:calc(100% + 22px)}.entete.accueil > .nomzone{margin-top:68px}}

/* ── Fiche débloquée : elle se prépare dans sa carte, à sa place dans la liste, puis devient « Ouvrir la fiche » ── */
.carte.fiche-prepa{cursor:default;border-color:#CDEEE5;background:linear-gradient(180deg,#fff,#F6FCFA)}
.carte.fiche-prepa:hover{transform:none;box-shadow:none;border-color:#CDEEE5}
.carte.fiche-prepa > div{min-width:0}
.carte.fiche-prepa .mini{max-width:340px;margin-top:10px}
.prepa-etat{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.prepa-etat i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(4,128,101,.22);border-top-color:var(--acc);animation:tourne .8s linear infinite}
.fiche-carte.achetee:not([open]) .ouvrir{background:var(--acc);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px rgba(4,128,101,.7)}
.fiche-carte.vient-prete > summary{animation:nouvelle 2.6s ease-out}
.fiche-carte.vient-prete:not([open]) .ouvrir{animation:appel 1.1s var(--ressort) 2}
@keyframes appel{50%{transform:scale(1.08)}}
@media (max-width:560px){
  .carte.fiche-prepa{grid-template-columns:auto 1fr}
  .carte.fiche-prepa .prepa-etat{grid-column:2;justify-self:start}
}

/* ── Notifications en bas de page (« Fiche prête ») ── */
.notifs{position:fixed;left:22px;bottom:22px;z-index:140;display:grid;gap:8px;width:min(400px,calc(100vw - 32px));transition:bottom .4s var(--doux)}
body:has(.barre.visible) .notifs{bottom:98px}
.notif{display:flex;align-items:center;gap:11px;padding:12px 10px 12px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;box-shadow:var(--ombre-haute);animation:notif-entre .45s var(--doux);transition:opacity .35s ease,transform .35s ease}
.notif > i{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--acc-bright)}
.notif > i svg{width:13px;height:13px;display:block}
.notif > span{flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}
.notif .btn{flex:none}
.notif-x{flex:none;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.6);font-size:18px;line-height:1;cursor:pointer}
.notif-x:hover{background:rgba(255,255,255,.12);color:#fff}
.notif.part{opacity:0;transform:translateY(8px)}
@keyframes notif-entre{from{opacity:0;transform:translateY(14px)}}
@media (max-width:520px){.notifs{left:12px;right:74px;width:auto;bottom:16px}}
@media (prefers-reduced-motion:reduce){.prepa-etat i,.notif,.fiche-carte.vient-prete .ouvrir{animation:none}}
/* Sur téléphone : le bouton « Ouvrir la fiche » passe sous le texte, et la bulle comme la notification se placent au-dessus du panier, plus haut qu'à l'ordinateur */
@media (max-width:560px){
  .offerte-carte > summary.carte{grid-template-columns:auto 1fr}
  .offerte-carte > summary .ouvrir{white-space:nowrap}
}
@media (max-width:520px){
  body:has(.barre.visible) .notifs{bottom:152px}
}

/* ── Partage d'une fiche par un lien ── */
.btn.partager{gap:7px}
.zone-partage:empty{display:none}
.partage-fiche{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--acc-soft);font-size:13.5px}
.partage-fiche > span{font-weight:600;color:var(--acc)}
.partage-fiche code{flex:1;min-width:180px;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid rgba(4,128,101,.18);font-family:var(--mono);font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partage-fiche .copier{position:static;flex:none}
.partage-fiche .lien{flex:none;font-size:13px;color:var(--muted)}
.partage-fiche small{flex-basis:100%;font-size:12px;color:var(--muted)}

/* ── « Nouvelle recherche » sous la liste de prospects ── */
.nouvelle-recherche{display:flex;align-items:center;gap:20px;margin-top:34px;padding:18px 20px;border:1px dashed var(--line-2);border-radius:16px;background:var(--bg-soft)}
.nouvelle-recherche b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.nouvelle-recherche p{margin-top:4px;font-size:14px;line-height:1.55;color:var(--muted);max-width:60ch}
.nouvelle-recherche .btn{flex:none;white-space:nowrap}
@media (max-width:640px){.nouvelle-recherche{flex-direction:column;align-items:flex-start;gap:14px}}

/* ── Icône de partage sur la carte d'une fiche analysée ── */
.actions-carte{display:inline-flex;align-items:center;gap:8px}
.partager-icone{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink-2);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .25s var(--doux)}
.partager-icone svg{width:15px;height:15px}
.partager-icone:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}
.partager-icone.actif{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
.partager-icone[disabled]{opacity:.5;cursor:progress}
@media (max-width:560px){
  .offerte-carte > summary .actions-carte{grid-column:2;justify-self:start}
}

/* Pendant la recherche : laisser son adresse pour recevoir le lien des résultats. */
.courriel-attente{margin-top:22px;padding:18px 20px;border:1.5px solid var(--acc);border-radius:14px;background:var(--acc-soft);box-shadow:0 6px 20px -10px var(--acc)}
.courriel-attente .label{margin:0;color:var(--acc);font-weight:600}
.courriel-attente .label::after{background:var(--acc);opacity:.25}
.courriel-texte{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink)}
.courriel-ligne{display:flex;gap:8px;margin-top:12px}
.courriel-ligne input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--acc);border-radius:10px;background:#fff;color:var(--ink)}
.courriel-ligne input:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:transparent}
.courriel-ligne .btn{flex:none;white-space:nowrap}
.courriel-attente .erreur{margin-top:8px}
.courriel-attente .astuce{margin-top:8px;color:var(--ink-2)}
.courriel-ok{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-radius:12px;background:var(--acc-soft);color:var(--acc);font-size:14.5px;line-height:1.5}
.courriel-ok .coche-q{margin-top:4px;flex:none}
.attente-plan .resume{margin-top:10px;font-size:15px;max-width:none}
.attente-plan .etapes{margin-top:18px}
@media (max-width:480px){.courriel-ligne{flex-direction:column}.courriel-ligne .btn{width:100%}}

/* Suivi d'un prospect : où en est le client. */
.statut-prospect{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.statut-titre{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.statut-pastille{font:inherit;font-size:13.5px;padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;background:#fff;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s}
.statut-pastille:hover{border-color:var(--acc);color:var(--acc)}
.statut-pastille.actif{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
.statut-pastille:disabled{opacity:.6;cursor:wait}
.statut-puce:empty{display:none}
.puce.statut-contacte{background:#EAF1FF;color:#1D4ED8}
.puce.statut-repondu{background:#FFF4DB;color:#8A5A00}
.puce.statut-gagne{background:#DDF5E8;color:#0A7A45;font-weight:600}
.puce.statut-perdu{background:#F1F2F4;color:#6B7280}
.puce.statut-a_contacter{background:#F3EEFF;color:#6D3FC8}
/* La fiche offerte, tant qu'elle n'est pas ouverte : le bouton se voit. */
#offerte:not([open]) .ouvrir{background:#FFF8E1;border-color:#E3C766;color:#7A5600;font-weight:600;animation:offerte-pouls 2.4s ease-in-out infinite}
@keyframes offerte-pouls{0%,100%{box-shadow:0 0 0 0 rgba(227,199,102,.55)}50%{box-shadow:0 0 0 7px rgba(227,199,102,0)}}
@media (prefers-reduced-motion:reduce){#offerte:not([open]) .ouvrir{animation:none}}

/* Contact : lien de l'en-tête et fenêtre. */
.lien-nav{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:6px 4px;border-radius:8px}
.lien-nav:hover{color:var(--acc)}
#contact .boite pre{font-size:15px}
@media (max-width:420px){.lien-nav{font-size:13px;padding:6px 2px}}

/* Étape B : le premier prospect, montré pendant que le classement se termine. */
.carte.provisoire .ouvrir{pointer-events:none;border-color:#E3C766;color:#7A5600;background:#FFF8E1}
.carte.provisoire:not(.payee){border-color:#F1D98A;background:linear-gradient(180deg,#fff,#FFFDF5)}
.carte.provisoire.payee .ouvrir{border-color:var(--line-2);color:var(--ink-2);background:#fff}

/* Écarter un prospect : la croix de sa carte, et « Annuler » dans la bulle. */
.carte.choix{position:relative}
.carte.choix h3{padding-right:26px}
.ecarter{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--faint);font-size:22px;line-height:28px;cursor:pointer;transition:background .15s,color .15s}
.ecarter:hover{background:var(--bg-soft);color:var(--ink)}
.annonce.avec-action button{font:inherit;background:none;border:0;color:#7CE0BE;font-weight:600;text-decoration:underline;cursor:pointer;margin-left:6px}

/* Sur téléphone, la carte « premier prospect » suit la même grille que la fiche offerte : le texte passe à droite du numéro, le bouton dessous. */
.carte.provisoire > div{min-width:0}
.carte.provisoire .ouvrir{white-space:nowrap}
@media (max-width:560px){
  .carte.provisoire{grid-template-columns:auto 1fr}
  .carte.provisoire .actions-carte{grid-column:2;justify-self:start}
}

/* Bloc « Explorer » au-dessus du pied de page : un accès clair vers les pages de référencement (marchés, guides, métiers). */
.explorer{margin-top:64px}
.explorer-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.explorer-carte{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .35s var(--doux),box-shadow .35s var(--doux),border-color .25s ease}
.explorer-carte:hover{transform:translateY(-2px);box-shadow:var(--ombre);border-color:var(--acc-bright)}
.explorer-carte b{font-size:16.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.explorer-carte b:after{content:' →';color:var(--acc)}
.explorer-carte span{font-size:14.5px;color:var(--muted);line-height:1.5}
@media (max-width:820px){.explorer-grille{grid-template-columns:1fr}}
body[data-page="recherche"] .explorer{display:none}


/* ── Page résultats : réglages repliés en une ligne, cartes qui se retournent ── */
.deux.large{display:block;margin-top:18px}
.deux.large .cote{position:static;max-height:none;overflow:visible;border-radius:0}
.deux.large #lots{margin-top:22px}
.reglages{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.reglage{position:relative}
.reglage > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--ink-2);user-select:none;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}
.reglage > summary::-webkit-details-marker{display:none}
.reglage > summary::after{content:'';width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;transition:transform .2s ease}
.reglage[open] > summary::after{transform:rotate(-135deg) translateY(-1px)}
.reglage > summary small{font-family:var(--mono);font-size:11.5px;color:var(--acc);background:var(--acc-soft);border-radius:999px;padding:2px 9px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reglage > summary:hover,.reglage[open] > summary{border-color:var(--acc);color:var(--acc)}
.reglage[open] > summary{box-shadow:0 0 0 3px var(--acc-soft)}
.reglage-panneau{position:absolute;z-index:40;top:calc(100% + 10px);left:0;width:min(460px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px 18px;box-shadow:0 24px 50px -24px rgba(17,19,24,.35)}
.reglage-panneau > .label:first-child{display:none}
.reglage-panneau .cibles li,.reglage-panneau .cibles li:has(.bascule){grid-template-columns:auto 1fr auto;font-size:13.5px}
.reglage-panneau .cibles small.choix{grid-column:2;grid-row:2;white-space:normal}
.reglage-panneau .cibles .bascule{grid-column:3;grid-row:1 / span 2;align-self:center}
.reglage-panneau .cibles{gap:9px}
.reglages-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.reglages-actions .astuce{margin:0}
@media (max-width:720px){
  .reglages{position:relative}
  .reglage{position:static}
  .reglage-panneau{left:0;right:0;width:auto}
  .reglages-actions{margin-left:0;width:100%}
  body:has(.deux) #vue .deux.large .cote{order:0}
  .reglages{gap:8px}
  .reglage > summary{padding:7px 12px;font-size:13.5px}
  .reglage > summary small{display:none}
}

/* La grille prend toute la largeur : deux ou trois cartes par ligne */
.deux.large #lots .grille{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-top:14px}
.deux.large #lots .grille > details,.deux.large #lots .grille > .fiche-prepa{grid-column:1 / -1}

/* La carte qui se retourne : recto = vraie carte colorée (comme celles de l'accueil), verso = pourquoi + panier */
.carte.flip{--teinte:#048065;--fond:#E4F6F1;--rx:0deg;--ry:0deg;--demi-tour:0deg;--mx:50%;--my:30%;display:block;padding:0;border:0;background:none;box-shadow:none;height:318px;perspective:1300px;cursor:pointer;outline:none}
.carte.flip.t1{--teinte:#2F6FE4;--fond:#E8F0FE}
.carte.flip.t2{--teinte:#D9822B;--fond:#FDF1E3}
.carte.flip.t3{--teinte:#048065;--fond:#fff}
.carte.flip .anneau.numero .arc{stroke:var(--teinte)}
.carte.flip .anneau.numero b{color:var(--ink)}
.carte.flip.reco .anneau.numero .arc{stroke:#7C5CFC}
.carte.flip:hover,.carte.flip.choisie{transform:none;box-shadow:none;border:0;background:none}
.flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--demi-tour)));transition:transform .5s cubic-bezier(.45,0,.55,1),translate .35s var(--doux),scale .35s var(--doux)}
.carte.flip:not(.retournee):hover .flip-in{translate:0 -5px;scale:1.015}
.carte.flip.retournee{--demi-tour:180deg}
.carte.flip:focus-visible .face{outline:2px solid var(--teinte);outline-offset:3px}
.face{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px 18px;border:1px solid color-mix(in srgb,var(--teinte) 16%,var(--line));border-top:4px solid var(--teinte);border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 34px -24px rgba(17,19,24,.45),0 2px 6px -2px rgba(17,19,24,.08);transition:box-shadow .3s ease,border-color .3s ease}
.carte.flip:hover .face{box-shadow:0 30px 46px -26px rgba(17,19,24,.5),0 0 0 4px var(--fond)}
.carte.flip.choisie .face{border-color:var(--teinte);box-shadow:0 0 0 3px var(--fond),0 0 0 5px var(--teinte),0 22px 40px -26px rgba(17,19,24,.5)}
/* Recto */
.recto{background:linear-gradient(168deg,var(--fond) 0%,#fff 64%)}
.recto::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(260px circle at var(--mx) var(--my),color-mix(in srgb,var(--teinte) 7%,transparent),transparent 70%)}
.carte.flip:hover .recto::before{opacity:1}
.filigrane{position:absolute;right:10px;bottom:44px;font-size:104px;font-weight:800;letter-spacing:-.06em;line-height:1;color:color-mix(in srgb,var(--teinte) 6%,transparent);pointer-events:none;transition:transform .5s var(--doux),color .3s ease}
.carte.flip:hover .filigrane{transform:translate(-4px,-6px) scale(1.06);color:color-mix(in srgb,var(--teinte) 17%,transparent)}
.recto > .r-haut,.recto > h3,.recto > .raison,.recto > .r-meta{position:relative}
.r-haut{display:flex;align-items:center;gap:12px;padding-right:28px}
.r-haut .anneau{flex:none;color:var(--teinte)}
.r-types{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.r-type{font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--teinte);background:#fff;border:1px solid color-mix(in srgb,var(--teinte) 24%,transparent);border-radius:999px;padding:3px 10px}
.r-type.nat{background:var(--teinte);color:#fff;border-color:transparent}
.r-reco svg{width:12px;height:12px;flex:none;fill:currentColor;stroke:currentColor}
.r-reco{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;font-weight:600;color:#7A5600;background:#FFE9A8;border-radius:999px;padding:3px 10px}
.recto h3{margin-top:12px;font-size:17px;font-weight:650;letter-spacing:-.02em;line-height:1.28;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recto .raison{margin-top:6px;font-size:13.5px;color:var(--ink-2);opacity:.82;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.r-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.r-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.r-meta svg{width:12px;height:12px;color:var(--teinte)}
.r-bas{position:absolute !important;left:18px;right:56px;bottom:14px;display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--teinte) 28%,var(--line))}
.retourner{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--teinte);white-space:nowrap}
.retourner svg{width:14px;height:14px;transition:transform .6s var(--ressort)}
.carte.flip:hover .retourner svg{transform:rotate(180deg)}
.verrou{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--faint)}
.verrou svg{width:13px;height:13px}
.verrou i{display:block;height:9px;border-radius:4px;background:linear-gradient(90deg,var(--line) 20%,#F4F4F7 50%,var(--line) 80%);background-size:200% 100%;animation:reflet 2.2s linear infinite;filter:blur(1px)}
.verrou i:first-of-type{width:46px}.verrou i:last-of-type{width:26px}
.recto .coche{position:absolute;right:16px;bottom:11px;z-index:2}
.recto .ecarter{top:12px;right:10px;z-index:2}
.carte.flip.choisie .recto::after{content:'Dans le panier';position:absolute;right:46px;top:-4px;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#fff;background:var(--teinte);border-radius:0 0 8px 8px;padding:3px 10px}
/* Recommandée : même taille que les autres, simplement marquée en violet (liseré, pastille, numéro, filigrane) */
.carte.flip.reco{--teinte:#7C5CFC;--fond:#F1EDFF}
.carte.flip.reco .face{border-color:color-mix(in srgb,var(--teinte) 26%,var(--line));border-top-color:var(--teinte);box-shadow:0 18px 34px -24px rgba(124,92,252,.45),0 2px 6px -2px rgba(17,19,24,.08)}
.carte.flip.reco:hover .face{box-shadow:0 30px 46px -26px rgba(124,92,252,.5),0 0 0 4px var(--fond)}
.carte.flip.reco .recto{background:linear-gradient(168deg,#EEE8FF 0%,#fff 62%)}
.carte.flip.reco .recto .reflet{display:none}
@media (min-width:900px){.deux.large #lots .grille{grid-auto-flow:dense}.carte.flip.reco{grid-column:span 2}}
.carte.flip.reco .recto h3{font-size:21px}
.carte.flip.reco .recto .raison{font-size:14.5px;opacity:.9}
.carte.flip.reco .filigrane{font-size:150px;bottom:36px}
@media (max-width:899px){.carte.flip.reco .recto h3{font-size:17px}.carte.flip.reco .filigrane{font-size:104px;bottom:44px}}
.carte.flip.reco .r-reco{background:var(--teinte);color:#fff}
/* Verso */
.verso{transform:rotateY(180deg);background:linear-gradient(180deg,var(--fond),#fff 72%)}
.verso .label{margin:0 0 8px;color:var(--teinte)}
.verso-raison{font-size:15.5px;line-height:1.55;color:var(--ink);margin-top:0;overflow:auto;max-height:150px}
.verso-note{font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}
.verso-actions{display:flex;align-items:center;gap:14px;margin-top:auto}
.verso-actions .lien{font-size:14px}
.carte.flip.nouvelle{animation:none}
.carte.flip.nouvelle .face{animation:nouvelle 2.4s ease-out}
@media (max-width:560px){.deux.large #lots .grille{grid-template-columns:1fr}.carte.flip{height:330px}}
@media (prefers-reduced-motion:reduce){.flip-in{transition:none}.carte.flip.reco .recto .reflet{animation:none}}

/* Les fiches déjà obtenues (offerte, débloquées) restent en tête de la grille ; les recommandées gardent leur rang dans la grille */
.deux.large #lots .grille > details,.deux.large #lots .grille > .fiche-prepa{order:-2}

/* ── Page résultats : composition plus riche (chiffres, encart de l'IA, barre de réglages en verre, filtres) ── */
body:has(.deux.large) .entete{padding-top:44px}
body:has(.deux.large) .entete h1{font-size:clamp(30px,4.6vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.08}
body:has(.deux.large) .entete h1 em{background:linear-gradient(100deg,#048065 10%,#02B58E 70%,#2FA68E);-webkit-background-clip:text;background-clip:text;color:transparent}
body:has(.deux.large) .chiffres{gap:12px;margin-top:20px}
body:has(.deux.large) .chiffres span{display:flex;flex-direction:column;gap:3px;min-width:160px;padding:14px 20px 13px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#F8FCFA);box-shadow:0 16px 30px -24px rgba(17,19,24,.4);font-size:11.5px;letter-spacing:.01em;line-height:1.35;color:var(--muted);transition:transform .35s var(--doux),box-shadow .35s var(--doux)}
body:has(.deux.large) .chiffres span:hover{transform:translateY(-3px);box-shadow:0 22px 34px -24px rgba(4,128,101,.45)}
body:has(.deux.large) .chiffres b{display:block;margin:0;font-size:32px;font-weight:700;letter-spacing:-.045em;line-height:1.05;background:linear-gradient(120deg,var(--ink) 20%,#048065);-webkit-background-clip:text;background-clip:text;color:transparent}
body:has(.deux.large) .explication{position:relative;padding:18px 24px 18px 28px;border-radius:20px;background:linear-gradient(115deg,#EEF9F5 0%,#fff 62%);border:1px solid color-mix(in srgb,var(--acc) 14%,var(--line));color:var(--ink-2) !important;font-weight:450;font-size:16px;line-height:1.65;box-shadow:0 20px 40px -30px rgba(4,128,101,.55)}
body:has(.deux.large) .explication::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--acc-bright),var(--acc))}
body:has(.deux.large) .explication .etincelle{margin-top:6px;flex:none}
/* La barre de réglages reste sous l'en-tête quand on fait défiler */
.deux.large .cote{display:contents}
.deux.large .reglages{position:sticky;top:62px;z-index:35;padding:10px 14px;margin:0 -14px;border-radius:18px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.deux.large .reglage > summary{box-shadow:0 8px 18px -14px rgba(17,19,24,.35)}
/* En-tête de liste et filtres par type */
.pistes > .label{font-size:12px}
.entete-pistes .lien{border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.entete-pistes .lien:hover{background:var(--acc-soft);border-color:var(--acc)}
.filtres{display:flex;flex-wrap:nowrap;gap:8px;margin:16px 0 2px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.filtres::-webkit-scrollbar{display:none}
.filtre{font:inherit;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s var(--doux),box-shadow .2s ease}
.filtre small{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg-soft);border-radius:999px;padding:1px 8px;transition:background .2s ease,color .2s ease}
.filtre:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}
.filtre.actif{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 20px -14px rgba(17,19,24,.7)}
.filtre.actif small{background:rgba(255,255,255,.18);color:#fff}
.filtre.reco{border-color:color-mix(in srgb,#7C5CFC 35%,var(--line-2));color:#6A49EE}
.filtre.reco.actif{background:#7C5CFC;border-color:#7C5CFC;color:#fff}
.carte.flip[hidden]{display:none}
/* Les fiches déjà obtenues : plus soignées, entre elles et avec les cartes */
.deux.large .grille > details > summary.carte{padding:18px 24px;border-radius:20px;box-shadow:0 18px 34px -26px rgba(17,19,24,.4)}
.deux.large .grille > details#offerte > summary.carte{background:linear-gradient(115deg,#FFF8DC 0%,#fff 66%);border-color:#EFD684;box-shadow:0 22px 40px -28px rgba(214,160,0,.55)}
.deux.large .grille > details.achetee > summary.carte{background:linear-gradient(115deg,#EEF9F5 0%,#fff 62%);border-color:color-mix(in srgb,var(--acc) 22%,var(--line));box-shadow:0 20px 38px -28px rgba(4,128,101,.5)}
/* Un peu de variété : la lumière de chaque carte vient d'un coin différent */
@media (max-width:720px){
  .deux.large .reglages{position:static;margin:0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body:has(.deux.large) .chiffres span{min-width:0;flex:1 1 140px}
  body:has(.deux.large) .chiffres b{font-size:26px}
}

/* Un filtre actif : les recommandées reprennent la taille des autres, pour ne pas laisser de trou */
@media (min-width:900px){.deux.large #lots .grille.filtre-actif .carte.flip.reco{grid-column:auto}}
.note-zone{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:14px 0 0;padding:11px 16px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--acc) 40%,var(--line));background:linear-gradient(115deg,#F3FBF8,#fff 70%);font-size:14px;color:var(--ink-2)}
.note-zone b{color:var(--ink);font-weight:600}
.note-zone .lien{font-size:14px;font-weight:600}
/* Complétion des villes */
.communes{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;display:grid;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 44px -22px rgba(17,19,24,.4)}
.zone-libre{position:relative}
.zone-libre .communes{right:0;top:calc(100% + 6px)}
.commune{font:inherit;display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--ink)}
.commune b{font-weight:600;font-size:14.5px}
.commune small{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commune:hover,.commune.actif{background:var(--acc-soft)}

/* ── Onglets « À découvrir » / « Mes fiches » ── */
.masque{display:none !important}
.grille[hidden],.grille-fiches[hidden]{display:none}
.onglets{display:inline-flex;gap:4px;margin:16px 0 4px;padding:4px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line)}
.onglet{font:inherit;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.onglet small{font-family:var(--mono);font-size:11.5px;font-weight:500;background:rgba(17,19,24,.07);border-radius:999px;padding:1px 8px}
.onglet:hover{color:var(--ink)}
.onglet.actif{background:#fff;color:var(--ink);box-shadow:0 8px 18px -10px rgba(17,19,24,.35)}
.onglet.actif small{background:var(--acc-soft);color:var(--acc)}
/* Mes fiches : une ligne compacte par fiche, qui s'ouvre sur la fiche complète */
.grille-fiches{display:grid;gap:10px;margin-top:16px}
.rech-fiches{font:inherit;font-size:14.5px;width:100%;padding:10px 16px;border:1px solid var(--line-2);border-radius:999px;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.rech-fiches:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.grille-fiches > details > summary.carte{padding:10px 18px;gap:14px;border-radius:16px;box-shadow:0 12px 24px -20px rgba(17,19,24,.4)}
.grille-fiches > details > summary.carte .anneau{width:42px;height:42px}
.grille-fiches > details > summary.carte .anneau svg{width:42px;height:42px}
.grille-fiches > details > summary.carte .anneau b{font-size:16px}
.grille-fiches > details > summary.carte .meta{margin-bottom:3px}
.grille-fiches > details > summary.carte h3{font-size:15.5px}
.grille-fiches > details > summary.carte p{display:none}
.grille-fiches > details#offerte > summary.carte{background:linear-gradient(115deg,#FFF8DC 0%,#fff 66%);border-color:#EFD684}
.grille-fiches > details.achetee > summary.carte{background:linear-gradient(115deg,#EEF9F5 0%,#fff 62%);border-color:color-mix(in srgb,var(--acc) 22%,var(--line))}
@media (max-width:720px){.onglets{display:flex;width:100%}.onglet{flex:1;justify-content:center;padding:8px 10px}}
/* Mes fiches : une ligne par fiche, tout sur une seule ligne */
.grille-fiches > details > summary.carte{min-width:0}
.grille-fiches > details > summary.carte > div{min-width:0}
.grille-fiches > details > summary.carte h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Achat : la carte s'envole vers l'onglet « Mes fiches », qui rebondit ; un point signale une fiche en préparation */
.carte.vol{will-change:transform,opacity;box-shadow:0 30px 50px -20px rgba(17,19,24,.45);border-radius:18px}
.carte.vol .flip-in{transition:none !important;transform:none !important}
.onglet.rebond{animation:rebond-onglet .6s var(--ressort)}
@keyframes rebond-onglet{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.97)}100%{transform:scale(1)}}
.onglet.rebond small{background:var(--acc);color:#fff}
.onglet .prepa{width:8px;height:8px;border-radius:50%;background:var(--acc-bright);box-shadow:0 0 0 0 rgba(2,181,142,.6);animation:pouls-prepa 1.4s ease-out infinite}
@keyframes pouls-prepa{70%{box-shadow:0 0 0 8px rgba(2,181,142,0)}100%{box-shadow:0 0 0 0 rgba(2,181,142,0)}}
/* Les onglets restent visibles sous la barre de réglages : la carte a toujours une cible vers laquelle voler */
.onglets{position:sticky;top:128px;z-index:34}
@media (max-width:720px){.onglets{top:66px}}
@media (prefers-reduced-motion:reduce){.onglet.rebond,.onglet .prepa{animation:none}}
/* Les onglets, bien visibles : grand sélecteur blanc, l'onglet actif plein vert */
.onglets{display:flex;width:100%;max-width:580px;margin:18px 0 6px;padding:6px;gap:6px;border-radius:22px;background:#fff;border:1px solid var(--line-2);box-shadow:0 20px 38px -24px rgba(17,19,24,.5)}
.onglet{flex:1;justify-content:center;font-size:16px;font-weight:650;letter-spacing:-.01em;padding:13px 22px;border-radius:16px;color:var(--ink-2)}
.onglet svg{width:17px;height:17px;flex:none;transition:transform .35s var(--ressort)}
.onglet:hover svg{transform:scale(1.15) rotate(-6deg)}
.onglet small{font-size:12.5px;font-weight:600;padding:2px 10px;background:var(--bg-soft);color:var(--ink-2)}
.onglet:not(.actif):hover{background:var(--acc-soft);color:var(--acc)}
.onglet.actif{background:linear-gradient(135deg,#048065 0%,#02A07F 100%);color:#fff;box-shadow:0 16px 26px -14px rgba(4,128,101,.85)}
.onglet.actif small{background:rgba(255,255,255,.24);color:#fff}
.onglet.rebond small{background:#fff;color:var(--acc)}
.onglet .prepa{background:#7CF2CF}
.onglet:not(.actif) .prepa{background:var(--acc-bright)}
@media (max-width:720px){.onglet{font-size:15px;padding:12px 10px}.onglet svg{display:none}}

.grille-fiches{grid-template-columns:1fr}
.grille-fiches > details > summary.carte .meta{flex-wrap:nowrap;overflow:hidden;min-width:0}
.grille-fiches > details > summary.carte .meta .puce{flex:none;white-space:nowrap}
.grille-fiches > .fiche-prepa{padding:10px 18px;gap:14px;border-radius:16px}
.grille-fiches > .fiche-prepa .meta{flex-wrap:nowrap;overflow:hidden;margin-bottom:3px}
.grille-fiches > .fiche-prepa .meta .puce{flex:none;white-space:nowrap}
.grille-fiches > .fiche-prepa h3{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grille-fiches > .fiche-prepa p{display:none}
.grille-fiches > .fiche-prepa .mini{margin-top:6px;max-width:260px}
.grille-fiches > .fiche-prepa .anneau{width:42px;height:42px}
.grille-fiches > .fiche-prepa .anneau svg{width:42px;height:42px}

/* Le titre de l'accueil : « futurs » reste fixe, le mot d'après défile (clients, marchés, projets, partenaires) */
.accueil h1 .vert{color:var(--acc-title)}
.accueil h1 .mot{color:inherit}
@media (prefers-reduced-motion:reduce){.mot{transition:none}.mot.entre{animation:none}}
.accueil h1 .mot{white-space:nowrap;transition:transform .24s var(--doux),opacity .24s ease,filter .24s ease}
/* Le titre sur deux lignes : « On trouve vos » puis « futurs [mot] » */
.accueil h1 .vert{display:block}

/* ── Mobile (iPhone/Safari) : barre du panier compacte, et le verso d'une carte ne laisse plus transparaître le recto ── */
@media (max-width:720px){
  .barre{gap:10px;padding:9px 9px 9px 14px;bottom:12px;width:calc(100vw - 24px)}
  .barre .orbe{display:none}
  .barre .compte{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.35}
  .barre .compte b{font-size:15px}
  .barre .compte small{display:none}
  .barre .btn{flex:none;margin-left:0;font-size:14px;padding:11px 14px;white-space:nowrap}
}
/* Safari garde visibles les éléments positionnés du recto (croix, case) derrière le verso : on cache la face qui n'est pas montrée, à mi-retournement */
/* Le changement de face attend le milieu du retournement (0,25 s sur 0,5 s) dans les deux sens, sinon le verso apparaît dès le toucher. La rotation a donc une courbe symétrique : 90° tombent exactement à 0,25 s, sans instant vide ni saut. */
.carte.flip .recto,.carte.flip .verso{transition:visibility 0s .25s}
.carte.flip.retournee .recto{visibility:hidden}
.carte.flip:not(.retournee) .verso{visibility:hidden}
.recto .coche,.recto .ecarter{-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* Mobile : l'assistant ne recouvre plus la barre du panier (la bulle remonte, l'amorce « Une question ? » se cache) */
@media (max-width:720px){
  body:has(.barre.visible) .assist-bulle{bottom:82px !important}
  body:has(.barre.visible) .assist-amorce{display:none !important}
}

/* ── Accueil : plus d'air (sections plus espacées, cartes plus respirantes) ── */
body:has(.entete.accueil) .entete.accueil{padding-top:clamp(56px,7vw,104px)}
body:has(.entete.accueil) .entete.accueil h1{margin-top:26px}
/* les pastilles « en 1 clic » sont posées au-dessus du champ : la marge du haut leur laisse la place */
body:has(.entete.accueil) .entete.accueil > .nomzone{margin-top:92px}
@media (max-width:720px){body:has(.entete.accueil) .entete.accueil > .nomzone{margin-top:84px}}
body:has(.entete.accueil) .entete.accueil > #aide{margin-top:28px;line-height:1.7}
body:has(.entete.accueil) .etapes{margin-top:clamp(56px,7vw,88px)}
body:has(.entete.accueil) .repartition:not(.repartition-haut){margin-top:clamp(44px,5vw,64px);padding:20px 22px;gap:16px}
body:has(.entete.accueil) .sous-saisie{margin-top:32px;justify-content:center}
body:has(.entete.accueil) .sec{padding-top:clamp(72px,9vw,120px)}
body:has(.entete.accueil) .recevez .titre-sec{margin-top:20px}
body:has(.entete.accueil) .tuiles{margin-top:36px;gap:24px}
body:has(.entete.accueil) .tuile{padding:24px}
body:has(.entete.accueil) .pile{gap:24px;margin-top:clamp(40px,5vw,64px);padding:12px 0 22px}
body:has(.entete.accueil) .prix-ligne{margin-top:clamp(36px,4vw,52px);padding:18px 22px;border-radius:16px}
body:has(.entete.accueil) .liste{gap:14px;margin-top:28px}
body:has(.entete.accueil) .explorer{margin-top:clamp(72px,9vw,120px)}
body:has(.entete.accueil) .explorer-grille{gap:20px;margin-top:22px}
body:has(.entete.accueil) .explorer-carte{padding:22px}
body:has(.entete.accueil) .pied-site{margin-top:clamp(56px,7vw,96px)}

/* Pages d'attente : le nom de la société passe toujours sur la deuxième ligne du titre */
.entete h1 em.societe{display:block}

/* ── Accueil : questions fréquentes (visibles pour tous, lues par les moteurs de recherche et d'IA) ── */
.faq-accueil{margin-top:clamp(56px,7vw,96px)}
.faq-accueil .label{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.12em}
.faq-liste{display:grid;gap:12px;margin-top:22px}
.faq-q{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 26px -22px rgba(17,19,24,.4);transition:border-color .2s ease,box-shadow .2s ease}
.faq-q[open]{border-color:color-mix(in srgb,var(--acc) 30%,var(--line));box-shadow:0 18px 32px -22px rgba(4,128,101,.45)}
.faq-q summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;position:relative}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--acc);transition:transform .25s ease}
.faq-q[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-q p{padding:0 22px 20px;color:var(--ink-2);line-height:1.65;font-size:15.5px;max-width:78ch}
.faq-liens{margin-top:22px;font-size:14px;color:var(--muted)}
.faq-liens a{color:var(--acc);font-weight:500}
body[data-page="recherche"] .faq-accueil{display:none}

/* La fiche offerte en tête de « À découvrir » : pleine largeur, bien visible, en or */
.zone-offerte{margin-top:16px}
.zone-offerte[hidden]{display:none}
.zone-offerte > details#offerte > summary.carte{background:linear-gradient(115deg,#FFF8DC 0%,#fff 66%);border-color:#EFD684;box-shadow:0 12px 24px -20px rgba(17,19,24,.4)}
.zone-offerte + .grille{margin-top:14px}

/* Fenêtre d'achat sur mobile : une seule colonne (les prix d'abord, les arguments dessous). Cette règle doit rester en dernier : une règle à deux colonnes plus haut l'écrasait. */
@media (max-width:720px){
  .paywall{grid-template-columns:1fr}
  .paywall .dlg{order:1}
  .pourquoi{order:2;padding:22px 20px}
  .pourquoi-accroche{font-size:18px}
  dialog#packs{max-width:calc(100vw - 20px)}
}

/* Retournement à plat, sans 3D : la carte se comprime en largeur jusqu'à 0 (mi-course, 0,25 s) puis se rouvre de l'autre côté.
   Avec la vraie 3D, Safari ne faisait pas suivre la rotation à la case et à la croix (éléments positionnés, champs de formulaire).
   Ici tout est dans le même plan : tout suit. Le verso est écrit en miroir pour se lire à l'endroit une fois la carte passée. */
.flip-in{transform-style:flat;transform:rotateX(var(--rx)) rotateY(var(--ry)) scaleX(var(--sens,1))}
.carte.flip.retournee{--sens:-1}
.face,.recto .coche,.recto .ecarter{backface-visibility:visible;-webkit-backface-visibility:visible}
.verso{transform:scaleX(-1)}

/* La case et la croix de la carte changent de visibilité exactement avec leur face (pas de transition propre sur la visibilité) :
   avec « transition: all », la case disparaissait 100 ms avant le reste de la carte au retournement. */
.recto .coche,.recto .ecarter{transition-property:background-color,border-color,box-shadow,color,opacity,transform}

/* Résultats : les détails de la recherche (compteurs, explication de l'IA, réglages) sont repliés, un bouton les déplie */
/* Le bouton ne sert que sur téléphone : sur ordinateur, les détails sont toujours affichés. */
#detail-recherche{display:none}
@media (max-width:720px){
  #detail-recherche{display:inline-flex}
  #vue:not(.details-ouverts) .masquable,
  #vue:not(.details-ouverts) .cote .reglage{display:none}
  #vue:not(.details-ouverts) .entete{padding-bottom:0}
  #detail-recherche[aria-expanded="true"]{border-color:var(--acc);color:var(--acc)}
}
/* Sous la fiche offerte ouverte : la suite naturelle */
.offerte-suite{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin-top:10px;padding:14px 18px;border:1px solid #EFD684;border-radius:14px;background:linear-gradient(115deg,#FFF8DC 0%,#fff 70%)}
.offerte-suite p{margin:0;flex:1 1 260px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.offerte-suite .btn{flex:none}

/* Sur iPhone, 100vh inclut la zone cachée par la barre d'adresse de Safari : la fenêtre d'achat, centrée, débordait en haut et en bas.
   100dvh est la hauteur réellement visible. La première ligne reste pour les navigateurs qui ne connaissent pas dvh. */
dialog#packs{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.menu-profil{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}
@media (max-width:720px){
  dialog#packs{margin:12px auto}
  /* La croix reste accessible quand on fait défiler la fenêtre */
  .fermer-x{position:sticky;top:10px;float:right;margin:10px 10px -52px 0}
}

/* Le chargement de la fiche offerte, à la place du bouton « Ouvrir » tant que sa fiche se prépare */
.chargement{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:12px;border:1px solid #E3C766;background:#FFF8E1;color:#7A5600;font-size:13.5px;font-weight:500;white-space:nowrap}
.chargement .rond{width:15px;height:15px;border-radius:50%;border:2px solid #E3C766;border-top-color:#B88A00;animation:tourne .8s linear infinite}
.chargement .pct-fiche{font-family:var(--mono);font-size:12px;font-weight:500}
.chargement .mini{display:none}
@keyframes tourne{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.chargement .rond{animation-duration:2.4s}}
#offerte[data-prepa] > summary{cursor:default}
#offerte.vient-prete:not([open]) .ouvrir{animation:appel 1.1s var(--ressort) 2}

/* « Arrêter la recherche » : discret, sous le reste */
.arret-recherche{margin:22px 0 0;font-size:13.5px}
.arret-recherche .lien{color:var(--muted)}
.arret-recherche .lien:hover{color:var(--ink)}

/* Premier déblocage offert : un bandeau, pas une carte imposée */
.offre-premiere{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 20px;border-radius:16px;border:1px solid #EFD684;background:linear-gradient(115deg,#FFF8DC 0%,#fff 72%);color:#5E4300}
.offre-premiere i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#FFF1C2;color:#B88A00}
.offre-premiere p{margin:0;font-size:15px;line-height:1.55}
.offre-premiere b{font-weight:600;color:#3F2D00}

/* Débloquer une fiche d'un clic, sans passer par le panier */
.debloquer-un{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));border-radius:8px;background:var(--acc-soft,#e4f6ef);color:var(--acc);font-family:inherit;font-weight:600;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .15s}
.debloquer-un svg{width:13px;height:13px}
.debloquer-un:hover{background:var(--acc);color:#fff;border-color:var(--acc);transform:translateY(-1px)}
.debloquer-un:hover svg{color:#fff}
.recto .debloquer-un{position:relative;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.verso-actions{flex-wrap:wrap;row-gap:8px}

/* Indice sous les suggestions quand plusieurs sociétés portent le même nom */
.sugg-aide{padding:9px 16px;font-size:13px;line-height:1.35;color:var(--muted);background:var(--acc-soft,#e4f6ef);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Carte de lancement : précision facultative et puces d'idées */
.confirme .precision small{color:var(--muted);font-weight:400}
.confirme .idees{margin-top:10px}
.confirme .idee.plus-idees{border-style:dashed;color:var(--acc)}
.confirme .actions{margin-top:20px}

/* Précision de la carte de lancement : un petit lien replié, comme l'ancienne « Recherche avancée » */
.confirme .avancee{max-width:none;margin:16px 0 0}
.avancee-carte summary small{font-weight:400;color:var(--muted);margin-left:2px}
.avancee-carte[open] .avancee-corps{margin-top:6px}
.avancee-carte .precision{margin-top:8px}
@media (max-width:720px){.avancee-carte summary{align-items:flex-start;text-align:left}.avancee-carte summary svg{margin-top:5px;flex:none}}

/* Précision repliée : disclosure alignée sur le bord du titre — chevron à gauche, libellé vert, exemple en gris */
.confirme .avancee-carte{margin:20px 0 4px}
.avancee-carte summary{display:grid;grid-template-columns:14px 1fr;column-gap:9px;align-items:baseline;width:100%;font-size:15px;line-height:1.4;color:var(--acc);opacity:1}
.avancee-carte summary:hover{opacity:1}
.avancee-carte summary:hover b{text-decoration:underline;text-underline-offset:3px}
.avancee-carte summary svg{align-self:center;justify-self:start;margin:0;transition:transform .25s var(--doux)}
.avancee-carte[open] summary svg{transform:rotate(90deg)}
.avancee-carte summary b{font-weight:600}
.avancee-carte summary small{display:inline;margin:0 0 0 6px;font-size:13px;font-weight:400;color:var(--muted)}
.avancee-carte .avancee-corps{margin:10px 0 0;padding:0}
.confirme .avancee-carte + .actions{margin-top:16px}
@media (max-width:720px){
  .avancee-carte summary{align-items:start}
  .avancee-carte summary svg{margin-top:5px;align-self:start}
  .avancee-carte summary small{display:block;margin:2px 0 0}
}

/* Bouton « Se connecter » visible dans l'en-tête tant qu'on n'est pas connecté */
.btn-connexion{font:inherit;font-size:14px;font-weight:600;color:var(--acc);background:#fff;border:1px solid color-mix(in srgb,var(--acc) 40%,var(--line));border-radius:999px;padding:7px 16px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.btn-connexion:hover{background:var(--acc);color:#fff;border-color:var(--acc)}
.btn-connexion[hidden]{display:none}
@media (max-width:720px){.btn-connexion{padding:6px 12px;font-size:13px}}

/* Encart « Pas le temps d'attendre ? » : violet léger pour mieux ressortir pendant l'attente */
.courriel-attente{border-color:#8b6bdc;background:#f4f0fd;box-shadow:0 8px 24px -12px rgba(124,77,219,.55)}
.courriel-attente .label{color:#6741c4}
.courriel-attente .label::after{background:#8b6bdc;opacity:.3}
.courriel-ligne input{border-color:#b9a5ec}
.courriel-ligne input:focus{outline-color:#8b6bdc;border-color:transparent}
.courriel-attente .astuce{color:#5d5870}
form.courriel-attente p.astuce{color:#5d5870;opacity:1}
/* Options de la carte de lancement : un seul panneau discret, une ligne par option, même gabarit (icône de 14 px, titre vert en gras, indication grise) */
.options-lancement{margin:20px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);overflow:hidden}
.confirme .options-lancement .avancee-carte{margin:0;padding:13px 16px}
.options-lancement .avancee-carte summary{font-size:15px}
.options-lancement .case-marches + .avancee-carte{border-top:1px solid var(--line)}
.confirme .options-lancement + .actions{margin-top:20px}
/* Pastille « B2B » à gauche de « en 1 clic » : même forme que ses voisines, en contour pour ne pas faire un troisième aplat */
.vites .vite.b2b{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2),0 6px 16px -12px rgba(17,19,24,.35);letter-spacing:.04em}
.vites .vite.b2b svg{color:var(--acc);animation:none}
@media (max-width:720px){.vites{gap:5px}.vites .vite{padding:6px 10px;font-size:12.5px;gap:5px}.vites .vite.b2b{padding:6px 9px}}
@media (max-width:350px){.vites .vite{padding:5px 8px;font-size:11.5px}.vites .vite svg{width:11px;height:11px}}

/* Appels d'offres publics : même gabarit que « Apporter une précision » (icône de 14 px, titre vert en gras, indication grise), le menu à droite */
.case-marches{display:grid;grid-template-columns:14px 1fr;column-gap:9px;align-items:center;margin:0;padding:12px 16px;font-size:15px;line-height:1.4;color:var(--acc)}
.case-marches .mc-ico{align-self:center}
.case-marches b{font-weight:600}
.case-marches small{display:inline;margin:0 0 0 6px;font-size:13px;font-weight:400;color:var(--muted)}
.case-marches select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);width:100%;padding:8px 34px 8px 14px;border:1.5px solid var(--line-2);border-radius:10px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23048065' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 11px center/13px;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.case-marches select:hover{border-color:var(--acc)}
.case-marches select:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.case-marches select:not([data-etat="avec"]){color:var(--acc);border-color:var(--acc);background-color:var(--acc-soft)}
@media (max-width:720px){
  .case-marches{grid-template-columns:14px 1fr}
  .case-marches .mc-ico{align-self:center}
  .case-marches small{display:block;margin:2px 0 0}
  .case-marches select{max-width:none}
}

/* « B2B » après le mot qui tourne dans le titre de l'accueil : petite pastille en exposant, qui reste en place quand le mot change */

/* Panneau « Élargir » : suggestions de l'IA à cocher, consigne libre, trois actions */
.panneau-elargir{display:block;cursor:default;text-align:left;padding:20px 22px;min-height:0}
.panneau-elargir:hover{transform:none}
.panneau-elargir p{margin:6px 0 0;font-size:14.5px}
.panneau-elargir .idees{margin:12px 0 4px}
.panneau-elargir .idee[aria-pressed="true"]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc);font-weight:600}
.panneau-elargir .precision{display:block;margin-top:12px;font-size:14px}
.panneau-elargir textarea{width:100%;margin-top:6px}
.pe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.muet{color:var(--muted)}

/* Accueil : la carte « Votre société » (une seule société par client la plupart du temps) */
.societe-carte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 22px;border:1.5px solid var(--acc-bright);border-radius:16px;background:linear-gradient(180deg,#F4FCF9,var(--acc-soft))}
.societe-id{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:15px}
.societe-id b{font-size:19px;color:var(--ink)}
.societe-id .quand{color:var(--muted);font-size:13px}
.societe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}

.societe-bloc{max-width:640px;margin:22px auto 0;text-align:left}
.societe-label{display:block;width:100%;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:2px}
.societe-bloc .societe-carte{padding:16px 20px}

/* Fiche éditable (étape 2), une rubrique à la fois : parcours en étapes, lecture claire, édition au clic, barre d'action fixe */
.fiche-page{padding-bottom:4px}
.fiche-intro{max-width:760px;margin:6px auto 0;text-align:center}
.fiche-intro p{margin:12px 0 0;color:var(--ink-2);font-size:15.5px;line-height:1.55}
.societe-pastille{display:inline-flex;align-items:baseline;gap:8px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid var(--line-2);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.societe-pastille b{font-size:15px}
.societe-pastille i{font-style:normal;font-size:12.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.fiche-pas{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 4px;margin:26px auto 0;padding:0;max-width:820px}
.fiche-pas li{display:flex;align-items:center;gap:9px;padding:7px 15px 7px 8px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.fiche-pas li b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-soft,#eef2f1);color:var(--ink-2);font-size:12px}
.fiche-pas li:hover{background:var(--bg-soft,#f3f6f5)}
.fiche-pas li.fait{color:var(--ink-2)}
.fiche-pas li.fait b{background:var(--acc);color:#fff}
.fiche-pas li.fait b::before{content:"✓";font-size:12px}
.fiche-pas li.fait b{font-size:0}
.fiche-pas li.fait b::before{font-size:12px}
.fiche-pas li.actif{color:var(--acc);background:var(--acc-soft);border-color:var(--acc-bright,var(--acc))}
.fiche-pas li.actif b{background:var(--acc);color:#fff}
.fiche-corps{max-width:820px;margin:22px auto 0;padding:0 18px 130px}
.fiche-etape{display:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 34px 34px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 52px -30px rgba(16,24,40,.28)}
.fiche-etape.actif{display:block;animation:ficheEntree .38s var(--doux,ease) both}
@keyframes ficheEntree{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fiche-etape header{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}
.fiche-etape h2{margin:0 0 4px;font-size:25px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.fiche-etape header p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.fiche-icone{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--acc-soft);color:var(--acc);flex:none}
.fiche-champs{display:grid}
.fiche-final{margin:18px 0 0;color:var(--muted);font-size:14px}
.champ-fiche{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.champ-fiche:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.champ-tete{display:flex;align-items:center;gap:10px;margin-bottom:9px;min-height:22px}
.champ-tete label,.champ-fiche>label{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex:1;display:block}
.badge-confirme{font-size:11.5px;font-weight:600;color:var(--acc);background:var(--acc-soft);border-radius:999px;padding:3px 10px}
.badge-confirme::before{content:"✓ "}
.champ-edit{border:0;background:transparent;color:var(--acc);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:8px}
.champ-edit:hover{background:var(--acc-soft)}
.champ-lecture{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink);padding:7px 11px;margin-left:-11px;border-radius:12px;cursor:text;transition:background .2s}
.champ-lecture:hover,.champ-lecture:focus{background:var(--bg-soft,#f6f8f7);outline:none}
.champ-lecture.vide{color:var(--muted);font-style:italic}
.champ-fiche textarea{width:100%;font:inherit;font-size:16px;line-height:1.6;padding:13px 15px;border:1.5px solid var(--acc);border-radius:14px;background:#fff;resize:vertical;box-shadow:0 0 0 4px var(--acc-soft)}
.champ-fiche textarea:focus{outline:none}
.champ-fiche.modifie .champ-lecture{background:var(--acc-soft)}
.puces-edit{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.puce-edit{display:inline-flex;align-items:center;gap:2px;border-radius:999px;padding:6px 6px 6px 15px;font-size:15px;color:var(--ink-2);background:var(--bg-soft,#f3f6f5);border:1px solid transparent;max-width:100%;transition:border-color .2s,background .2s}
.puce-edit:hover{border-color:var(--line-2);background:#fff}
.puce-texte{outline:none;min-width:18px;line-height:1.4}
.puce-texte:focus{background:var(--acc-soft);border-radius:6px}
.puce-sup{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.puce-sup:hover{background:#fde8e8;color:#b42318}
.puce-ajout{border:1px dashed var(--line-2);background:transparent;border-radius:999px;padding:7px 16px;font:inherit;font-size:15px;min-width:130px;color:var(--ink-2)}
.puce-ajout::placeholder{color:var(--acc)}
.puce-ajout:focus{outline:none;border-style:solid;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft);background:#fff}
.fiche-plus-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 40px}
.fiche-plus-grille .champ-fiche{border-bottom:0;padding-bottom:6px}
@media (max-width:860px){.fiche-plus-grille{grid-template-columns:1fr}.fiche-etape{padding:24px 20px 26px}.fiche-etape h2{font-size:22px}}
#fiche-libre{width:100%;font:inherit;font-size:16px;line-height:1.6;padding:13px 15px;border:1.5px solid var(--line-2);box-shadow:none;border-radius:14px;resize:vertical}
#fiche-libre:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.fiche-barre{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -12px 32px -22px rgba(16,24,40,.25)}
.fiche-barre-in{max-width:1040px;margin:0 auto;padding:14px 96px 14px 22px;display:flex;align-items:center;gap:16px}
.fiche-compteur{font-size:14.5px;color:var(--ink-2);flex:1;text-align:center}
@media (max-width:560px){.fiche-barre-in{padding:12px 16px 14px;flex-wrap:wrap;justify-content:center}.fiche-compteur{order:3;flex-basis:100%}}

/* Fiche éditable : largeur, en-tête centré, deux colonnes, numéro filigrane, barre de progression */
.fiche-page{text-align:center}
.fiche-page .label{justify-content:center}
.fiche-page h1{max-width:960px;margin-left:auto;margin-right:auto}
.fiche-intro{max-width:840px}
.fiche-pas{max-width:1040px;margin-top:30px}
.fiche-progres{max-width:780px;height:4px;border-radius:99px;background:var(--line);margin:16px auto 0;overflow:hidden}
.fiche-progres i{display:block;height:100%;background:linear-gradient(90deg,var(--acc-bright,var(--acc)),var(--acc));border-radius:99px;transition:width .45s var(--doux,ease)}
.fiche-corps{max-width:1180px;padding-bottom:140px}
.fiche-etape{position:relative;overflow:hidden;padding:40px 48px 44px;border-radius:28px;text-align:left}
.fiche-etape::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--acc-bright,var(--acc)),var(--acc))}
.fiche-etape::after{content:attr(data-num);position:absolute;right:30px;top:12px;font-size:128px;font-weight:800;line-height:1;color:var(--acc-soft);letter-spacing:-.05em;pointer-events:none;z-index:0}
.fiche-etape>*{position:relative;z-index:1}
.fiche-etape header{margin-bottom:34px}
.fiche-etape h2{font-size:32px}
.fiche-etape header p{font-size:16.5px}
.fiche-icone{width:56px;height:56px;border-radius:17px}
.fiche-champs{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:0 60px;align-items:start}
.fiche-col .champ-fiche:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.fiche-pas li{font-size:14px;padding:8px 18px 8px 9px}
@media (max-width:860px){.fiche-champs{grid-template-columns:1fr}.fiche-etape{padding:28px 20px 30px}.fiche-etape::after{font-size:84px;right:14px}.fiche-etape h2{font-size:24px}}

/* Fiche éditable, version premium : hiérarchie, lignes et pastilles, édition nette */
.fiche-etape::after{color:rgba(4,128,101,.055)}
.champ-fiche{margin:0 0 34px;padding-bottom:0;border-bottom:0}
.fiche-col .champ-fiche:last-child{margin-bottom:0}
.champ-tete{align-items:flex-start;gap:12px;margin-bottom:14px}
.champ-titre{flex:1;display:grid;gap:3px}
.champ-tete label,.champ-fiche>label{font-size:16px;font-weight:700;letter-spacing:-.005em;text-transform:none;color:var(--ink)}
.champ-titre small{font-size:13.5px;color:var(--muted);line-height:1.4}
.champ-edit{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:#fff;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);flex:none}
.champ-edit:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}
.champ-lecture{margin:0;margin-left:0;padding:18px 20px;font-size:17.5px;line-height:1.68;color:var(--ink-2);border-radius:16px;background:linear-gradient(180deg,#F8FCFA,#F2F8F5);border:1px solid #E0EEE7;border-left:4px solid var(--acc);cursor:text}
.champ-lecture:hover,.champ-lecture:focus{background:#F1F8F4}
.champ-lecture.vide{color:var(--muted);font-style:italic;border-left-color:var(--line-2);background:var(--bg-soft,#f6f8f7)}
.phrase-cle{color:var(--ink);font-weight:650}
.champ-fiche.modifie .champ-lecture{background:var(--acc-soft);border-left-color:var(--acc)}
.lignes-edit{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ligne-edit{display:flex;align-items:flex-start;gap:13px;padding:13px 14px 13px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.ligne-edit:hover,.ligne-edit:focus-within{border-color:var(--acc-bright,var(--acc));box-shadow:0 10px 24px -16px rgba(4,128,101,.4)}
.ligne-pt{flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.ligne-edit .puce-texte{flex:1;font-size:15.5px;line-height:1.5;color:var(--ink);border-radius:6px;padding:1px 2px}
.ligne-edit .puce-sup{opacity:0;transition:opacity .15s}
.ligne-edit:hover .puce-sup,.ligne-edit:focus-within .puce-sup{opacity:1}
.ligne-ajout .puce-ajout{width:100%;min-width:0;border-radius:14px;padding:12px 16px;text-align:left}
.puces-edit .puce-edit{background:#fff;border-color:var(--line-2);font-size:14.5px}
.puces-edit .puce-edit:hover{border-color:var(--acc-bright,var(--acc))}
.fiche-champs{gap:0 64px}
@media (hover:none){.ligne-edit .puce-sup{opacity:1}}

/* Fiche éditable : la fiche prend la largeur de la fenêtre (le contenu de l'application est plus étroit) */
.fiche-corps{position:relative;left:50%;width:min(1180px,calc(100vw - 40px));max-width:none;transform:translateX(-50%);margin-top:22px}
@media (max-width:860px){.fiche-corps{width:calc(100vw - 24px);padding:0 0 130px}}

/* Fiche éditable : bandeau de synthèse pleine largeur, style IA premium */
.fiche-page{position:relative}
.fiche-page::before{content:"";position:absolute;left:50%;top:-90px;width:min(1400px,100vw);height:560px;transform:translateX(-50%);background:radial-gradient(55% 60% at 22% 25%,rgba(46,160,120,.15),transparent 70%),radial-gradient(45% 55% at 82% 12%,rgba(124,92,255,.11),transparent 70%);pointer-events:none;z-index:-1}
.fiche-pas{display:flex;width:fit-content;max-width:100%;margin:30px auto 0;padding:5px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(16,24,40,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(16,24,40,.3);gap:2px}
.fiche-pas li.actif{background:#fff;border-color:rgba(46,160,120,.35);box-shadow:0 6px 16px -10px rgba(4,128,101,.5)}
.fiche-progres{max-width:520px;height:3px;margin-top:18px;background:rgba(16,24,40,.07)}
.fiche-progres i{background:linear-gradient(90deg,#2EA078,#4CC9A0 55%,#7C5CFF)}
.fiche-etape{background:linear-gradient(180deg,#fff,#FCFDFD);border:1px solid rgba(16,24,40,.07);box-shadow:0 1px 2px rgba(16,24,40,.04),0 34px 80px -42px rgba(16,24,40,.38)}
.fiche-etape::before{height:3px;background:linear-gradient(90deg,#2EA078,#4CC9A0 45%,#7C5CFF)}
.fiche-etape::after{color:rgba(124,92,255,.055)}
.fiche-lead-zone{display:grid;gap:18px;margin:0 0 36px}
.fiche-lead-zone.deux{grid-template-columns:repeat(2,minmax(0,1fr))}
.fiche-lead-zone .champ-fiche{position:relative;overflow:hidden;margin:0;padding:24px 28px 26px;border-radius:22px;background:linear-gradient(135deg,#F2FBF6 0%,#F6F4FF 100%);border:1px solid rgba(46,160,120,.22)}
.fiche-lead-zone .champ-fiche::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.15),transparent);pointer-events:none}
.fiche-lead-zone .champ-tete{position:relative;z-index:1;margin-bottom:8px}
.fiche-lead-zone .champ-tete label{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--acc)}
.fiche-lead-zone .champ-titre small{display:none}
.fiche-lead-zone .champ-lecture{position:relative;z-index:1;border:0;border-radius:12px;background:transparent;padding:4px 0 0;margin:0;font-size:19.5px;line-height:1.65;color:var(--ink-2)}
.fiche-lead-zone .champ-lecture:hover,.fiche-lead-zone .champ-lecture:focus{background:rgba(255,255,255,.55)}
.fiche-lead-zone .phrase-cle{display:block;margin-bottom:8px;font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.fiche-lead-zone.deux .champ-lecture{font-size:17px}
.fiche-lead-zone.deux .phrase-cle{font-size:21px}
.fiche-lead-zone textarea{position:relative;z-index:1;background:#fff}
.badge-ia{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#5B3FD6;background:rgba(124,92,255,.10)}
.champ-fiche.modifie .badge-ia{display:none}
.fiche-listes{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:34px 48px;align-items:start}
.fiche-listes .champ-fiche{margin:0}
.fiche-champs{display:block}
@media (max-width:860px){.fiche-lead-zone.deux{grid-template-columns:1fr}.fiche-listes{grid-template-columns:1fr}.fiche-lead-zone .champ-fiche{padding:20px 20px 22px}.fiche-lead-zone .phrase-cle{font-size:21px}}

/* ── Fiche éditable : langage de l'accueil, échelle typo et espacements uniformes ──
   Échelle : 11 (libellé mono) · 13 (aide) · 15 (champ, bouton) · 16 (texte courant) · 18 (synthèse) · 26 (phrase clé) · 28 (titre d'étape) · 44 (titre de page)
   Espacements : multiples de 8 (8 · 16 · 24 · 32 · 48) */
.fiche-page{text-align:center;padding-top:48px}
.fiche-page::before{display:none}
.fiche-page .aura{left:50%;right:auto;top:-30px;margin-left:-260px;opacity:.55}
.fiche-page .label{justify-content:center}
.fiche-page .label::after{display:none}
.fiche-page h1{max-width:none;margin:16px auto 0;font-size:clamp(30px,4.8vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.03em}
.fiche-page h1 .vert{color:var(--acc-title)}
.fiche-intro{max-width:620px;margin:24px auto 0}
.fiche-intro p{margin:16px auto 0;font-size:16px;line-height:1.6;color:var(--ink-2);text-wrap:balance}
.fiche-intro p b{color:var(--ink);font-weight:600}
.fiche-pas{margin:32px auto 0;padding:5px;gap:4px;justify-content:center}
.fiche-pas li{padding:7px 16px 7px 7px;font-size:14px;line-height:1.2}
.fiche-pas li.actif{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 18px -10px rgba(17,19,24,.55)}
.fiche-pas li.actif b{background:var(--acc-bright);color:#fff}
.fiche-progres{width:min(520px,100%);max-width:none;height:4px;margin:16px auto 0}
.fiche-progres i{background:linear-gradient(90deg,var(--acc),var(--acc-bright))}
.fiche-corps{margin-top:32px;padding-bottom:140px}
.fiche-etape{padding:40px 48px 48px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--ombre-haute)}
.fiche-etape::before{height:3px;background:linear-gradient(90deg,var(--acc),var(--acc-bright))}
.fiche-etape::after{right:32px;top:16px;font-size:120px;color:rgba(2,181,142,.07)}
.fiche-etape header{align-items:center;gap:16px;margin-bottom:32px}
.fiche-etape header>div{display:grid;gap:4px}
.fiche-etape h2{margin:0;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.fiche-etape header p{margin:0;font-size:16px;line-height:1.5;color:var(--muted);max-width:62ch}
.fiche-icone{width:52px;height:52px;border-radius:16px;background:#06A87E;color:#fff;box-shadow:0 10px 20px -10px rgba(4,128,101,.7)}
/* champs : un seul style de titre, une seule aide */
.champ-fiche{margin:0}
.champ-tete{align-items:center;gap:12px;margin-bottom:12px;min-height:0}
.champ-titre{gap:2px}
.champ-tete label,.champ-fiche>label{display:block;font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--ink)}
.champ-fiche>label{margin-bottom:12px}
.champ-titre small{font-size:13px;line-height:1.4;color:var(--muted)}
.champ-edit{padding:6px 14px;font-size:13px;line-height:1.3}
.badge-confirme{font-size:12px;padding:4px 10px}
.champ-lecture{margin:0;padding:14px 16px;font-size:16px;line-height:1.65;color:var(--ink-2);border:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px;background:var(--bg-soft)}
.champ-lecture:hover,.champ-lecture:focus{background:#fff;border-color:var(--line-2)}
.champ-lecture.vide{border-left:1px solid var(--line);background:var(--bg-soft);color:var(--muted)}
.champ-fiche.modifie .champ-lecture{background:var(--acc-soft);border-color:#CDEEE5;border-left:1px solid #CDEEE5}
.phrase-cle{font-weight:600;color:var(--ink)}
.champ-fiche textarea,#fiche-libre{padding:14px 16px;font-size:16px;line-height:1.6;border-radius:14px}
.lignes-edit{gap:8px}
.ligne-edit{align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:14px}
.ligne-pt{margin-top:0;width:8px;height:8px}
.ligne-edit .puce-texte{font-size:15px;line-height:1.5}
.puces-edit{gap:8px}
.puces-edit .puce-edit{font-size:15px;padding:6px 6px 6px 14px}
.puce-ajout{font-size:15px;padding:8px 16px}
.ligne-ajout .puce-ajout{padding:12px 16px}
.fiche-listes{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px 48px;align-items:start}
.fiche-plus-grille{gap:32px 48px;align-items:start}
.fiche-plus-grille .champ-fiche{padding-bottom:0}
.fiche-final{margin:24px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
/* synthèse : encadré vert profond comme le bloc « pourquoi » de l'accueil */
.fiche-lead-zone{gap:16px;margin:0 0 32px}
.fiche-lead-zone .champ-fiche{padding:28px 32px 32px;border:0;border-radius:20px;color:#fff;background:radial-gradient(130% 120% at 0% 0%,#0BC08F 0%,#06A87E 42%,#047257 100%);box-shadow:0 24px 44px -28px rgba(4,114,87,.8)}
.fiche-lead-zone .champ-fiche::after{right:-60px;top:-80px;width:260px;height:260px;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent)}
.fiche-lead-zone .champ-tete{margin-bottom:12px}
.fiche-lead-zone .champ-tete label{font-size:15px;letter-spacing:-.005em;text-transform:none;color:#fff}
.fiche-lead-zone .champ-titre small{display:block;color:rgba(255,255,255,.78)}
.fiche-lead-zone .champ-lecture{margin:0 -12px;padding:8px 12px;border:0;border-radius:12px;background:transparent;font-size:18px;line-height:1.65;color:rgba(255,255,255,.92)}
.fiche-lead-zone .champ-lecture:hover,.fiche-lead-zone .champ-lecture:focus{background:rgba(255,255,255,.1)}
.fiche-lead-zone .champ-lecture.vide{color:rgba(255,255,255,.75);background:rgba(255,255,255,.08)}
.fiche-lead-zone .champ-fiche.modifie .champ-lecture{background:rgba(255,255,255,.14);border:0}
.fiche-lead-zone .phrase-cle{display:block;margin-bottom:8px;font-size:26px;line-height:1.28;font-weight:650;letter-spacing:-.02em;color:#fff}
.fiche-lead-zone .badge-ia{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;padding:4px 12px}
.fiche-lead-zone .champ-edit{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);color:#fff}
.fiche-lead-zone .champ-edit:hover{background:#fff;border-color:#fff;color:var(--acc)}
.fiche-lead-zone textarea{background:#fff;color:var(--ink);border:0;box-shadow:0 0 0 4px rgba(255,255,255,.28)}
/* deux synthèses côte à côte : version claire, pour ne pas surcharger */
.fiche-lead-zone.deux .champ-fiche{padding:24px 24px 28px;color:var(--ink);background:linear-gradient(180deg,#F4FCF9,var(--acc-soft));border:1px solid #CDEEE5;box-shadow:none}
.fiche-lead-zone.deux .champ-fiche::after{display:none}
.fiche-lead-zone.deux .champ-tete label{color:var(--ink)}
.fiche-lead-zone.deux .champ-titre small{color:var(--muted)}
.fiche-lead-zone.deux .champ-lecture{font-size:16px;color:var(--ink-2)}
.fiche-lead-zone.deux .champ-lecture:hover,.fiche-lead-zone.deux .champ-lecture:focus{background:rgba(255,255,255,.7)}
.fiche-lead-zone.deux .champ-lecture.vide{color:var(--muted);background:rgba(255,255,255,.6)}
.fiche-lead-zone.deux .champ-fiche.modifie .champ-lecture{background:#fff}
.fiche-lead-zone.deux .phrase-cle{font-size:20px;color:var(--ink)}
.fiche-lead-zone.deux .badge-ia{background:#fff;border-color:#CDEEE5;color:var(--acc)}
.fiche-lead-zone.deux .champ-edit{background:#fff;border-color:var(--line-2);color:var(--ink-2)}
.fiche-lead-zone.deux .champ-edit:hover{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}
.fiche-lead-zone.deux textarea{box-shadow:0 0 0 4px var(--acc-soft);border:1.5px solid var(--acc)}
/* barre d'action alignée sur la carte */
.fiche-barre-in{width:min(1180px,calc(100vw - 40px));max-width:none;margin:0 auto;padding:14px 76px 14px 0;gap:16px}
.fiche-compteur{font-size:15px}
@media (max-width:860px){
  .fiche-page .aura{margin-left:-200px}
  .fiche-etape{padding:28px 20px 32px}
  .fiche-etape::after{font-size:80px;right:16px;top:12px}
  .fiche-etape h2{font-size:24px}
  .fiche-etape header p{font-size:15px}
  .fiche-lead-zone .champ-fiche,.fiche-lead-zone.deux .champ-fiche{padding:20px 20px 24px}
  .fiche-lead-zone .champ-lecture{font-size:16px}
  .fiche-lead-zone .phrase-cle{font-size:21px}
  .fiche-listes,.fiche-plus-grille{grid-template-columns:1fr;gap:24px}
}
@media (max-width:560px){.fiche-barre-in{width:calc(100vw - 32px);padding:12px 0 14px;flex-wrap:wrap;justify-content:center}.fiche-compteur{order:3;flex-basis:100%}.fiche-pas{border-radius:22px}}

/* Fiche : bouton « Enregistrer », boutons « Ajouter » visibles, libellé centré */
.fiche-page .label{max-width:none;margin:0 auto;width:fit-content}
.champ-edit.enregistre{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 8px 18px -10px rgba(4,128,101,.8)}
.champ-edit.enregistre:hover{background:#036b55;border-color:#036b55;color:#fff}
.fiche-lead-zone .champ-edit.enregistre{background:#fff;border-color:#fff;color:var(--acc);box-shadow:0 8px 18px -10px rgba(0,0,0,.35)}
.fiche-lead-zone .champ-edit.enregistre:hover{background:var(--acc-soft);color:#036b55}
.puce-ajout{border:1.5px dashed rgba(2,181,142,.6);background:var(--acc-soft);color:var(--ink);font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s}
.puce-ajout::placeholder{color:var(--acc);font-weight:600;opacity:1}
.puce-ajout:hover{background:#D6F1E9;border-color:var(--acc)}
.puce-ajout:focus{border-style:solid;border-color:var(--acc);background:#fff;box-shadow:0 0 0 4px var(--acc-soft)}
.ligne-ajout .puce-ajout{display:block;border-radius:14px}

/* Fiche : on revient à l'encart de synthèse clair, vert très pâle vers violet léger */
.fiche-lead-zone .champ-fiche,.fiche-lead-zone.deux .champ-fiche{padding:28px 32px 32px;color:var(--ink);background:linear-gradient(135deg,#F2FBF6 0%,#F6F4FF 100%);border:1px solid rgba(46,160,120,.22);border-radius:20px;box-shadow:none}
.fiche-lead-zone .champ-fiche::after,.fiche-lead-zone.deux .champ-fiche::after{display:block;right:-70px;top:-70px;width:220px;height:220px;background:radial-gradient(closest-side,rgba(124,92,255,.15),transparent)}
.fiche-lead-zone .champ-tete label,.fiche-lead-zone.deux .champ-tete label{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--acc)}
.fiche-lead-zone .champ-titre small,.fiche-lead-zone.deux .champ-titre small{display:none}
.fiche-lead-zone .champ-lecture,.fiche-lead-zone.deux .champ-lecture{font-size:18px;color:var(--ink-2)}
.fiche-lead-zone .champ-lecture:hover,.fiche-lead-zone .champ-lecture:focus,.fiche-lead-zone.deux .champ-lecture:hover,.fiche-lead-zone.deux .champ-lecture:focus{background:rgba(255,255,255,.6)}
.fiche-lead-zone .champ-lecture.vide,.fiche-lead-zone.deux .champ-lecture.vide{color:var(--muted);background:rgba(255,255,255,.6)}
.fiche-lead-zone .champ-fiche.modifie .champ-lecture,.fiche-lead-zone.deux .champ-fiche.modifie .champ-lecture{background:rgba(255,255,255,.75);border:0}
.fiche-lead-zone .phrase-cle,.fiche-lead-zone.deux .phrase-cle{color:var(--ink);font-size:26px}
.fiche-lead-zone.deux .champ-lecture{font-size:16px}
.fiche-lead-zone.deux .phrase-cle{font-size:21px}
.fiche-lead-zone .badge-ia,.fiche-lead-zone.deux .badge-ia{background:rgba(124,92,255,.1);border:0;color:#5B3FD6}
.fiche-lead-zone .champ-edit,.fiche-lead-zone.deux .champ-edit{background:#fff;border-color:rgba(46,160,120,.5);color:var(--acc)}
.fiche-lead-zone .champ-edit:hover,.fiche-lead-zone.deux .champ-edit:hover{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}
.fiche-lead-zone .champ-edit.enregistre,.fiche-lead-zone.deux .champ-edit.enregistre{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 8px 18px -10px rgba(4,128,101,.8)}
.fiche-lead-zone .champ-edit.enregistre:hover,.fiche-lead-zone.deux .champ-edit.enregistre:hover{background:#036b55;border-color:#036b55;color:#fff}
.fiche-lead-zone textarea,.fiche-lead-zone.deux textarea{background:#fff;color:var(--ink);border:1.5px solid var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
@media (max-width:860px){.fiche-lead-zone .champ-fiche,.fiche-lead-zone.deux .champ-fiche{padding:20px 20px 24px}.fiche-lead-zone .champ-lecture{font-size:16px}.fiche-lead-zone .phrase-cle{font-size:21px}}

/* Fiche : ombre de carte légère (plus de bande grise sur les côtés) */
.fiche-etape{box-shadow:0 1px 2px rgba(17,19,24,.04),0 12px 28px -18px rgba(17,19,24,.14)}
.fiche-page .aura{filter:blur(60px);opacity:.45}

/* Fiche : barre d'action du bas bien visible */
.fiche-barre{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--line-2);box-shadow:0 -14px 36px -14px rgba(17,19,24,.22)}
.fiche-barre-in{padding-top:16px;padding-bottom:16px;gap:16px}
.fiche-compteur{font-size:15px;font-weight:500;color:var(--ink);text-align:left;flex:1}
.fiche-compteur::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft);vertical-align:1px}
.fiche-barre .btn-primary{background:var(--acc);padding:14px 28px;font-size:16px;font-weight:600;border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 24px -10px rgba(4,128,101,.75)}
.fiche-barre .btn-primary:hover{background:#036b55;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 16px 28px -10px rgba(4,128,101,.8)}
.fiche-barre .lien{padding:12px 20px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font-size:15px;font-weight:600;color:var(--ink-2);text-decoration:none}
.fiche-barre .lien:hover{border-color:var(--acc);color:var(--acc)}
@media (max-width:560px){.fiche-compteur{text-align:center}.fiche-barre .btn-primary{padding:13px 24px}}

/* Fiche : le chat se pose au-dessus de la barre d'action, plus rien ne la recouvre */
.fiche-barre-in{padding-right:0}

/* Fiche : le message de la barre se place juste à gauche du bouton « Suivant » */
.fiche-compteur{text-align:right;margin-left:auto;flex:0 1 auto}
.fiche-barre-in{justify-content:space-between}
.fiche-barre-in #fiche-retour{margin-right:auto}
@media (max-width:560px){.fiche-compteur{text-align:center;margin-left:0}}

/* Fiche : titre en deux lignes, libellé de société plus gros, dans l'esprit IA de l'accueil */
.fiche-page h1.fiche-titre{font-size:clamp(34px,5.6vw,56px);line-height:1.06;letter-spacing:-.035em}
.fiche-page h1.fiche-titre .vert{display:inline-block;margin-top:4px}
.fiche-intro{margin-top:32px}
.societe-pastille{display:inline-flex;align-items:center;gap:16px;padding:12px 28px 12px 16px;border-radius:999px;background:linear-gradient(180deg,#fff,#F4FCF9);border:1px solid rgba(2,181,142,.38);box-shadow:0 0 0 6px rgba(2,181,142,.08),0 18px 36px -20px rgba(4,128,101,.55)}
.societe-pastille .orbe{width:36px;height:36px}
.societe-pastille .orbe .etincelle{width:15px;height:15px}
.societe-pastille b{font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.societe-pastille i{font-family:var(--mono);font-style:normal;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);padding-left:16px;border-left:1px solid rgba(2,181,142,.35)}
@media (max-width:560px){.societe-pastille{gap:12px;padding:10px 20px 10px 12px}.societe-pastille b{font-size:19px}.societe-pastille i{display:none}}

/* Fiche : en-tête compact, pour voir le premier champ sans défiler */
.entete.fiche-page{padding-top:24px;padding-bottom:0}
.fiche-page h1.fiche-titre{margin-top:12px;font-size:clamp(30px,4.4vw,44px);line-height:1.08}
.fiche-page h1.fiche-titre .vert{margin-top:0}
.fiche-intro{margin-top:16px;max-width:760px}
.fiche-intro p{margin-top:12px;font-size:15px;line-height:1.5}
.societe-pastille{gap:12px;padding:8px 22px 8px 10px}
.societe-pastille .orbe{width:30px;height:30px}
.societe-pastille .orbe .etincelle{width:13px;height:13px}
.societe-pastille b{font-size:20px}
.societe-pastille i{padding-left:12px;font-size:12px}
.fiche-pas{margin-top:20px}
.fiche-progres{margin-top:12px}
.fiche-corps{margin-top:20px}
.fiche-etape{padding:28px 40px 36px}
.fiche-etape header{margin-bottom:20px}
.fiche-etape h2{font-size:26px}
.fiche-etape header p{font-size:15px}
.fiche-icone{width:44px;height:44px;border-radius:14px}
.fiche-etape::after{font-size:96px;top:10px}
.fiche-lead-zone{margin-bottom:24px}
.fiche-lead-zone .champ-fiche,.fiche-lead-zone.deux .champ-fiche{padding:22px 28px 24px}
.fiche-lead-zone .phrase-cle{font-size:24px}
.fiche-lead-zone .champ-lecture{font-size:17px}
@media (max-width:860px){.fiche-etape{padding:24px 18px 28px}}

/* Fiche : petit hero */
.entete.fiche-page{padding-top:18px}
.fiche-page h1.fiche-titre{margin-top:8px;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.03em}
.fiche-intro{margin-top:12px}
.fiche-intro p{margin-top:8px;font-size:14.5px}
.societe-pastille{padding:6px 18px 6px 8px}
.societe-pastille .orbe{width:26px;height:26px}
.societe-pastille b{font-size:17px}
.societe-pastille i{font-size:11.5px;padding-left:10px}
.fiche-pas{margin-top:16px}

/* Fiche : espacements plus aérés (petit hero conservé) */
.entete.fiche-page{padding-top:36px}
.fiche-page h1.fiche-titre{margin-top:16px;line-height:1.2}
.fiche-intro{margin-top:24px}
.fiche-intro p{margin-top:16px;line-height:1.6}
.societe-pastille{padding:8px 22px 8px 10px}
.fiche-pas{margin-top:32px}
.fiche-progres{margin-top:18px}
.fiche-corps{margin-top:32px}
.fiche-etape{padding:36px 44px 44px}
.fiche-etape header{margin-bottom:28px}
.fiche-lead-zone{margin-bottom:32px}
.fiche-lead-zone .champ-fiche,.fiche-lead-zone.deux .champ-fiche{padding:26px 32px 30px}
.champ-tete{margin-bottom:14px}
.fiche-listes,.fiche-plus-grille{gap:36px 52px}
.lignes-edit{gap:10px}
@media (max-width:860px){.fiche-etape{padding:26px 18px 32px}.entete.fiche-page{padding-top:24px}}

/* ── Écran de ciblage ── */
.cible-resume .resume-ia{margin:0 -12px;padding:8px 12px;font-size:18px;line-height:1.65;color:var(--ink-2)}
.ideaux-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;counter-reset:ideal}
.ideal{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px 52px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;counter-increment:ideal;transition:border-color .2s,box-shadow .2s}
.ideal:hover,.ideal:focus-within{border-color:rgba(2,181,142,.5);box-shadow:0 14px 28px -20px rgba(4,128,101,.45)}
.ideal::before{content:counter(ideal);flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:14px;font-weight:600}
.ideal-corps{flex:1;min-width:0;display:grid;gap:10px}
.ideal-titre{display:block;margin:-2px -4px;padding:2px 4px;border-radius:8px;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.015em;color:var(--ink);outline:none}
.ideal-signal{margin:0;display:grid;gap:4px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.ideal-signal em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.ideal-evt{display:block;margin:-2px -4px;padding:2px 4px;border-radius:8px;outline:none}
.ideal-titre:focus,.ideal-evt:focus,.angle-titre:focus{background:var(--acc-soft)}
.ideal .puce-sup{position:absolute;right:14px;top:14px;opacity:0;transition:opacity .15s}
.ideal:hover .puce-sup,.ideal:focus-within .puce-sup{opacity:1}
@media (hover:none){.ideal .puce-sup{opacity:1}}
.ideaux-liste + .ajout-cible{margin-top:16px}
.ajout-cible{display:block;width:100%;padding:14px 18px;border:1.5px dashed rgba(2,181,142,.6);border-radius:14px;background:var(--acc-soft);font:inherit;font-size:15px;font-weight:500;color:var(--ink);transition:background .2s,border-color .2s,box-shadow .2s}
.ajout-cible::placeholder{color:var(--acc);font-weight:600;opacity:1}
.ajout-cible:hover{background:#D6F1E9;border-color:var(--acc)}
.ajout-cible:focus{outline:none;border-style:solid;border-color:var(--acc);background:#fff;box-shadow:0 0 0 4px var(--acc-soft)}
.angle-groupe + .angle-groupe{margin-top:40px}
.angle-groupe-tete{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.angle-groupe-tete h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.angle-compte{padding:2px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:12px}
.angles{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.angle{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:background .2s,opacity .2s,border-color .2s}
.angle:hover,.angle:focus-within{border-color:rgba(2,181,142,.45)}
.angle.coupe{background:var(--bg-soft);opacity:.6}
.angle.coupe .angle-titre{text-decoration:line-through;color:var(--muted)}
.bascule{position:relative;flex:none;width:46px;height:28px;margin-top:1px;border:0;border-radius:99px;background:var(--line-2);cursor:pointer;transition:background .25s}
.bascule i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(17,19,24,.25);transition:transform .25s var(--ressort)}
.bascule[aria-checked="true"]{background:var(--acc)}
.bascule[aria-checked="true"] i{transform:translateX(18px)}
.angle-corps{flex:1;min-width:0;display:grid;gap:8px}
.angle-titre{display:block;margin:-2px -4px;padding:2px 4px;border-radius:8px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink);outline:none}
.angle-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.angle-chip{padding:3px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink-2)}
.angle-chip.src{background:var(--acc-soft);border-color:#CDEEE5;color:var(--acc)}
.angle-chip.nouv{border-color:transparent;background:rgba(124,92,255,.1);color:#5B3FD6;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0}
.angle-pourquoi{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.angle-vide{margin:0 0 12px;padding:14px 18px;border:1px dashed var(--line-2);border-radius:14px;font-size:14.5px;color:var(--muted)}
.zone-prevue{margin:0 0 24px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#F2FBF6,#F6F4FF);border:1px solid rgba(46,160,120,.22);font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.zone-prevue b{color:var(--ink)}
.zone-choix-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.zone-choix{position:relative;display:block;cursor:pointer}
.zone-choix input{position:absolute;opacity:0;pointer-events:none}
.zone-carte{position:relative;display:grid;gap:4px;height:100%;padding:18px 20px 18px 54px;border:1.5px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.zone-carte::before{content:"";position:absolute;left:18px;top:20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);background:#fff;transition:border-color .2s,background .2s}
.zone-choix:hover .zone-carte{border-color:rgba(2,181,142,.5)}
.zone-choix input:checked + .zone-carte{border-color:var(--acc);background:linear-gradient(180deg,#fff,#F4FCF9);box-shadow:0 0 0 4px var(--acc-soft)}
.zone-choix input:checked + .zone-carte::before{border-color:var(--acc);background:radial-gradient(circle,var(--acc) 0 45%,#fff 50%)}
.zone-choix input:focus-visible + .zone-carte{outline:2px solid var(--acc);outline-offset:3px}
.zone-carte b{font-size:16px;font-weight:600;color:var(--ink)}
.zone-carte small{font-size:13.5px;line-height:1.45;color:var(--muted)}
.zone-libre{margin-top:16px}
.zone-libre input{width:100%;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:14px;font:inherit;font-size:16px}
.zone-libre input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
@media (max-width:860px){.ideaux-liste{grid-template-columns:1fr}}

/* Barre du bas : même fond que l'encart de synthèse (vert très pâle / violet léger), sens inversé à l'horizontale */
.fiche-barre{overflow:hidden;background:linear-gradient(225deg,#F2FBF6 0%,#F6F4FF 100%);border-top:1px solid rgba(46,160,120,.22)}
.fiche-barre::before{content:"";position:absolute;left:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.15),transparent);pointer-events:none}
.fiche-barre-in{position:relative}

/* Accueil : quand le client a déjà une société, la carte « Votre société » remplace le texte d'aide sous la saisie */
.aide-remplacee{display:none !important}

/* Accueil : la carte « Votre société » remplace le champ de saisie ; il revient avec « Chercher pour une autre société » */
.entete.accueil.a-societe:not(.cherche-autre) > .nomzone{display:none}
.entete.accueil.a-societe .societe-bloc{max-width:700px;margin-top:36px}
.entete.accueil.a-societe .societe-bloc .societe-carte{padding:22px 26px}
.entete.accueil.a-societe .societe-bloc .societe-id b{font-size:22px}
.entete.accueil.a-societe.cherche-autre .societe-bloc{display:none}
.societe-retour{display:none;margin:-8px auto 0;text-align:center;font-size:14px}
.entete.accueil.a-societe.cherche-autre .societe-retour{display:block}

/* Fiche et ciblage : échelle réduite (~12 %) pour aller avec le reste du site ; carte limitée à 1100 px */
.fiche-page,.fiche-corps,.fiche-barre{zoom:.88}
.fiche-corps{width:min(1250px,calc((100vw - 40px) / .88))}
.fiche-barre-in{width:min(1250px,calc((100vw - 40px) / .88))}

/* Pastille de société : comme au départ, petite et discrète */
.fiche-page .societe-pastille,.fiche-page .fiche-intro .societe-pastille{display:inline-flex;align-items:baseline;gap:8px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid var(--line-2);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.fiche-page .societe-pastille .orbe{display:none}
.fiche-page .societe-pastille b{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--ink)}
.fiche-page .societe-pastille i{font-family:var(--sans);font-style:normal;font-size:12.5px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-left:0;border-left:0}

/* Ciblage : encarts plus petits (pistes sur deux colonnes, textes et marges réduits) */
.angle-groupe + .angle-groupe{margin-top:28px}
.angle-groupe-tete{margin-bottom:10px}
.angle-groupe-tete h3{font-size:15px}
.angles{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px}
.angle{gap:12px;padding:12px 14px;border-radius:14px}
.bascule{width:38px;height:22px;margin-top:2px}
.bascule i{left:3px;top:3px;width:16px;height:16px}
.bascule[aria-checked="true"] i{transform:translateX(16px)}
.angle-corps{gap:6px}
.angle-titre{font-size:14.5px;line-height:1.35}
.angle-meta{gap:5px}
.angle-chip{padding:2px 8px;font-size:10.5px}
.angle-chip.nouv{font-size:11.5px}
.angle-pourquoi{font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.angle-vide{padding:10px 14px;font-size:13.5px}
.ideaux-liste{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.ideal{gap:12px;padding:14px 40px 14px 14px;border-radius:14px}
.ideal::before{width:30px;height:30px;border-radius:10px;font-size:13px}
.ideal-corps{gap:6px}
.ideal-titre{font-size:15px;line-height:1.3}
.ideal-signal{font-size:13px;line-height:1.45}
.ideal-signal em{font-size:10px}
.ideal .puce-sup{right:10px;top:10px}
.cible-resume .resume-ia{font-size:16px}
.zone-prevue{padding:12px 16px;font-size:14px}
.zone-choix-grille{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.zone-carte{padding:14px 16px 14px 46px;border-radius:14px}
.zone-carte::before{left:15px;top:16px;width:18px;height:18px}
.zone-carte b{font-size:14.5px}
.zone-carte small{font-size:12.5px}
.ajout-cible{padding:11px 16px;font-size:14px}
@media (max-width:860px){.angles{grid-template-columns:1fr}}

/* Accueil : carte « Votre société » moderne */
.entete.accueil.a-societe .societe-bloc{max-width:780px;margin-top:36px}
.sc{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:26px 28px;border-radius:24px;border:1px solid rgba(2,181,142,.3);background:linear-gradient(135deg,#fff 0%,#F2FBF6 55%,#F6F4FF 100%);box-shadow:0 0 0 6px rgba(2,181,142,.06),0 30px 60px -34px rgba(4,114,87,.5);text-align:left}
.sc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc-bright),#7FE3CC)}
.sc-halo{position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.14),transparent);pointer-events:none}
.sc > *:not(.sc-halo){position:relative;z-index:1}
.sc-mono{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;box-shadow:0 16px 30px -14px rgba(4,114,87,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.sc-mono b{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1}
.sc-mono .etincelle{position:absolute;right:9px;top:8px;width:11px;height:11px;color:#fff;opacity:.9}
.sc-corps{flex:1;min-width:0}
.sc-label{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);max-width:none}
.sc-point{width:7px;height:7px;border-radius:50%;background:var(--acc-bright);box-shadow:0 0 0 4px rgba(2,181,142,.18);animation:souffle 2.4s ease-in-out infinite}
.sc-nom{margin:0;font-size:26px;line-height:1.1;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.sc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0;max-width:none}
.sc-lieu{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sc-statut{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 10px;border-radius:999px;background:#fff;border:1px solid rgba(2,181,142,.35);font-size:12.5px;font-weight:600;color:var(--acc)}
.sc-statut i{width:7px;height:7px;border-radius:50%;background:var(--acc-bright)}
.sc-statut.encours i{animation:souffle 1.4s ease-in-out infinite}
.sc-statut.stop{border-color:var(--line-2);color:var(--muted)}
.sc-statut.stop i{background:var(--faint)}
.sc-date{font-size:13px;color:var(--muted)}
.sc-actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px}
.sc-cta{padding:14px 22px;border-radius:14px;font-size:15.5px;font-weight:600;background:linear-gradient(180deg,#0A9373,#047257);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 16px 28px -14px rgba(4,114,87,.9)}
.sc-cta:hover{box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 20px 32px -14px rgba(4,114,87,.95)}
.sc-autre{border:0;background:none;padding:4px 6px;font:inherit;font-size:14px;font-weight:500;color:var(--acc);cursor:pointer;text-align:center}
.sc-autre:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.sc{flex-wrap:wrap;gap:16px;padding:22px 20px}.sc-corps{flex-basis:calc(100% - 90px)}.sc-actions{flex-basis:100%;min-width:0}.sc-nom{font-size:22px}}

/* ── Fiche sur une seule page : tout se voit presque d'un coup d'œil ── */
.fiche-une-page{padding-top:28px}
.fiche-une-page .fiche-intro{margin-top:14px}
.fiche-une-page .fiche-intro p{margin-top:10px}
.fiche-une{margin-top:22px;padding-bottom:36px}
.fiche-une .fiche-lead-zone{margin:0 0 16px}
.fiche-une .fiche-lead-zone .champ-fiche{padding:18px 24px 20px}
.fiche-une .fiche-lead-zone .phrase-cle{font-size:20px;line-height:1.3;margin-bottom:6px}
.fiche-une .fiche-lead-zone .champ-lecture{font-size:15.5px;line-height:1.6;padding:6px 10px;margin:0 -10px}
.fiche-une .fiche-lead-zone .champ-tete{margin-bottom:8px}
.fiche-grille{columns:3 300px;column-gap:14px}
.fiche-grille > .champ-fiche,.fiche-libre-carte{break-inside:avoid;margin:0 0 14px;padding:14px 16px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.fiche-grille > .champ-fiche:hover,.fiche-grille > .champ-fiche:focus-within,.fiche-libre-carte:focus-within{border-color:rgba(2,181,142,.45);box-shadow:0 12px 26px -20px rgba(4,128,101,.5)}
.fiche-grille .champ-tete{margin-bottom:10px;gap:8px}
.fiche-grille .champ-tete label{font-size:14px}
.fiche-grille .champ-titre small{font-size:12px;line-height:1.35}
.fiche-grille .champ-lecture{padding:10px 12px;font-size:14px;line-height:1.55;border-radius:12px}
.fiche-grille .champ-edit{padding:4px 11px;font-size:12px}
.fiche-grille .badge-confirme{font-size:11px;padding:3px 8px}
.fiche-grille .lignes-edit{gap:6px}
.fiche-grille .ligne-edit{padding:8px 10px 8px 12px;gap:10px;border-radius:11px}
.fiche-grille .ligne-edit .puce-texte{font-size:13.5px;line-height:1.45}
.fiche-grille .ligne-pt{width:6px;height:6px;box-shadow:0 0 0 3px var(--acc-soft)}
.fiche-grille .puces-edit{gap:6px}
.fiche-grille .puces-edit .puce-edit{font-size:13.5px;padding:3px 4px 3px 11px}
.fiche-grille .puce-ajout{padding:6px 12px;font-size:13px}
.fiche-grille .ligne-ajout .puce-ajout{padding:8px 12px}
.fiche-grille textarea{padding:10px 12px;font-size:14px}
.fiche-facultatif{margin:2px 0 16px;border:1px dashed var(--line-2);border-radius:16px;background:var(--bg-soft)}
.fiche-facultatif summary{display:flex;align-items:center;gap:10px;padding:13px 18px;cursor:pointer;list-style:none;font-size:14.5px;color:var(--ink)}
.fiche-facultatif summary::-webkit-details-marker{display:none}
.fiche-facultatif summary::before{content:"+";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--acc-soft);color:var(--acc);font-weight:700;font-size:15px;line-height:1}
.fiche-facultatif[open] summary::before{content:"–"}
.fiche-facultatif summary small{margin-left:6px;font-size:12.5px;color:var(--muted)}
.fiche-facultatif[open]{background:#fff;border-style:solid}
.fiche-facultatif .fiche-grille{padding:4px 16px 2px}
.fiche-libre-carte{margin:0 0 4px}
.fiche-libre-carte label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--ink)}
.fiche-libre-carte label small{margin-left:6px;font-size:12px;font-weight:400;color:var(--muted)}
.fiche-libre-carte textarea{width:100%;padding:10px 12px;font-size:14px;line-height:1.5;border-radius:12px}
.fiche-fin{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:14px}
.fiche-fin .fiche-compteur{flex:0 1 auto;text-align:right;font-size:14px;font-weight:500;color:var(--ink)}
.fiche-fin .btn-primary{padding:13px 26px;border-radius:12px;font-size:15.5px;font-weight:600;background:var(--acc);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 24px -10px rgba(4,128,101,.75)}
.fiche-fin .btn-primary:hover{background:#036b55}
@media (max-width:640px){.fiche-fin{flex-direction:column;align-items:stretch}.fiche-fin .fiche-compteur{text-align:center}}

/* Accueil : la première étape, « Identifier votre société », est allumée par défaut */
.entete.accueil .etape[data-cle="identite"].attente > div{opacity:1}
.entete.accueil .etape[data-cle="identite"].attente b{color:var(--ink)}
.entete.accueil .etape[data-cle="identite"].attente .pastille{border-color:var(--acc-bright);background:var(--acc-soft);color:var(--acc);animation:etapeAllumee 2.6s ease-in-out infinite}
@keyframes etapeAllumee{0%,100%{box-shadow:0 0 0 5px rgba(2,181,142,.10)}50%{box-shadow:0 0 0 9px rgba(2,181,142,.18)}}

/* Fiche une page : le badge « Compris par Scopos » reste sur l'encart du haut seulement (il faisait passer les titres des petits encarts sur plusieurs lignes) */
.fiche-grille .badge-ia{display:none}

/* Accueil avec société déjà choisie : le champ disparaît, mais les trois pastilles (B2B, en 1 clic, et quelques secondes) restent au-dessus de la carte */
.entete.accueil.a-societe:not(.cherche-autre) > .nomzone{display:block;height:0;margin-bottom:0}
.entete.accueil.a-societe:not(.cherche-autre) > .nomzone .champ{display:block;height:0}
.entete.accueil.a-societe:not(.cherche-autre) > .nomzone input,.entete.accueil.a-societe:not(.cherche-autre) > .nomzone .orbe,.entete.accueil.a-societe:not(.cherche-autre) > .nomzone .suggestions{display:none}
.entete.accueil.a-societe:not(.cherche-autre) .societe-bloc{margin-top:0}

/* Accueil : rythme vertical régulier (32 sous le titre, 24 entre pastilles et carte, 48 entre les grands blocs) */
.entete.accueil.a-societe:not(.cherche-autre) > .nomzone{margin-top:86px}
.entete.accueil.a-societe .etapes{margin-top:62px}
.entete.accueil .repartition{margin-top:34px}

/* (suite) mêmes sélecteurs que les anciennes règles de l'accueil, pour que le rythme régulier l'emporte */
body:has(.entete.accueil) .entete.accueil.a-societe:not(.cherche-autre) > .nomzone{margin-top:86px}
body:has(.entete.accueil) .repartition:not(.repartition-haut){margin-top:34px}

/* Fiche : adresse et SIREN sous la pastille ; ciblage : actions sur les marchés publics ; aide de prix dans la liste de sociétés */
.societe-reg{margin:8px auto 0;max-width:none;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.angle-actions{margin-left:auto;display:flex;gap:14px;font-size:13px}
.angle-actions .lien{font-size:13px}
.sugg-prix{font-weight:600;color:var(--acc)}

/* Carte « Votre société » plus compacte */
.entete.accueil.a-societe .societe-bloc{max-width:640px}
.sc{gap:16px;padding:16px 20px;border-radius:20px;box-shadow:0 0 0 4px rgba(2,181,142,.05),0 20px 40px -28px rgba(4,114,87,.45)}
.sc-mono{width:52px;height:52px;border-radius:17px}
.sc-mono b{font-size:18px}
.sc-mono .etincelle{right:7px;top:6px;width:9px;height:9px}
.sc-label{margin-bottom:3px;font-size:10px}
.sc-nom{font-size:21px}
.sc-meta{margin-top:7px;gap:6px 10px}
.sc-lieu{font-size:10.5px}
.sc-statut{padding:2px 10px 2px 8px;font-size:12px}
.sc-date{font-size:12px}
.sc-actions{min-width:190px;gap:4px}
.sc-cta{padding:11px 18px;border-radius:12px;font-size:14.5px}
.sc-autre{font-size:13px;padding:2px 4px}
@media (max-width:640px){.sc{gap:12px;padding:16px}.sc-corps{flex-basis:calc(100% - 70px)}.sc-nom{font-size:19px}}

/* En-tête à deux colonnes : hero à gauche, société à droite, logo Scopos entre les deux */
.fiche-page .fiche-tete{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0 32px;text-align:left}
.fiche-tete-gauche .label{margin:0;justify-content:flex-start;width:auto}
.fiche-tete-gauche .label::after{display:none}
.fiche-page .fiche-tete-gauche h1.fiche-titre{margin:10px 0 0;text-align:left}
.fiche-tete-intro{max-width:46ch;margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2);text-align:left}
.fiche-tete-intro b{color:var(--ink);font-weight:600}
.fiche-tete-sep{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:120px}
.fiche-tete-sep > i:not(.embleme){flex:1;width:1px;background:linear-gradient(transparent,var(--line-2) 35%,var(--line-2) 65%,transparent)}
.fiche-tete-sep .embleme{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#06A87E;box-shadow:0 8px 18px -8px rgba(4,128,101,.7)}
.fiche-tete-sep .embleme svg{width:20px;height:20px;display:block}
.fiche-tete-droite{display:grid;justify-items:start;gap:10px;text-align:left}
.fiche-tete-droite .societe-reg{margin:0;max-width:none;line-height:1.5}
.fiche-tete-droite .lien{font-size:13.5px}
@media (max-width:760px){
  .fiche-page .fiche-tete{grid-template-columns:1fr;gap:18px}
  .fiche-tete-sep{flex-direction:row;min-height:0;width:100%}
  .fiche-tete-sep > i:not(.embleme){height:1px;width:auto;background:linear-gradient(90deg,transparent,var(--line-2) 35%,var(--line-2) 65%,transparent)}
}

.fiche-tete-droite .societe-reg span{display:block;white-space:nowrap}
.fiche-tete-droite .societe-reg span + span{margin-top:2px;color:var(--faint)}
.fiche-tete-droite .societe-reg{font-size:11px}
.fiche-page .fiche-tete{margin-bottom:6px}

/* Accueil : champ de saisie toujours visible, puis une carte par entreprise déjà enregistrée */
.entete.accueil.a-societes > .nomzone{margin-bottom:32px}
.entete.accueil.a-societes .etapes{margin-top:62px}
.societes-liste{display:grid;gap:12px;max-width:640px;margin:0 auto}
.societes-liste .sc{box-shadow:0 0 0 4px rgba(2,181,142,.05),0 16px 32px -26px rgba(4,114,87,.45)}
.societes-liste .sc-actions{min-width:170px}

/* Accueil : encart « Entreprises déjà soumises » */
.soumises{max-width:640px;margin:0 auto;text-align:left;border:1px solid rgba(2,181,142,.3);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#F2FBF6 60%,#F6F4FF 100%);box-shadow:0 0 0 4px rgba(2,181,142,.05),0 20px 40px -30px rgba(4,114,87,.45);overflow:hidden}
.soumises-titre{display:flex;align-items:center;gap:8px;margin:0;padding:14px 20px 10px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);max-width:none}
.soumises-titre span{padding:1px 8px;border-radius:999px;background:var(--acc-soft);font-size:11px;letter-spacing:.04em}
.soumises-liste{list-style:none;margin:0;padding:0}
.soumise{display:flex;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid rgba(2,181,142,.16)}
.soumise .sc-mono{width:40px;height:40px;border-radius:13px}
.soumise .sc-mono b{font-size:14px}
.soumise-corps{flex:1;min-width:0;display:grid;gap:4px}
.soumise-nom{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.soumise-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.soumise .sc-cta{flex:none;padding:10px 16px;border-radius:12px;font-size:14px}
@media (max-width:560px){.soumise{flex-wrap:wrap}.soumise .sc-cta{width:100%}}

/* Encart des entreprises soumises : sans titre, la première ligne colle au haut */
.soumise:first-child{border-top:0}

/* Encart des entreprises soumises : même largeur que le champ de saisie */
.soumises{width:100%;max-width:600px}

/* Actualisation : barre sous le compteur, pastille « Nouveau » */
.actu-barre{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:8px 8px 8px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);font-size:13.5px;color:var(--ink-2)}
.r-nouveau{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:var(--acc);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.01em}
.r-nouveau .etincelle{width:9px;height:9px;color:#fff}

/* Fenêtre de confirmation de l'accueil */
.modale-fond{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(17,19,24,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fondu .2s ease both}
.modale{position:relative;width:min(540px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px 32px 28px;border-radius:24px;background:#fff;box-shadow:0 30px 80px -30px rgba(17,19,24,.55);text-align:left;animation:monte .35s var(--doux) both}
.modale .label{margin:0 0 10px}
.modale .label::after{display:none}
.modale h2{margin:0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.modale-reg{margin:10px 0 0;font-family:var(--mono);font-size:12px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);max-width:none}
.modale-texte{margin:16px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:none}
.modale-champ{display:block;margin-top:16px}
.modale-champ > span{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--ink)}
.modale-champ small{margin-left:6px;font-size:12.5px;font-weight:400;color:var(--muted)}
.modale-champ input,.modale-champ textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:12px;font:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.modale-champ input:focus,.modale-champ textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.modale-ou{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-size:12.5px;color:var(--faint);max-width:none}
.modale-ou::before,.modale-ou::after{content:"";flex:1;height:1px;background:var(--line)}
.modale .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.modale .erreur{margin:14px 0 0}
.modale-x{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:22px;line-height:1;color:var(--muted);cursor:pointer}
.modale-x:hover{background:var(--bg-soft);color:var(--ink)}
.sugg-deja{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--sans);font-size:11.5px;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none}
@media (max-width:560px){.modale{padding:24px 20px 22px}.modale h2{font-size:22px}.modale .actions .btn{flex:1 1 100%}}

/* Accueil d'un utilisateur qui a déjà une entreprise : la saisie est cachée derrière « + Ajouter une entreprise ou une activité » (les trois pastilles restent) */
.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone{display:block;height:0;margin-bottom:0}
.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone .champ{display:block;height:0}
.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone input,.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone .orbe,.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone .suggestions{display:none}
body:has(.entete.accueil) .entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone{margin-top:86px}
.ajout-societe{margin:16px auto 0;text-align:center;max-width:none}
.entete.accueil.a-societes.ajout-ouvert .ajout-societe{display:none}

/* Parcours : navigation sous la carte (plus de barre fixe), listes dépliables, encart « Ce que Scopos cherche » */
.etape-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.etape-nav-suite{display:flex;align-items:center;gap:20px;margin-left:auto}
.etape-nav .lien{font-size:14px;color:var(--muted)}
.etape-nav .lien:hover{color:var(--acc)}
.etape-nav .btn-primary{padding:13px 26px;border-radius:12px;font-size:15.5px;font-weight:600;background:var(--acc);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 24px -10px rgba(4,128,101,.75)}
.etape-nav .btn-primary:hover{background:#036b55}
.etape-nav .fiche-compteur{font-size:14px;font-weight:500;color:var(--ink);text-align:right}
.voir-plus{margin-top:12px;padding:4px 2px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--acc);cursor:pointer}
.voir-plus:hover{text-decoration:underline;text-underline-offset:3px}
.angle-chip.pour{background:rgba(124,92,255,.08);border-color:transparent;color:#5B3FD6;font-family:var(--sans);font-size:11.5px;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cherche-liste{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.cherche-liste li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid rgba(124,92,255,.35);font-size:14px;line-height:1.3;color:#4B2FC0}
.cherche-liste li i{flex:none;width:7px;height:7px;border-radius:50%;background:#7C5CFF;animation:souffle 1.8s ease-in-out infinite}
.cherche-mail{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);max-width:none}
@media (max-width:640px){.etape-nav{flex-wrap:wrap}.etape-nav-suite{width:100%;justify-content:space-between;margin-left:0}}

/* Résultats : bilan par prospect idéal */
.ideaux-bilan{margin:18px 0 0}
.ideaux-bilan .label{margin:0 0 10px}
.ideaux-bilan ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.ideaux-bilan .ib{display:inline-flex;align-items:center;gap:9px;padding:7px 8px 7px 14px;border-radius:999px;background:#fff;border:1px solid rgba(2,181,142,.35);font-size:13.5px;line-height:1.3;color:var(--ink)}
.ideaux-bilan .ib i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc-bright)}
.ideaux-bilan .ib b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:12px;font-weight:600}
.ideaux-bilan .ib.vide{border-color:var(--line-2);color:var(--muted)}
.ideaux-bilan .ib.vide i{background:var(--faint)}
.ideaux-bilan .ib.vide b{background:var(--bg-soft);color:var(--faint)}

/* Étape « Précisions » : groupes repliables */
.plus-groupe{margin:0 0 14px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.plus-groupe[open]{border-color:rgba(2,181,142,.4);box-shadow:0 14px 28px -22px rgba(4,128,101,.45)}
.plus-groupe summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.plus-groupe summary::-webkit-details-marker{display:none}
.plus-titre{display:grid;gap:3px}
.plus-titre b{font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.plus-titre small{font-size:13px;color:var(--muted)}
.plus-n{flex:none;display:inline-flex;align-items:center;gap:10px;padding:3px 11px;border-radius:999px;background:var(--bg-soft);font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.plus-n::after{content:"";width:8px;height:8px;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.plus-groupe[open] .plus-n::after{transform:rotate(-135deg) translateY(-2px)}
.plus-groupe .fiche-plus-grille{padding:4px 22px 24px;gap:28px 44px}

/* Abonnements : choix de formule, page « Mes abonnements » */
.modale.large{width:min(980px,100%)}
.formules-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;align-items:stretch}
.formule{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 22px 22px;border:1px solid var(--line-2);border-radius:20px;background:#fff;transition:border-color .2s,box-shadow .2s}
.formule:hover{border-color:rgba(2,181,142,.5);box-shadow:0 18px 36px -26px rgba(4,114,87,.5)}
.formule.reco{border:1.5px solid var(--acc);background:linear-gradient(180deg,#fff,#F4FCF9);box-shadow:0 0 0 4px var(--acc-soft)}
.formule.actuelle{border-color:var(--acc)}
.formule-bandeau{position:absolute;left:50%;top:-12px;transform:translateX(-50%);padding:3px 12px;border-radius:999px;background:var(--acc);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.formule h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.formule-prix{display:grid;gap:2px;margin:0;max-width:none}
.formule-prix b{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.formule-prix small{font-size:12.5px;color:var(--muted)}
.formule-points{list-style:none;display:grid;gap:9px;margin:4px 0 8px;padding:0;flex:1}
.formule-points li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.formule-points li .coche-q{flex:none;margin-top:3px}
.formule .btn{width:100%;justify-content:center}
.formule-note{margin:18px 0 0;font-size:13px;color:var(--muted);text-align:center;max-width:none}
.abo-liste{display:grid;gap:12px;margin-top:14px}
.abo-ligne{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;align-items:center;gap:20px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.abo-nom{display:grid;gap:2px}
.abo-nom b{font-size:17px;font-weight:700;letter-spacing:-.015em}
.abo-nom small,.abo-etat small{font-size:13px;color:var(--muted)}
.abo-etat{display:grid;gap:7px}
.abo-formule{display:inline-flex;width:fit-content;padding:3px 12px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:13px;font-weight:600}
.abo-formule.vide{background:var(--bg-soft);color:var(--muted)}
.abo-conso{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.abo-conso i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc-bright))}
.abo-actions{display:flex;align-items:center;gap:14px}
.sc-formule{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:12px;font-weight:600}
@media (max-width:860px){.formules-grille{grid-template-columns:1fr}.abo-ligne{grid-template-columns:1fr}.formule-bandeau{top:-11px}}
/* Centrage de la carte : la combinaison « zoom + left:50% + translate » la décalait vers la droite ; une marge automatique la centre exactement sous l'en-tête. */
.fiche-corps{position:static;left:auto;transform:none;margin-left:auto;margin-right:auto}
.fiche-barre-in{margin-left:auto;margin-right:auto}
.fiche-corps,.fiche-barre-in{width:min(1250px,100%)}
/* Étape validée : la coche est dessinée au centre exact du rond (le numéro masqué ne pousse plus la coche). */
.fiche-pas li.fait b{position:relative;font-size:0;line-height:0}
.fiche-pas li.fait b::before{content:"";position:absolute;inset:0;font-size:0;background:#fff;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5.5 12.5l4.2 4.2 8.8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px 14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5.5 12.5l4.2 4.2 8.8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px 14px no-repeat}
.fiche-pas li b{flex:0 0 24px}
/* Cartes de pistes : elles ne débordent plus de la colonne quand un titre ou une pastille est long (min-width:0 sur les éléments de grille et de flex). */
.angles{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr))}
.angle,.angle-corps,.angle-meta,.angle-titre,.angle-pourquoi{min-width:0;max-width:100%}
.angle-titre,.angle-pourquoi{overflow-wrap:anywhere}
.angle-meta .angle-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ── Ciblage fusionné : un prospect idéal = une carte, ses pistes dépliables dessous ── */
.ideaux-liste{grid-template-columns:1fr;gap:12px}
.ideal{display:block;padding:0;overflow:hidden}
.ideal::before{content:none}
.ideal.retire{display:none}
.ideal-ligne{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 44px 14px 14px}
.ideal-ligne::before{content:counter(ideal);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:13px;font-weight:600}
.ideal .puce-sup{right:10px;top:10px}
.ideal-pistes{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(2,181,142,.03),rgba(124,92,255,.025))}
.ideal-pistes>summary,.autres-pistes .angle-groupe-tete{list-style:none}
.ideal-pistes>summary{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--acc)}
.ideal-pistes>summary::-webkit-details-marker{display:none}
.ideal-pistes>summary::before{content:"";flex:none;width:7px;height:7px;margin-right:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.ideal-pistes[open]>summary::before{transform:rotate(45deg)}
.ideal-pistes>summary:hover{background:rgba(2,181,142,.06)}
.pistes-n{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:11.5px;font-weight:600}
.ideal-pistes .angles,.autres-pistes .angles{margin:0;padding:2px 14px 12px}
.ideal-pistes .angle{background:#fff}
.ideal-pistes .ajout-cible{display:block;width:calc(100% - 28px);margin:0 14px 14px}
.angle-chip.nat{background:rgba(124,92,255,.09);border-color:transparent;color:#5B3FD6;font-family:var(--sans);font-size:11.5px;letter-spacing:0}
.marches-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.autres-pistes{margin-top:22px}
.autres-pistes .angle-groupe-tete{margin-bottom:8px}
.autres-pistes .angles:empty{display:none}
.ajouts-autres{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
/* ── Zone libre : pastille IA, aperçu de ce que Scopos a compris ── */
.zone-libre-champ{position:relative;display:block}
.zone-libre-champ .ia-puce{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;background:rgba(124,92,255,.1);color:#5B3FD6;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;pointer-events:none}
.zone-libre-champ .ia-puce svg{width:12px;height:12px}
.zone-libre-champ #zone-texte{padding-left:68px}
.zone-comprise{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 14px;border-radius:12px;background:var(--acc-soft);color:var(--acc);font-size:14px}
.zone-comprise svg{flex:none;width:14px;height:14px;color:#5B3FD6}
.zone-comprise.attente{background:var(--bg-soft);color:var(--muted)}
.zone-comprise.ko{background:#fdeceb;color:#b42318}
.zone-comprise[hidden]{display:none}
.zone-libre-aide{margin:10px 2px 0;font-size:13px;color:var(--muted)}
.formule-essai{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:5px 12px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:13px;font-weight:600}
.formule-essai i{width:7px;height:7px;border-radius:50%;background:var(--acc-bright)}
.fiche-corps .zone-libre{display:block}
.fiche-corps .zone-libre[hidden]{display:none}
.zone-libre-champ #zone-texte{width:100%;box-sizing:border-box}
/* Zone libre : l'icône IA seule, sans fond ni texte */
.zone-libre-champ .ia-puce{left:16px;padding:0;background:none;border-radius:0;color:#5B3FD6}
.zone-libre-champ .ia-puce svg{width:18px;height:18px}
.zone-libre-champ #zone-texte{padding-left:46px}
/* ── Carte « Marchés publics » (interrupteur, allumée par défaut) ── */
.ideal.marches .ideal-ligne{padding-right:84px}
.ideal.marches .bascule{position:absolute;right:16px;top:16px;margin:0}
.ideal.marches.off{opacity:.7}
.ideal.marches.off .ideal-titre{color:var(--muted)}
.ideal.marches .ideal-titre{cursor:default}
/* ── Ajout d'un prospect idéal : un grand champ, reformulé par l'IA ── */
.ajout-ideal{margin-top:16px;padding:16px 18px 14px;border:1.5px dashed rgba(2,181,142,.6);border-radius:16px;background:var(--acc-soft);transition:background .2s,border-color .2s,box-shadow .2s}
.ajout-ideal:focus-within{border-style:solid;border-color:var(--acc);background:#fff;box-shadow:0 0 0 4px var(--acc-soft)}
.ajout-ideal label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600;color:var(--acc)}
.ajout-ideal label svg{flex:none;width:18px;height:18px;color:#5B3FD6}
.ajout-ideal textarea.ajout-cible{display:block;width:100%;min-height:96px;resize:vertical;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-size:15px;font-weight:400;line-height:1.5;color:var(--ink);box-sizing:border-box}
.ajout-ideal textarea.ajout-cible::placeholder{color:var(--muted);font-weight:400}
.ajout-ideal textarea.ajout-cible:hover{background:#fff;border-color:var(--acc)}
.ajout-ideal textarea.ajout-cible:focus{outline:none;border-color:var(--acc);box-shadow:none;background:#fff}
.ajout-ideal-pied{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.ajout-ideal-pied small{color:var(--muted);font-size:12.5px}
/* Fenêtre des formules : plus compacte */
.modale.large{width:min(800px,100%);padding:22px 26px 20px;border-radius:20px}
.modale.large h2{font-size:21px}
.modale.large .modale-texte{margin-top:10px;font-size:14px}
.modale.large .formules-grille{gap:12px;margin-top:16px}
.modale.large .formule{gap:9px;padding:18px 16px 16px;border-radius:16px}
.modale.large .formule h3{font-size:15.5px}
.modale.large .formule-prix b{font-size:26px}
.modale.large .formule-prix small{font-size:11.5px}
.modale.large .formule-essai{margin:6px 0 0;padding:3px 10px;font-size:12px}
.modale.large .formule-points{gap:6px;margin:2px 0 4px}
.modale.large .formule-points li{font-size:12.5px;line-height:1.4}
.modale.large .formule .btn{padding:9px 10px;font-size:13px}
.modale.large .formule-bandeau{top:-10px;font-size:11px;padding:2px 10px}
.modale.large .formule-note{margin:12px 0 0;font-size:11.5px}
.ideal.fusionne{display:none}


/* ── Filtres avec icône ; « Modifier mon ciblage » ; précision ── */
.reglage>summary>svg{flex:none;color:var(--acc);margin-right:2px}
#modifier-ciblage svg{margin-right:6px;vertical-align:-3px;color:var(--acc)}
.ajout-precision textarea{display:block;width:100%;min-height:64px;resize:vertical;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);box-sizing:border-box}
.ajout-precision label small{margin-left:6px;font-weight:400;color:var(--muted)}

/* ── Mes fiches : statut sur la ligne, filtres, retrait ── */
.fiche-carte[hidden]{display:none}
.actions-carte{display:flex;align-items:center;gap:8px}
.statut-bouton{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.statut-bouton:hover{border-color:var(--acc);color:var(--ink)}
.statut-bouton i,.statut-pop i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.statut-bouton.avec{color:var(--ink);border-color:rgba(2,181,142,.45);background:var(--acc-soft)}
.statut-a_contacter i,.statut-pop .statut-a_contacter i{background:#3b82f6}
.statut-contacte i,.statut-pop .statut-contacte i{background:#7c5cff}
.statut-repondu i,.statut-pop .statut-repondu i{background:#f59e0b}
.statut-gagne i,.statut-pop .statut-gagne i{background:#02b58e}
.statut-perdu i,.statut-pop .statut-perdu i{background:#9aa1ad}
.statut-pop{position:fixed;z-index:300;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px -18px rgba(17,19,24,.45)}
.statut-pop button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}
.statut-pop button:hover{background:var(--bg-soft)}
.statut-pop button.actif{font-weight:700;background:var(--acc-soft)}
.statut-pop .aucun{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:var(--muted)}
.filtres-statut{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.filtre-statut{padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer}
.filtre-statut small{margin-left:4px;color:var(--muted);font-family:var(--mono);font-size:11.5px}
.filtre-statut:hover{border-color:var(--acc)}
.filtre-statut.actif{background:var(--acc);border-color:var(--acc);color:#fff}
.filtre-statut.actif small{color:rgba(255,255,255,.8)}
.fiche-retirer{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;font-size:20px;line-height:1;color:var(--muted);cursor:pointer}
.fiche-retirer:hover{background:#fde8e8;color:#b42318}
.btn-retirer{background:#b42318;border-color:#b42318;color:#fff}
.btn-retirer:hover{background:#9a1c12}

.vide-fiches{display:flex;align-items:flex-start;gap:12px;margin:6px 0 0;padding:18px 20px;border:1px dashed var(--line-2);border-radius:16px;background:var(--bg-soft);font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.vide-fiches svg{flex:none;width:18px;height:18px;margin-top:2px;color:#5B3FD6}
.vide-fiches b{color:var(--ink)}

/* ── Carte prospect : deux étiquettes, boutons du recto comme au verso, case mise en valeur ── */
.r-bas{right:64px;gap:8px}
.r-bas .btn{padding:7px 12px;font-size:12.5px;line-height:1;border-radius:999px}
.r-bas .btn svg{width:13px;height:13px}
.r-bas .retourner{color:var(--teinte);border-color:color-mix(in srgb,var(--teinte) 38%,var(--line));background:#fff}
.r-bas .retourner:hover{background:color-mix(in srgb,var(--teinte) 10%,#fff)}
.r-bas .r-debloquer{margin-left:auto}
.recto .retourner,.recto .r-debloquer{position:relative;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.recto .coche{width:30px;height:30px;right:16px;bottom:12px;border-radius:9px;border:2px solid color-mix(in srgb,var(--acc) 55%,var(--line-2));background-color:#fff;background-size:16px;box-shadow:0 3px 10px -3px rgba(4,114,87,.4);transition:transform .2s,border-color .2s,background-color .2s}
.recto .coche:hover{transform:scale(1.08);border-color:var(--acc)}
.recto .coche:checked{background-color:var(--acc);border-color:var(--acc)}
.verso-actions{margin-top:auto}
.verso-actions .btn svg{width:13px;height:13px}

.sans-siret{margin:10px 0 0;text-align:center;font-size:14px}
.sans-siret .lien{font-weight:600}
/* Texte réservé aux lecteurs d'écran : la ligne séparatrice reste, le titre n'est plus affiché */
.sr-seul{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Accueil : alignements */
.entete.accueil .sans-siret{width:100%;max-width:600px;margin:14px auto 0;text-align:center}
.entete.accueil .sans-siret .lien{display:inline-block;padding:4px 6px;font-size:14.5px}
.entete.accueil.a-societes .soumises{width:100%;max-width:600px;margin:0 auto}
.entete.accueil.a-societes .soumise{padding:14px 20px;gap:16px}
.entete.accueil.a-societes .soumise-corps{gap:5px}
.entete.accueil.a-societes .soumise .sc-cta{min-width:178px;justify-content:center}
.entete.accueil.a-societes .ajout-societe{width:100%;max-width:600px;margin:14px auto 0}
.entete.accueil.a-societes .ajout-societe .btn{width:100%;justify-content:center;padding:14px 20px;border-radius:16px;border-style:dashed;font-size:15px}
.entete.accueil.a-societes .sans-siret{margin-top:12px}
.entete.accueil.a-societes .etapes{margin-top:56px}
body:has(.entete.accueil) .entete.accueil.a-societes .sous-saisie{margin-top:28px}
@media (max-width:560px){
  .entete.accueil.a-societes .soumise .sc-cta{min-width:0}
  .entete.accueil.a-societes .ajout-societe,.entete.accueil .sans-siret{max-width:none}
}
.entete.accueil.a-societes .ajout-societe .btn{border:1.5px dashed rgba(2,181,142,.5);background:#fff;color:var(--ink)}
.entete.accueil.a-societes .ajout-societe .btn:hover{border-color:var(--acc-bright);background:var(--acc-soft)}

/* Sans SIRET : liste de liens avec « + » */
.liens-liste{display:grid;gap:8px}
.lien-plus{margin-top:10px;padding:2px 0;font-size:14px;font-weight:600}

/* Mes abonnements : le bouton « Voir mes prospects » passe à la ligne sur les petits écrans */
.abo-actions{flex-wrap:wrap;justify-content:flex-end}

/* Fenêtres de dialogue (remplacent confirm et alert) */
.modale.dialogue{width:min(460px,100%);padding:30px 30px 26px}
.dialogue-icone{display:grid;place-items:center;width:46px;height:46px;margin:0 0 16px;border-radius:15px;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;font-size:21px;font-weight:700;line-height:1;box-shadow:0 14px 26px -14px rgba(4,114,87,.85)}
.dialogue-icone.danger{background:linear-gradient(145deg,#F2766B,#B42318);box-shadow:0 14px 26px -14px rgba(180,35,24,.8)}
.dialogue .modale-texte{margin-top:12px}
.dialogue .actions{margin-top:22px}
@media (max-width:560px){.dialogue .actions .btn{flex:1 1 100%}}

/* Fiches supplémentaires */
.fiches-plus{margin:18px 0 6px;padding:16px 18px;border:1px solid #CFEBE1;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#F2FBF6 60%,#F6F4FF 100%)}
.fiches-plus-titre{margin:0;font-weight:700;color:var(--ink);max-width:none}
.fiches-plus-texte{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);max-width:none}
.fiches-plus-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.fiches-pack{display:grid;gap:2px;padding:13px 15px;border:1px solid var(--line-2);border-radius:14px;background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.fiches-pack b{font-size:16px;letter-spacing:-.01em}
.fiches-pack span{font-weight:600;color:var(--acc)}
.fiches-pack small{font-size:12.5px;color:var(--muted)}
.fiches-pack:hover{border-color:var(--acc-bright);box-shadow:0 10px 24px -16px rgba(4,114,87,.6);transform:translateY(-1px)}
.fiches-pack:disabled{opacity:.6;cursor:default;transform:none}

/* Menu du profil : les entreprises du compte */
.menu-titre{margin:2px 12px 4px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);max-width:none}
.menu-societe .menu-mono{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;font-style:normal;font-size:11px;font-weight:700;letter-spacing:0}
.menu-societe span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.menu-societe small{flex:none;font-size:12px;color:var(--muted)}
.menu-societe em{flex:none}

/* Facturation : abonnements en cours et factures */
.fact-liste{display:grid;gap:10px;margin-top:14px}
.fact-ligne{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.fact-nom{display:grid;gap:2px;min-width:0}
.fact-nom b{font-size:15.5px;letter-spacing:-.01em}
.fact-nom small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fact-etat{font-size:14px;color:var(--ink-2)}
.fact-etat b{color:var(--ink)}
@media (max-width:700px){.fact-ligne{grid-template-columns:1fr}}

/* Page des résultats : plus simple */
/* chiffres : une seule ligne, sans cartes */
.entete .chiffres{display:flex !important;flex-wrap:wrap;gap:2px 22px;margin:10px 0 0 !important}
.entete .chiffres > span{display:inline !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;font-family:var(--sans) !important;font-size:14.5px !important;letter-spacing:0 !important;text-transform:none !important;color:var(--muted) !important}
.entete .chiffres > span b{display:inline !important;font-family:inherit !important;font-size:inherit !important;font-weight:700 !important;letter-spacing:0 !important;color:var(--ink) !important}
/* explication : un filet, deux lignes, un clic pour tout lire */
.explication-haut{padding:2px 0 2px 16px !important;border:0 !important;border-left:3px solid var(--acc-bright) !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
.explication-haut > svg{display:none !important}
.explication-haut > span{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.explication-haut.repliable{cursor:pointer}
.explication-haut.repliable > span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.explication-haut.repliable.ouvert > span{display:block;-webkit-line-clamp:unset}
.explication-haut.repliable::after{content:'Lire la suite';display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--acc)}
.explication-haut.repliable.ouvert::after{content:'Réduire'}
/* cartes : toutes semblables, sans filigrane ni couleur par type */
#lots .carte.choix .face.recto{border:1px solid var(--line-2) !important;border-top:1px solid var(--line-2) !important;background:#fff !important;box-shadow:0 1px 2px rgba(17,19,24,.04),0 12px 26px -20px rgba(17,19,24,.25) !important}
#lots .carte.choix .face.recto::before{display:none !important}
#lots .carte.choix .face.recto .filigrane{display:none !important}
#lots .carte.choix.reco{grid-column:auto !important}
#lots .carte.choix.reco .face.recto{border-color:rgba(2,181,142,.55) !important}

.explication-haut{display:block !important}

/* Prospects recommandés : fond léger violacé, comme avant */
#lots .carte.choix.reco .face.recto{background:linear-gradient(168deg,#EEE8FF 0%,#FFFFFF 62%) !important;border-color:rgba(124,92,252,.45) !important;box-shadow:0 1px 2px rgba(17,19,24,.04),0 14px 28px -20px rgba(124,92,252,.45) !important}

/* Résultats : réglages et actions dans le menu de gauche, prospects à droite */
.deux.large{display:grid !important;grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:30px;align-items:start}
.deux.large > aside.cote{display:block !important;position:sticky;top:84px;align-self:start}
.cote .reglages{display:flex !important;flex-direction:column;align-items:stretch;gap:10px;margin:0 !important}
.cote .reglage{width:100%}
.cote .reglage > summary{width:100%;justify-content:flex-start}
.cote .reglage-panneau{position:static !important;width:auto !important;max-width:none !important;margin-top:8px;box-shadow:none !important}
.cote .reglages-actions{display:grid !important;gap:8px;margin:6px 0 0 !important;padding-top:14px;border-top:1px solid var(--line)}
.cote .reglages-actions .btn{width:100%;justify-content:flex-start;text-align:left}
.cote .reglages-actions .astuce{font-size:13px;color:var(--muted)}
#lots .grille{grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important}
@media (max-width:980px){
  .deux.large{grid-template-columns:1fr}
  .deux.large > aside.cote{position:static}
}

/* Mon compte : actions d'une entreprise */
.fact-actions{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.lien-danger{color:#b42318 !important}
@media (max-width:700px){.fact-actions{justify-content:flex-start}}

/* ── Résultats : cohérence des hauteurs, rayons et espacements ── */
/* en-tête et explication */
.explication-haut{margin:26px 0 36px !important}
.entete .chiffres{margin-top:12px !important}
/* menu de gauche : mêmes hauteurs, mêmes rayons, mêmes icônes */
.deux.large{gap:44px}
.cote .reglages{gap:12px}
.cote .reglage > summary,.cote .reglages-actions .btn{display:flex !important;align-items:center;justify-content:flex-start;gap:11px !important;min-height:46px;padding:0 16px !important;border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;box-shadow:none !important;font-size:15px !important;font-weight:500 !important;color:var(--ink) !important}
.cote .reglage > summary > svg,.cote .reglages-actions .btn svg{flex:none;width:17px !important;height:17px !important;color:var(--muted) !important}
.cote .reglages-actions .btn > span{display:flex;align-items:center;gap:11px}
.cote .reglage[open] > summary,.cote .reglages-actions .btn:hover,.cote .reglage > summary:hover{border-color:var(--acc-bright) !important}
.cote .reglages-actions .btn:hover,.cote .reglages-actions .btn:hover svg{color:var(--acc) !important}
.cote .reglages-actions{gap:10px !important;margin-top:14px !important;padding-top:22px !important}
#modifier-activite{order:1}#modifier-ciblage{order:2}#actualiser{order:3}[data-abo-ouvrir]{order:4}#detail-recherche{order:5}
.cote .reglages-actions .astuce{order:6;padding:2px 4px}
/* onglets : une barre sobre, un seul vert */
#lots .onglets{width:fit-content;gap:4px;padding:5px !important;border:1px solid var(--line-2) !important;border-radius:16px !important;background:#fff !important;box-shadow:none !important;margin:0 0 26px !important}
#lots .onglet{display:flex;align-items:center;gap:9px;height:46px;padding:0 22px !important;border-radius:12px !important;box-shadow:none !important;font-size:15px !important}
#lots .onglet svg{width:16px;height:16px}
#lots .onglet.actif{background:var(--acc) !important;color:#fff !important;box-shadow:none !important}
/* cartes : même padding, même titre, mêmes boutons */
#lots .grille{gap:22px !important}
#lots .carte.choix .face.recto{padding:22px 24px 20px !important}
#lots .carte.choix .face.recto h3,#lots .carte.choix.reco .face.recto h3{font-size:17.5px !important;line-height:1.35 !important;margin-top:14px !important}
#lots .carte.choix .face.recto .raison{margin-top:10px !important;line-height:1.55}
#lots .carte.choix .face.recto .r-meta{margin-top:14px !important}
#lots .carte.choix .face.recto .r-bas{margin-top:18px !important;padding-top:16px !important;border-top:1px solid var(--line) !important;gap:10px;align-items:center}
#lots .carte.choix .face.recto .r-bas .btn{min-height:38px;padding:0 16px !important;border-radius:12px !important;font-size:14px !important}
#lots .carte.choix .face.recto .coche{width:38px !important;height:38px !important;border-radius:12px !important}
#lots .carte.choix .anneau.numero{width:44px !important;height:44px !important}

/* Moins d'étiquettes : le détail (ville, date, montant) en texte simple */
.meta-texte{font-size:13.5px;color:var(--muted);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Lignes de fiches : plus de hauteur, plus d'air */
.offerte-carte > summary.carte,.fiche-carte > summary.carte{align-items:center !important;gap:22px !important;min-height:112px;padding:26px 28px !important}
.offerte-carte > summary.carte h3{margin-top:10px !important;font-size:18px !important;line-height:1.35}
.offerte-carte > summary.carte p{margin-top:6px !important;line-height:1.5}
.offerte-carte .actions-carte{display:flex;align-items:center;gap:12px !important;flex:none}
.offerte-carte .actions-carte .btn,.offerte-carte .actions-carte > button{min-height:44px;padding:0 20px !important;border-radius:13px !important;font-size:15px}
.offerte-carte .actions-carte > :not(.btn):not(button){min-height:44px}
.offerte-carte .meta{gap:8px 12px !important;align-items:center}
/* Page d'une fiche */
.fiche-detail{padding-bottom:0 !important}
.fiche-solo{max-width:920px;margin:18px 0 60px}

/* Menu de gauche : le filtre en sous-titre, aligné sous le nom (Zone / Scopos décide) */
.cote .reglage > summary{display:grid !important;grid-template-columns:20px minmax(0,1fr) auto;grid-template-areas:"ico titre chev" "ico sous chev";column-gap:12px !important;row-gap:3px;align-items:center;min-height:58px !important;padding:11px 16px !important}
.cote .reglage > summary > svg{grid-area:ico;align-self:center}
.cote .reglage > summary > span{grid-area:titre;font-weight:600;line-height:1.25;white-space:nowrap}
.cote .reglage > summary > small{grid-area:sous;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.cote .reglage > summary::after,.cote .reglage > summary > .chevron{grid-area:chev;align-self:center}

/* Plus de pastille « Dans le panier » sur les cartes cochées (la case suffit) */
.carte.flip.choisie .recto::after{content:none !important;display:none !important}

/* Onglets : jamais de retour à la ligne */
#lots .onglet{white-space:nowrap;flex:none}

/* ── États sélectionnés : fond vert, texte et compteurs adaptés pour rester lisibles ── */
.zone.actif,
.filtre.actif,.filtre.reco.actif,.filtre-statut.actif,
.zone-choix input:checked + .zone-carte{background:var(--acc) !important;border-color:var(--acc) !important;color:#fff !important;box-shadow:0 10px 22px -14px rgba(4,114,87,.8) !important}
.zone.actif *,.filtre.actif *,.filtre.reco.actif *,.filtre-statut.actif *,
.zone-choix input:checked + .zone-carte b,.zone-choix input:checked + .zone-carte small{color:#fff !important}
.filtre.actif small,.filtre.reco.actif small,.filtre-statut.actif small,.onglet.actif small,#lots .onglet.actif small{background:rgba(255,255,255,.2) !important;color:#fff !important}
.zone-choix input:checked + .zone-carte small{opacity:.9}
.zone-choix input:checked + .zone-carte::before{border-color:#fff !important;background:#fff !important;color:var(--acc) !important}
/* étapes : le numéro de l'étape en cours */
.fiche-pas li.actif b{background:var(--acc) !important;border-color:var(--acc) !important;color:#fff !important}
.fiche-pas li.actif{color:var(--ink) !important}
/* lignes de menu et suggestions : vert doux, texte vert foncé */
.statut-pop button.actif,.sugg.actif,.commune.actif{background:var(--acc-soft) !important;color:var(--acc) !important;font-weight:600}
/* carte cochée : teinte verte douce et contour vert, texte inchangé */
#lots .carte.flip.choisie .face.recto{background:linear-gradient(168deg,#E4F6F1 0%,#FFFFFF 70%) !important;border-color:var(--acc-bright) !important}

/* Onglets dans le menu de gauche : empilés, pleine largeur */
.cote > .onglets{display:flex !important;flex-direction:column;width:100% !important;gap:6px !important;margin:0 0 20px !important;padding:6px !important;border:1px solid var(--line-2) !important;border-radius:16px !important;background:#fff !important;box-shadow:none !important}
.cote > .onglets .onglet{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 16px !important;border:0;border-radius:12px !important;background:transparent;font:inherit;font-size:15px !important;font-weight:600;color:var(--ink-2);white-space:nowrap;cursor:pointer;box-shadow:none !important}
.cote > .onglets .onglet svg{flex:none;width:17px;height:17px}
.cote > .onglets .onglet small{margin-left:auto;min-width:26px;padding:2px 9px;border-radius:999px;background:var(--bg-soft);font-size:12.5px;text-align:center}
.cote > .onglets .onglet.actif{background:var(--acc) !important;color:#fff !important}
.cote > .onglets .onglet.actif small{background:rgba(255,255,255,.22) !important;color:#fff !important}
.cote > .onglets .onglet:not(.actif):hover{background:var(--acc-soft);color:var(--acc)}
/* Lignes de fiches : icônes centrées dans leur carré */
.offerte-carte .actions-carte .partager-icone,.offerte-carte .actions-carte .fiche-retirer{display:inline-grid !important;place-items:center;flex:none;width:44px !important;min-width:44px;height:44px !important;padding:0 !important;line-height:1;border-radius:13px !important}
.offerte-carte .actions-carte .partager-icone svg{display:block;width:18px;height:18px;margin:0}
.offerte-carte .actions-carte .fiche-retirer{font-size:22px;padding-bottom:2px !important}

.cote > .onglets .onglet{flex:0 0 auto !important;height:48px !important;min-height:48px}

/* Filtres : une ligne au-dessus de la liste des prospects */
.filtres-ligne{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin:0 0 22px}
.filtres-ligne .reglage{position:relative;width:auto}
.filtres-ligne .reglage > summary{display:inline-flex !important;align-items:center;gap:10px;min-height:46px;padding:0 16px !important;border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;box-shadow:none !important;font-size:15px !important;font-weight:500 !important;cursor:pointer}
.filtres-ligne .reglage > summary > svg{flex:none;width:17px;height:17px;color:var(--muted)}
.filtres-ligne .reglage > summary > small{padding:2px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-family:var(--mono);font-size:12px}
.filtres-ligne .reglage[open] > summary{border-color:var(--acc-bright) !important}
.filtres-ligne .reglage-panneau{position:absolute !important;top:calc(100% + 8px);left:0;z-index:40;width:min(460px,86vw) !important;box-shadow:0 18px 40px -18px rgba(17,19,24,.35) !important}
/* Numéro dans le rond : centré, quelle que soit la taille du rond */
.anneau.numero{position:relative;display:grid !important;place-items:center;width:48px !important;height:48px !important;flex:none}
.anneau.numero > svg{position:absolute;inset:0;width:100%;height:100%}
.anneau.numero > b{position:relative !important;inset:auto !important;left:auto !important;top:auto !important;transform:none !important;margin:0 !important;line-height:1;font-size:17px;font-weight:700}

/* ── Menu de gauche et ligne de filtres : mêmes bords, mêmes hauteurs, mêmes écarts ── */
.deux.large > #lots{margin-top:0 !important;padding-top:0 !important}
.cote .reglages{padding:0 !important;margin:0 !important;gap:0 !important}
.cote .reglages-actions{display:flex !important;flex-direction:column;gap:10px !important;margin:0 !important;padding:18px 0 0 !important;border-top:1px solid var(--line)}
.cote > .onglets{margin:0 0 18px !important}
.cote > .onglets .onglet,.cote .reglages-actions .btn,.filtres-ligne .reglage > summary{height:48px !important;min-height:48px !important}
.cote .reglages-actions .btn{width:100% !important;padding:0 16px !important;border-radius:14px !important;justify-content:flex-start}
.cote .reglages-actions .btn > span{display:flex !important;align-items:center;gap:11px}
.cote .reglages-actions .btn svg,.cote > .onglets .onglet svg{flex:none;width:17px !important;height:17px !important;margin:0 !important}
.cote .reglages-actions .astuce{padding:0 4px}

/* Tri de la liste */
.filtres-ligne .tri-liste{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:14px;color:var(--muted)}
.filtres-ligne .tri-liste select{height:48px;padding:0 38px 0 16px;border:1px solid var(--line-2);border-radius:14px;background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.filtres-ligne .tri-liste select:focus{outline:none;border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft)}

/* Code couleur par type : vert, bleu, orange — le rond, la bordure haute, l'étiquette et « Pourquoi ? » suivent le type */
#lots .carte.flip.t0{--teinte:#048065;--fond:#E4F6F1}
#lots .carte.flip.t1{--teinte:#2F6FE4;--fond:#E8F0FE}
#lots .carte.flip.t2{--teinte:#D9822B;--fond:#FDF1E3}
#lots .carte.flip.t3{--teinte:#048065;--fond:#E4F6F1}
#lots .carte.flip .anneau.numero .arc{stroke:var(--teinte) !important}
#lots .carte.flip .anneau.numero > b{color:var(--ink) !important}
#lots .carte.flip .r-types .r-type,#lots .carte.flip .r-types .nat{color:var(--teinte) !important;border-color:color-mix(in srgb,var(--teinte) 30%,transparent) !important;background:#fff !important}
#lots .carte.flip .retourner{color:var(--teinte) !important;border-color:color-mix(in srgb,var(--teinte) 35%,transparent) !important}
#lots .carte.flip .r-meta svg{color:var(--teinte) !important}

/* Prospect recommandé : toujours le violet léger, quel que soit son type */
#lots .carte.flip.reco{--teinte:#7C5CFC;--fond:#EEE8FF}
#lots .carte.flip.reco .r-reco{background:#7C5CFC !important;color:#fff !important}
#lots .carte.flip.reco .anneau.numero .arc{stroke:#7C5CFC !important}
#lots .carte.flip.reco .retourner{color:#7C5CFC !important;border-color:rgba(124,92,252,.35) !important}
#lots .carte.flip.reco .r-meta svg{color:#7C5CFC !important}

/* « Ouvrir la fiche » : plus de bouton, toute la ligne ouvre la fiche */
.fiche-carte .actions-carte .ouvrir{display:none !important}
.fiche-carte > summary.carte{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.fiche-carte > summary.carte:hover{box-shadow:0 14px 30px -22px rgba(4,114,87,.5)}

/* Numéro dans le rond : centrage optique (l'espacement négatif des lettres décalait « 11 » vers la gauche et le bas) */
.anneau.numero > b{letter-spacing:0 !important;padding:0 !important;line-height:1 !important;text-indent:0 !important;transform:translate(0,-1px) !important;font-variant-numeric:tabular-nums;text-align:center;width:100%;display:grid;place-items:center}

/* Filtre « Statut » dans la ligne de filtres ; les anciennes pastilles sont masquées */
.grille-fiches .filtres-statut{display:none !important}
.filtres-ligne .filtre-statut-select[hidden]{display:none !important}
.filtres-ligne .filtre-statut-select select{height:48px;padding:0 38px 0 16px;border:1px solid var(--line-2);border-radius:14px;background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.filtres-ligne .filtre-statut-select select:focus{outline:none;border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft)}

/* Barre à gauche de l'explication : un trait arrondi en dégradé, qui se dessine puis respire doucement */
.explication-haut{position:relative;border-left:0 !important;padding-left:22px !important}
.explication-haut::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,#02B58E 0%,#048065 45%,#7C5CFC 100%);background-size:100% 220%;
  box-shadow:0 0 14px rgba(2,181,142,.35);transform-origin:top;
  animation:barre-trace .7s var(--doux) both,barre-souffle 5.5s ease-in-out .7s infinite alternate}
@keyframes barre-trace{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes barre-souffle{from{background-position:0 0;box-shadow:0 0 8px rgba(2,181,142,.25)}to{background-position:0 100%;box-shadow:0 0 18px rgba(124,92,252,.35)}}
@media (prefers-reduced-motion:reduce){.explication-haut::before{animation:none}}

/* Plus de ligne « Coût IA de cette recherche » en bas de page */
#cout{display:none !important}

/* Plus de pastille « Compris par Scopos » */
.badge-ia{display:none !important}

/* Étape en cours : fond vert, texte blanc lisible, numéro en pastille blanche */
.fiche-pas li.actif{background:var(--acc) !important;color:#fff !important;box-shadow:0 12px 24px -16px rgba(4,114,87,.8) !important}
.fiche-pas li.actif span{color:#fff !important;opacity:1 !important}
.fiche-pas li.actif b{background:#fff !important;border-color:#fff !important;color:var(--acc) !important}

/* Ligne de filtres : « À découvrir » = zone et types ; « Mes fiches » = recherche et statut */
.filtres-ligne[data-onglet="fiches"] > details.reglage{display:none !important}
.filtres-ligne[data-onglet="decouvrir"] > .rech-fiches-ligne,.filtres-ligne[data-onglet="decouvrir"] > .filtre-statut-select{display:none !important}
.filtres-ligne .rech-fiches-ligne{flex:1 1 280px;max-width:520px}
.filtres-ligne .rech-fiches-ligne input{width:100%;height:48px;padding:0 16px 0 44px;border:1px solid var(--line-2);border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23767C87' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 15px center;font:inherit;font-size:15px;color:var(--ink)}
.filtres-ligne .rech-fiches-ligne input:focus{outline:none;border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft)}
.grille-fiches > .rech-fiches{display:none !important}

/* Plus de bouton « Arrêter le partage » */
.arreter-partage{display:none !important}

/* ── Page d'une fiche : sobre, aérée, une colonne ── */
.fiche-solo{max-width:820px;margin:4px auto 90px}
.fiche-detail{max-width:820px;margin-left:auto !important;margin-right:auto !important}
.fiche-solo article.fiche{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible}
.fiche-solo article.fiche > header{display:flex;align-items:center;gap:20px;padding:6px 0 24px !important;border:0 !important;border-bottom:1px solid var(--line) !important;background:none !important}
.fiche-solo article.fiche > header .meta{margin:0 0 8px !important}
.fiche-solo article.fiche > header h2{margin:0 !important;font-size:30px !important;line-height:1.2 !important;letter-spacing:-.025em}
.fiche-solo .corps{padding:30px 0 0 !important}
/* le texte : une mesure de lecture, des intertitres discrets */
.fiche-solo .corps > p{max-width:68ch;margin:0 0 22px !important;font-size:16px;line-height:1.7;color:var(--ink-2)}
.fiche-solo .corps > p > strong:first-child{display:block;margin-bottom:6px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.fiche-solo .corps > p.actu{max-width:none;padding:16px 18px;border-radius:14px;background:var(--bg-soft);font-size:15px}
.fiche-solo .corps > p.actu svg{display:none}
.fiche-solo .corps > h4{margin:38px 0 14px !important;padding:0 !important;border:0 !important;font-family:var(--mono);font-size:11.5px !important;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
/* les contacts : une liste, pas des cartes empilées */
.fiche-solo ul.contacts{list-style:none;margin:0 !important;padding:0 !important;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.fiche-solo ul.contacts > li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:15px 20px !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
.fiche-solo ul.contacts > li + li{border-top:1px solid var(--line) !important}
.fiche-solo ul.contacts .type{flex:none;width:92px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.fiche-solo ul.contacts .val{font-size:16px;font-weight:600;color:var(--ink);border-bottom:0 !important;text-decoration:none}
.fiche-solo ul.contacts > li > a:not(.val){margin-left:auto;font-size:13px}
.fiche-solo ul.contacts > li > em{flex-basis:100%;padding-left:104px;font-style:normal;font-size:13.5px;line-height:1.5;color:var(--muted)}
@media (max-width:640px){.fiche-solo ul.contacts .type{width:100%}.fiche-solo ul.contacts > li > em{padding-left:0}}
/* les actions : une rangée régulière */
.fiche-solo .corps > .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fiche-solo .corps > .actions .btn{min-height:44px;padding:0 18px !important;border-radius:13px !important;font-size:15px}

/* Page d'une fiche : « Retour » à gauche, statut en liste déroulante à droite, même ligne et même hauteur */
.fiche-detail .barre-fiche{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fiche-detail .barre-fiche .statut-bouton{height:40px;padding:0 16px;gap:9px;font-size:14px;color:var(--ink)}
.fiche-detail .barre-fiche .statut-bouton i{width:9px;height:9px}
.fiche-detail .barre-fiche .statut-bouton svg{width:13px;height:13px}
/* Numéro du rond : chiffres proportionnels (le « 1 » tabulaire est décalé), aucun décalage vertical */
.anneau.numero > b{font-variant-numeric:proportional-nums lining-nums !important;font-feature-settings:"tnum" 0,"pnum" 1 !important;transform:none !important;text-indent:0 !important}

/* Sur téléphone : « ← Retour » seul, le statut ne passe jamais à la ligne */
.fiche-detail .barre-fiche > *{white-space:nowrap;flex:none}
@media(max-width:560px){.fiche-detail .barre-fiche .long{display:none}}

/* Compteur de corrections : rien à afficher tant qu'il n'y a pas de changement */
.fiche-compteur:empty{display:none !important}

/* « Actualiser » : sur la ligne des filtres, à droite, même hauteur que les filtres */
.filtres-ligne > #actualiser{margin-left:auto;flex:none;width:auto !important;min-height:46px;padding:0 18px !important;border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;box-shadow:none !important;font-size:15px !important;font-weight:500 !important}
.filtres-ligne > #actualiser > span{display:inline-flex;align-items:center;gap:10px}
.filtres-ligne > #actualiser:hover{border-color:var(--acc-bright) !important;color:var(--acc)}
@media(max-width:700px){.filtres-ligne > #actualiser{margin-left:0}}
.filtres-ligne > #actualiser{min-height:48px !important}

/* Espace d'une entreprise : on sait toujours chez qui l'on est */
.espace{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:14px 20px 14px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#F4FBF8 0%,#fff 60%);box-shadow:var(--ombre)}
.espace-mono{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;font-style:normal;font-size:18px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 20px -12px rgba(4,128,101,.7)}
.espace-nom{min-width:0;display:flex;flex-direction:column;gap:1px}
.espace-nom small{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.espace-nom b{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere}
.espace-nom p{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0;font-size:13.5px;color:var(--muted)}
.espace-abo{margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:9px 16px;border:1px solid color-mix(in srgb,var(--acc) 28%,var(--line));border-radius:14px;background:#fff;font-size:13px;color:var(--ink-2);line-height:1.35;text-align:right;cursor:pointer;transition:border-color .2s,background .2s}
.espace-abo b{font-size:15px;font-weight:700;color:var(--acc)}
.espace-abo:hover{border-color:var(--acc);background:var(--acc-soft)}
.espace-abo.demo{cursor:default;color:var(--warn);border-color:#F0D9A8;background:var(--warn-soft);font-weight:600}
.espace-abo.vide{flex-direction:row;align-items:center;height:44px;padding:0 20px;border-color:var(--acc);background:var(--acc);color:#fff;font-size:15px;font-weight:600}
.espace-abo.vide:hover{background:#036b55}
.espace.compact{padding:10px 16px 10px 12px;border-radius:16px;margin-bottom:18px}
.espace.compact .espace-mono{width:40px;height:40px;border-radius:12px;font-size:15px}
.espace.compact .espace-nom b{font-size:17px}
.espace.compact .espace-nom p{display:none}
body:has(.deux.large) .entete .espace + h1{margin-top:0}
@media(max-width:640px){.espace{flex-wrap:wrap;gap:12px 14px}.espace-abo{margin-left:0;width:100%;align-items:flex-start;text-align:left}.espace-abo.vide{justify-content:center}.espace-nom b{font-size:19px}}

/* ── Espace d'une entreprise : menu fixe à gauche, façon tableau de bord (tailles proches de Stripe) ── */
.app-nav{position:fixed;top:62px;left:0;bottom:0;z-index:45;width:244px;overflow-y:auto;padding:12px 10px 28px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.app-nav[hidden]{display:none !important}
.app-entete{display:none}
.app-menu{display:flex;flex-direction:column;flex:1;min-height:0}
.app-groupe{display:flex;flex-direction:column;gap:1px}
.app-titre{margin:20px 0 6px;padding:0 10px;font-size:12.5px;font-weight:500;color:var(--muted)}
.app-item{display:flex;align-items:center;gap:11px;width:100%;height:34px;padding:0 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;font-weight:500;line-height:1;color:var(--ink-2);text-align:left;cursor:pointer;transition:background .15s,color .15s}
.app-item svg{flex:none;width:18px;height:18px;color:var(--muted);transition:color .15s}
.app-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-item em{flex:none;font-style:normal;font-size:12px;font-weight:500;color:var(--muted)}
.app-item em.accent{padding:2px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-weight:600}
.app-item em.cta{padding:3px 9px;border-radius:999px;background:var(--acc);color:#fff;font-weight:600}
.app-item:hover{background:var(--bg-soft);color:var(--ink)}
.app-item:hover svg{color:var(--ink-2)}
.app-item.actif{background:var(--acc-soft);color:var(--acc);font-weight:600}
.app-item.actif svg{color:var(--acc)}
.app-item.actif em{color:var(--acc)}
.app-sous-liste{display:flex;flex-direction:column;gap:1px;margin:1px 0 2px 21px;padding-left:9px;border-left:1px solid var(--line)}
.app-sous{display:flex;align-items:center;gap:9px;width:100%;height:30px;padding:0 9px;border:0;border-radius:7px;background:none;font:inherit;font-size:13.5px;line-height:1;color:var(--ink-2);text-align:left;cursor:pointer}
.app-sous i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--line-2)}
.app-sous[data-c="a_contacter"] i{background:#3b82f6}
.app-sous[data-c="contacte"] i{background:#7c5cff}
.app-sous[data-c="repondu"] i{background:#f59e0b}
.app-sous[data-c="gagne"] i{background:#02b58e}
.app-sous[data-c="perdu"] i{background:#9aa1ad}
.app-sous span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-sous em{flex:none;font-style:normal;font-size:12px;color:var(--muted)}
.app-sous:hover{background:var(--bg-soft);color:var(--ink)}
.app-sous.actif{background:var(--acc-soft);color:var(--acc);font-weight:600}
.app-bas{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:1px}

/* Le nom de l'entreprise, à gauche de l'icône du profil */
.espace-chip{display:inline-flex;align-items:center;gap:9px;height:38px;max-width:250px;padding:0 14px 0 5px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.espace-chip[hidden]{display:none !important}
.espace-chip i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;font-style:normal;font-size:11.5px;font-weight:700}
.espace-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.espace-chip:hover{border-color:var(--acc);background:var(--acc-soft)}
.app-burger{display:none;flex:none;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
.app-scrim{position:fixed;inset:0;z-index:130;background:rgba(17,19,24,.38)}
.app-scrim[hidden]{display:none !important}

/* La page prend la place à droite du menu */
body[data-shell="app"] .nav-in{max-width:none !important;padding:0 22px !important}
body[data-shell="app"] #vue{margin-left:244px !important;margin-right:0 !important;max-width:none !important;padding:0 clamp(24px,3.2vw,56px) !important}
body[data-shell="app"] #vue > *{max-width:1180px}
body[data-shell="app"] .deux.large{grid-template-columns:minmax(0,1fr) !important;gap:0 !important}
body[data-shell="app"] .deux.large > aside.cote{display:none !important}
body[data-shell="app"] .faq-accueil,body[data-shell="app"] .explorer{display:none}
body[data-shell="app"] .pied-site{margin-left:244px}
body[data-shell="app"] .menu-profil{right:16px}
body[data-shell="app"] .barre{left:calc(50% + 122px)}
body[data-shell="app"] .entete{padding-top:28px}

/* Téléphone : le menu devient un tiroir ouvert par le bouton en haut à gauche */
@media(max-width:900px){
  body[data-shell="app"] .app-burger{display:inline-grid}
  body[data-shell="app"] .nav-in{justify-content:flex-start;gap:12px}
  body[data-shell="app"] .nav-links{margin-left:auto}
  body[data-shell="app"] #vue{margin-left:0 !important;padding:0 18px !important}
  body[data-shell="app"] .pied-site{margin-left:0}
  body[data-shell="app"] .barre{left:50%}
  .app-nav{top:0;width:min(300px,86vw);z-index:140;padding-top:16px;transform:translateX(-104%);transition:transform .3s var(--doux)}
  body.tiroir .app-nav{transform:none;box-shadow:0 0 60px -10px rgba(17,19,24,.45)}
  .app-entete{display:flex;align-items:center;gap:12px;margin:2px 4px 14px;padding:0 6px 14px;border-bottom:1px solid var(--line)}
  .app-entete i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#0BC08F,#047257);color:#fff;font-style:normal;font-size:15px;font-weight:700}
  .app-entete small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
  .app-entete b{display:block;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
  .app-item{height:42px}
  .app-sous{height:36px}
}
@media(max-width:640px){.espace-chip{padding:0 5px}.espace-chip span{display:none}}

/* Titre de page par onglet ; les encarts de découverte ne s'affichent que sur « À découvrir » */
.page-titre h1{margin:0}
body:has(.deux.large) .entete .page-titre h1{font-size:28px !important;font-weight:700 !important;letter-spacing:-.03em !important;line-height:1.15 !important;background:none !important;color:var(--ink) !important}
.page-titre h1 span{color:var(--acc)}
.page-titre p{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
#vue[data-onglet="fiches"] .chiffres,#vue[data-onglet="fiches"] .explication-haut{display:none !important}
.chiffres{margin-top:18px !important}
.app-item.cta{color:var(--acc);font-weight:600}
.app-item.cta svg{color:var(--acc)}
.app-item.cta:hover{background:var(--acc-soft)}

/* ── Vue d'ensemble : l'encart de l'entreprise, les chiffres, ce que Scopos a compris, et l'accès à chaque rubrique ── */
#vue:not([data-onglet="ensemble"]) #ensemble{display:none}
#vue[data-onglet="ensemble"] .entete,#vue[data-onglet="ensemble"] .deux.large{display:none !important}
.ensemble{display:grid;gap:20px;margin-top:8px;padding-bottom:44px}

.ens-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:26px;padding:32px 34px;border-radius:28px;border:1px solid color-mix(in srgb,var(--acc) 18%,var(--line));background:linear-gradient(135deg,#F2FCF8 0%,#fff 58%);box-shadow:0 34px 60px -44px rgba(4,128,101,.55)}
.ens-hero::before{content:"";position:absolute;z-index:-1;top:-45%;right:-6%;width:540px;height:540px;border-radius:50%;background:radial-gradient(closest-side,rgba(2,181,142,.24),transparent 72%)}
.ens-hero::after{content:"";position:absolute;z-index:-1;bottom:-70%;left:28%;width:460px;height:460px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.16),transparent 72%)}
.ens-mono{flex:none;display:grid;place-items:center;width:80px;height:80px;border-radius:24px;background:linear-gradient(145deg,#12CC9B,#036A52);color:#fff;font-style:normal;font-size:30px;font-weight:800;letter-spacing:.01em;box-shadow:0 22px 34px -18px rgba(4,128,101,.8),inset 0 1px 0 rgba(255,255,255,.4)}
.ens-id{min-width:0;flex:1}
.ens-id small{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.ens-id h1{margin:5px 0 0;font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1.08;overflow-wrap:anywhere;color:var(--ink)}
.ens-id p{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ens-id p span{padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.75);font-size:13px;color:var(--ink-2)}
.ens-pastille{flex:none;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--ink-2)}
.ens-pastille.ok{border-color:color-mix(in srgb,var(--acc) 30%,var(--line));background:var(--acc-soft);color:var(--acc)}
.ens-pastille.demo{border-color:#F0D9A8;background:var(--warn-soft);color:var(--warn)}
.ens-cta{flex:none;height:46px;padding:0 24px;border:0;border-radius:14px;background:linear-gradient(135deg,#06A87E,#048065);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 14px 24px -14px rgba(4,128,101,.9);transition:transform .25s var(--doux),box-shadow .25s}
.ens-cta:hover{transform:translateY(-2px);box-shadow:0 18px 28px -14px rgba(4,128,101,.95)}

.ens-suite{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;border:1px solid color-mix(in srgb,var(--acc) 22%,var(--line));border-radius:20px;background:linear-gradient(115deg,#EEF9F5,#fff 70%);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .25s var(--doux)}
.ens-suite:hover{border-color:var(--acc);transform:translateY(-1px)}
.ens-suite > span{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--muted)}
.ens-suite b{font-size:15.5px;color:var(--ink)}
.ens-suite em{font-style:normal;font-weight:600;color:var(--acc);white-space:nowrap}

.ens-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.ens-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:22px 24px 20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#F6FBF9);box-shadow:var(--ombre)}
.ens-kpi::before{content:"";position:absolute;left:24px;top:0;width:44px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--acc-bright),#7C5CFC)}
.ens-kpi b{font-size:38px;font-weight:800;letter-spacing:-.05em;line-height:1.1;background:linear-gradient(120deg,var(--ink) 25%,#048065);-webkit-background-clip:text;background-clip:text;color:transparent}
.ens-kpi span{font-size:14.5px;color:var(--ink-2)}
.ens-kpi small{font-size:12.5px;color:var(--faint)}

.ens-compris{display:flex;gap:16px;padding:24px 28px;border-radius:24px;border:1px solid color-mix(in srgb,var(--acc) 16%,var(--line));background:linear-gradient(115deg,#EEF9F5 0%,#fff 62%);position:relative;overflow:hidden}
.ens-compris::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--acc-bright),var(--acc))}
.ens-compris > svg{flex:none;margin-top:3px}
.ens-compris small{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.ens-compris p{margin:8px 0 0;font-size:16.5px;line-height:1.7;color:var(--ink-2)}

.ens-tuiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ens-tuile{position:relative;grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:22px 24px 20px;border-radius:24px;border:1px solid var(--line);background:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:var(--ombre);transition:transform .35s var(--doux),box-shadow .35s var(--doux),border-color .25s}
.ens-tuile.grande{grid-column:span 3;background:linear-gradient(150deg,#F4FCF9 0%,#fff 60%)}
.ens-tuile:hover{transform:translateY(-3px);border-color:var(--acc-bright);box-shadow:0 26px 40px -28px rgba(4,128,101,.55)}
.ens-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--acc-soft),#fff);border:1px solid color-mix(in srgb,var(--acc) 18%,var(--line));color:var(--acc)}
.ens-ico svg{width:21px;height:21px}
.ens-titre{margin-top:6px;font-size:16px;font-weight:650;letter-spacing:-.015em;color:var(--ink)}
.ens-valeur{font-size:42px;font-weight:800;letter-spacing:-.05em;line-height:1.05;background:linear-gradient(120deg,var(--ink) 20%,#048065);-webkit-background-clip:text;background-clip:text;color:transparent}
.ens-texte{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.55;color:var(--muted)}
.ens-fleche{position:absolute;top:22px;right:24px;font-size:18px;color:var(--faint);transition:transform .3s var(--doux),color .2s}
.ens-tuile:hover .ens-fleche{transform:translateX(4px);color:var(--acc)}
.ens-repart{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:6px}
.ens-barre{display:flex;gap:3px;width:100%;height:8px;border-radius:999px;overflow:hidden}
.ens-barre i{display:block;min-width:8px;border-radius:999px}
.ens-legende{display:flex;flex-wrap:wrap;gap:4px 14px}
.ens-legende em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;color:var(--ink-2)}
.ens-legende em i{width:7px;height:7px;border-radius:50%}
.ens-legende em b{font-weight:700;color:var(--ink)}
.ens-barre i[data-c="a_contacter"],.ens-legende em[data-c="a_contacter"] i{background:#3b82f6}
.ens-barre i[data-c="contacte"],.ens-legende em[data-c="contacte"] i{background:#7c5cff}
.ens-barre i[data-c="repondu"],.ens-legende em[data-c="repondu"] i{background:#f59e0b}
.ens-barre i[data-c="gagne"],.ens-legende em[data-c="gagne"] i{background:#02b58e}
.ens-barre i[data-c="perdu"],.ens-legende em[data-c="perdu"] i{background:#9aa1ad}
.ens-jauge{display:block;width:100%;height:8px;margin-top:8px;border-radius:999px;background:var(--line);overflow:hidden}
.ens-jauge i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acc-bright),var(--acc))}

@media(max-width:1100px){.ens-tuile{grid-column:span 3}.ens-tuile.grande{grid-column:span 6}}
@media(max-width:700px){
  .ens-hero{flex-wrap:wrap;gap:18px;padding:24px 22px}
  .ens-mono{width:64px;height:64px;border-radius:19px;font-size:24px}
  .ens-tuile,.ens-tuile.grande{grid-column:span 6}
  .ens-kpi b{font-size:32px}
}

/* Pages de modification (activité, ciblage) dans l'espace : largeur de la page, pas de recentrage */
body[data-shell="app"] #vue > .fiche-page,body[data-shell="app"] #vue > .ciblage-page{max-width:1080px}

/* ── Vue d'ensemble, version légère (façon tableau de bord Stripe) : petits encarts, texte fin, aucun relief ── */
.ensemble{gap:14px;margin-top:2px;padding-bottom:32px}
.ens-hero{gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:none}
.ens-hero::before,.ens-hero::after{display:none}
.ens-mono{width:42px;height:42px;border-radius:11px;font-size:15px;font-weight:700;box-shadow:none}
.ens-id small{font-size:10.5px;letter-spacing:.14em}
.ens-id h1{margin:2px 0 0;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.ens-id p{gap:4px 14px;margin:5px 0 0}
.ens-id p span{padding:0;border:0;background:none;font-size:13px;color:var(--muted)}
.ens-pastille{padding:5px 11px;font-size:13px;font-weight:500}
.ens-cta{height:34px;padding:0 16px;border-radius:8px;font-size:13.5px;box-shadow:none;background:var(--acc)}
.ens-cta:hover{transform:none;box-shadow:none;background:#036b55}
.ens-suite{gap:12px;padding:10px 14px;border-radius:10px;background:var(--bg-soft);border-color:var(--line)}
.ens-suite:hover{transform:none}
.ens-suite > span{font-size:13px}
.ens-suite b{font-size:14px;font-weight:600}
.ens-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.ens-kpi{padding:12px 14px;border-radius:10px;background:#fff;box-shadow:none;gap:1px}
.ens-kpi::before{display:none}
.ens-kpi b{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.ens-kpi span{font-size:13px;color:var(--muted)}
.ens-kpi small{font-size:11.5px}
.ens-compris{gap:10px;padding:12px 16px;border-radius:10px;border-color:var(--line);background:var(--bg-soft)}
.ens-compris::before{display:none}
.ens-compris > svg{margin-top:2px;width:15px;height:15px}
.ens-compris small{font-size:10.5px;letter-spacing:.14em}
.ens-compris p{margin:4px 0 0;font-size:14px;line-height:1.6}
.ens-tuiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ens-tuile,.ens-tuile.grande{grid-column:auto !important;gap:3px;padding:14px 16px 13px;border-radius:10px;background:#fff;box-shadow:none}
.ens-tuile:hover{transform:none;border-color:var(--line-2);background:var(--bg-soft);box-shadow:none}
.ens-ico{width:30px;height:30px;border-radius:8px;background:var(--acc-soft);border:0}
.ens-ico svg{width:16px;height:16px}
.ens-titre{margin-top:6px;font-size:14px;font-weight:600;letter-spacing:-.01em}
.ens-valeur{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.ens-texte{font-size:13px;line-height:1.5;-webkit-line-clamp:2}
.ens-fleche{top:14px;right:14px;font-size:14px}
.ens-tuile:hover .ens-fleche{transform:none}
.ens-repart{gap:7px;margin-top:4px}
.ens-barre{height:5px}
.ens-legende{gap:2px 10px}
.ens-legende em{font-size:12px}
.ens-jauge{height:5px;margin-top:6px}
@media(max-width:700px){.ens-hero{flex-wrap:nowrap}.ens-mono{width:38px;height:38px}.ens-pastille,.ens-cta{display:none}.ens-kpi b{font-size:20px}}

/* Modifier mon activité / mon ciblage : plus de rappel de la société à droite */
.fiche-tete.seule{grid-template-columns:minmax(0,1fr) !important}
.fiche-tete.seule > .fiche-tete-sep,.fiche-tete.seule > .fiche-tete-droite{display:none !important}

/* ── Espace entreprise : plus léger, plus aéré ── */
body[data-shell="app"] .entete{padding-top:18px}
body[data-shell="app"] .page-titre h1{font-size:22px !important;font-weight:600 !important;letter-spacing:-.02em !important}
body[data-shell="app"] .page-titre p{margin-top:4px;font-size:13.5px}
body[data-shell="app"] .filtres-ligne{gap:10px;margin:14px 0 20px}
body[data-shell="app"] .filtres-ligne .reglage > summary{min-height:38px !important;padding:0 12px !important;gap:8px;font-size:13.5px !important;border-radius:10px !important}
body[data-shell="app"] .filtres-ligne .reglage > summary > small{font-size:11px}
body[data-shell="app"] .filtres-ligne > #actualiser{min-height:38px !important;padding:0 14px !important;font-size:13.5px !important;border-radius:10px !important}
body[data-shell="app"] .filtres-ligne .rech-fiches-ligne input,body[data-shell="app"] .filtres-ligne .filtre-statut-select select{height:38px;font-size:13.5px;border-radius:10px}
/* cartes à découvrir */
body[data-shell="app"] .deux.large #lots .grille{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
body[data-shell="app"] #lots .carte.flip{height:262px !important;border-radius:12px}
body[data-shell="app"] #lots .carte.flip .face.recto{padding:16px 18px 14px}
body[data-shell="app"] #lots .carte.flip .r-haut{gap:10px}
body[data-shell="app"] #lots .carte.choix .anneau.numero{width:34px !important;height:34px !important}
body[data-shell="app"] #lots .carte.choix .anneau.numero > svg{width:34px !important;height:34px !important}
body[data-shell="app"] #lots .carte.choix .anneau.numero > b{font-size:14px !important}
body[data-shell="app"] #lots .carte.flip h3{margin-top:10px;font-size:15px;font-weight:600;line-height:1.35}
body[data-shell="app"] #lots .carte.flip p.raison{margin-top:6px;font-size:13px;line-height:1.5}
body[data-shell="app"] #lots .carte.flip .r-meta{margin-top:10px;font-size:10.5px}
body[data-shell="app"] #lots .carte.flip .r-bas{margin-top:12px;padding-top:12px}
body[data-shell="app"] #lots .carte.flip .r-bas .btn{height:32px;padding:0 12px;font-size:13px}
body[data-shell="app"] #lots .carte.flip input.coche{width:30px;height:30px}
body[data-shell="app"] #lots .carte.flip .face.verso{padding:14px 16px}
body[data-shell="app"] #lots .carte.flip .verso-raison,body[data-shell="app"] #lots .carte.flip .face.verso .label{font-size:13px}
body[data-shell="app"] #lots .carte.flip .verso-actions .btn{height:32px;padding:0 12px;font-size:13px}
/* fiche offerte et fiches obtenues */
body[data-shell="app"] .deux.large .grille > details > summary.carte{padding:14px 18px;border-radius:12px}
body[data-shell="app"] #lots .grille > details h3,body[data-shell="app"] #lots .grille-fiches h3{font-size:15px;font-weight:600}
body[data-shell="app"] #lots .grille-fiches > details > summary.carte{padding:12px 16px}
body[data-shell="app"] .grille-fiches > details > summary.carte .anneau,body[data-shell="app"] .grille-fiches > details > summary.carte .anneau svg{width:34px;height:34px}
/* page d'une fiche */
body[data-shell="app"] .fiche-solo article.fiche > header h2{font-size:22px !important}
body[data-shell="app"] .fiche-solo .corps{padding-top:20px !important}
body[data-shell="app"] .fiche-solo .corps > p{margin-bottom:16px !important;font-size:14.5px;line-height:1.65}
body[data-shell="app"] .fiche-solo .corps > h4{margin:28px 0 10px !important}
body[data-shell="app"] .fiche-solo ul.contacts > li{padding:10px 14px !important}

/* Toute la navigation passe par le menu de gauche : plus de boutons « Retour » dans l'espace (le stepper reste pour changer d'étape) */
body[data-shell="app"] .etape-nav [data-nav="retour"],
body[data-shell="app"] #recibler-annuler,
body[data-shell="app"] [data-recibler-annuler],
body[data-shell="app"] .barre-fiche [data-retour-fiches]{display:none !important}
body[data-shell="app"] .etape-nav{justify-content:flex-end}
body[data-shell="app"] .barre-fiche{justify-content:flex-end}
body[data-shell="app"] .barre-fiche:not(:has(.statut-bouton)){display:none}

/* cartes : les règles plus anciennes étaient plus spécifiques — on fixe ici les tailles de l'espace */
body[data-shell="app"] #lots .carte.flip h3{margin:10px 0 0 !important;font-size:15px !important;font-weight:600 !important;line-height:1.35 !important;padding-right:22px !important}
body[data-shell="app"] #lots .carte.flip p.raison{margin:6px 0 0 !important;font-size:13px !important;line-height:1.5 !important}
body[data-shell="app"] #lots .carte.flip .r-meta{margin:10px 0 0 !important;font-size:10.5px !important}
body[data-shell="app"] #lots .carte.flip .r-bas{padding-top:10px !important;margin:0 !important}
body[data-shell="app"] #lots .carte.flip .r-bas .btn{height:32px !important;min-height:0 !important;padding:0 12px !important;font-size:13px !important}
body[data-shell="app"] #lots .carte.flip{height:288px !important}

/* ── Pages de modification (activité, ciblage) dans l'espace : entête compact, étape sans boîte, pleine page ── */
body[data-shell="app"] .fiche-page{padding-top:4px !important;padding-bottom:0 !important;margin-bottom:0 !important}
body[data-shell="app"] .fiche-page .aura{display:none}
body[data-shell="app"] .fiche-page .fiche-tete{margin:0 !important}
body[data-shell="app"] .fiche-page .fiche-tete-gauche .label{margin:0}
body[data-shell="app"] .fiche-titre{margin:2px 0 0 !important;font-size:22px !important;font-weight:600 !important;letter-spacing:-.02em !important;line-height:1.25 !important}
body[data-shell="app"] .fiche-titre br{display:none}
body[data-shell="app"] .fiche-titre .vert{margin-left:.25em}
body[data-shell="app"] .fiche-tete-intro{max-width:none !important;margin:4px 0 0 !important;font-size:13.5px !important;line-height:1.5 !important}
body[data-shell="app"] .fiche-pas{width:max-content;max-width:100%;margin:16px 0 0 !important;padding:3px !important;justify-content:flex-start;box-shadow:none !important}
body[data-shell="app"] .fiche-pas li{padding:4px 12px 4px 5px !important;font-size:13px !important}
body[data-shell="app"] .fiche-pas li b{width:19px !important;height:19px !important;font-size:11px !important}
body[data-shell="app"] .fiche-progres{display:none !important}
/* l'étape n'est plus dans une boîte : elle occupe la place de la page */
body[data-shell="app"] .fiche-etape{max-width:none !important;margin:0 !important;padding:20px 0 0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
body[data-shell="app"] .fiche-etape::before,body[data-shell="app"] .fiche-etape::after{display:none !important}
body[data-shell="app"] .fiche-etape > header{margin-bottom:14px !important;gap:12px}
body[data-shell="app"] .fiche-etape > header h2{font-size:18px !important;font-weight:600 !important}
body[data-shell="app"] .fiche-etape > header p{font-size:13.5px !important}
body[data-shell="app"] .fiche-icone{width:32px !important;height:32px !important;border-radius:10px !important;box-shadow:none !important}
body[data-shell="app"] .fiche-icone svg{width:16px;height:16px}
body[data-shell="app"] .fiche-lead-zone .champ-fiche,body[data-shell="app"] .fiche-lead-zone.deux .champ-fiche{padding:16px 20px 18px !important;border-radius:12px !important;border:1px solid var(--line) !important;background:var(--bg-soft) !important}
body[data-shell="app"] .fiche-lead-zone .champ-fiche::after{display:none !important}
body[data-shell="app"] .fiche-lead-zone .phrase-cle,body[data-shell="app"] .fiche-lead-zone.deux .phrase-cle{font-size:17px !important}
body[data-shell="app"] .fiche-lead-zone .champ-lecture,body[data-shell="app"] .fiche-lead-zone.deux .champ-lecture{font-size:14.5px !important}
body[data-shell="app"] .fiche-etape .champ-tete label{font-size:12.5px !important}
body[data-shell="app"] .fiche-etape .ligne-edit{padding:8px 12px 8px 14px !important;border-radius:10px !important;font-size:14px}
body[data-shell="app"] .fiche-listes{gap:18px 28px !important;margin-top:18px !important}
body[data-shell="app"] .etape-nav{margin-top:22px !important;padding-top:16px !important}
body[data-shell="app"] .etape-nav .btn-primary{padding:9px 18px !important;font-size:14px !important;border-radius:10px !important}

/* Le pied de page n'existe plus dans l'espace : ses liens sont dans « Aide », en bas du menu */
body[data-shell="app"] .pied-site{display:none}
.app-chev{flex:none;color:var(--muted);transition:transform .2s}
.app-chev.ouvert{transform:rotate(180deg)}
.app-aide{display:flex;flex-direction:column;gap:1px;margin-bottom:8px;padding:2px 0 8px;border-bottom:1px solid var(--line)}
.app-aide .app-titre{margin:12px 0 4px}
.app-lien{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:30px;padding:0 10px;border:0;border-radius:7px;background:none;font:inherit;font-size:13.5px;color:var(--ink-2);text-align:left;cursor:pointer}
.app-lien svg{flex:none;color:var(--faint)}
.app-lien:hover{background:var(--bg-soft);color:var(--ink)}

/* Cartes à découvrir : deux colonnes au plus, plus compactes, boutons et texte plus petits */
body[data-shell="app"] .deux.large #lots .grille{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
@media(max-width:760px){body[data-shell="app"] .deux.large #lots .grille{grid-template-columns:minmax(0,1fr) !important}}
body[data-shell="app"] #lots .carte.flip{height:206px !important;border-color:var(--line-2) !important;box-shadow:0 1px 2px rgba(17,19,24,.05) !important}
body[data-shell="app"] #lots .carte.flip .face.recto{padding:12px 16px 12px !important}
body[data-shell="app"] #lots .carte.choix .anneau.numero,body[data-shell="app"] #lots .carte.choix .anneau.numero > svg{width:28px !important;height:28px !important}
body[data-shell="app"] #lots .carte.choix .anneau.numero > b{font-size:12.5px !important}
body[data-shell="app"] #lots .carte.flip .r-haut{gap:8px;min-height:28px}
body[data-shell="app"] #lots .carte.flip h3{margin-top:8px !important;font-size:14px !important;line-height:1.35 !important}
body[data-shell="app"] #lots .carte.flip p.raison{margin-top:4px !important;font-size:12.5px !important;line-height:1.45 !important;-webkit-line-clamp:2 !important}
body[data-shell="app"] #lots .carte.flip .r-meta{margin-top:7px !important;font-size:10px !important}
body[data-shell="app"] #lots .carte.flip .r-bas{padding-top:8px !important}
body[data-shell="app"] #lots .carte.flip .r-bas .btn{height:28px !important;padding:0 10px !important;font-size:12.5px !important;gap:6px}
body[data-shell="app"] #lots .carte.flip input.coche{width:26px !important;height:26px !important}
body[data-shell="app"] #lots .carte.flip .r-types .r-type{font-size:10px !important;padding:2px 8px !important}
body[data-shell="app"] #lots .carte.flip .face.verso{padding:12px 16px !important}
body[data-shell="app"] #lots .carte.flip .verso-raison,body[data-shell="app"] #lots .carte.flip .face.verso .label{font-size:12.5px !important}
body[data-shell="app"] #lots .carte.flip .verso-actions .btn{height:28px !important;padding:0 10px !important;font-size:12.5px !important}
/* fiche offerte */
body[data-shell="app"] .deux.large .grille > details > summary.carte{padding:12px 16px !important}
body[data-shell="app"] #lots .grille > details h3{font-size:14px !important}
body[data-shell="app"] #lots .grille > details .btn{height:30px;padding:0 12px;font-size:13px}

/* Cartes à découvrir : les règles anciennes (#lots .carte.choix .face.recto …) sont plus spécifiques, on les égale ici */
body[data-shell="app"] #lots .carte.choix.flip .face.recto{padding:12px 16px 12px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{margin:8px 0 0 !important;font-size:14px !important;font-weight:600 !important;line-height:1.35 !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison{margin:4px 0 0 !important;font-size:12.5px !important;line-height:1.45 !important;-webkit-line-clamp:2 !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-meta{margin:6px 0 0 !important;font-size:10px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{margin:0 !important;padding-top:8px !important;gap:8px !important}
body[data-shell="app"] #lots .carte.choix.flip{height:208px !important}

/* Mes prospects : même mise en page que les cartes (une colonne), les boutons sortent de l'encart, à droite */
body[data-shell="app"] .grille-fiches{display:flex !important;flex-direction:column;gap:10px}
body[data-shell="app"] .grille-fiches > details.fiche-carte{position:relative;overflow:visible !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{min-height:0 !important;margin-right:232px;padding:12px 16px !important;gap:12px;border:1px solid var(--line-2) !important;border-radius:12px !important;background:#fff !important;box-shadow:0 1px 2px rgba(17,19,24,.05) !important}
body[data-shell="app"] .grille-fiches > details.offerte-carte > summary.carte{background:linear-gradient(115deg,#FFF8DC 0%,#fff 66%) !important;border-color:#EFD684 !important}
body[data-shell="app"] .grille-fiches > details.achetee:not(.offerte-carte) > summary.carte{background:linear-gradient(115deg,#EEF9F5 0%,#fff 62%) !important;border-color:color-mix(in srgb,var(--acc) 22%,var(--line)) !important}
body[data-shell="app"] .grille-fiches > details > summary.carte .anneau.numero,body[data-shell="app"] .grille-fiches > details > summary.carte .anneau.numero > svg{width:30px !important;height:30px !important}
body[data-shell="app"] .grille-fiches > details > summary.carte .anneau.numero > b{font-size:12.5px !important}
body[data-shell="app"] .grille-fiches > details > summary.carte h3{margin:2px 0 0 !important;font-size:14.5px !important;font-weight:600 !important}
body[data-shell="app"] .grille-fiches > details > summary.carte .meta-texte{font-size:12px !important}
body[data-shell="app"] .grille-fiches > details > summary.carte .puce{font-size:10px !important;padding:2px 7px !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{position:absolute !important;right:0;top:50%;transform:translateY(-50%);width:216px;display:flex;align-items:center;justify-content:flex-start;gap:8px}
body[data-shell="app"] .grille-fiches .statut-bouton{height:30px;padding:0 12px;font-size:13px}
body[data-shell="app"] .grille-fiches .partager-icone,body[data-shell="app"] .grille-fiches .fiche-retirer{width:30px !important;height:30px !important}
body[data-shell="app"] .grille-fiches .partager-icone svg{width:16px;height:16px}
@media(max-width:760px){
  body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{margin-right:0;flex-wrap:wrap}
  body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{position:static !important;transform:none;width:auto;margin-top:6px}
}

/* Page d'un prospect : pleine largeur, deux colonnes, bouton « Retour à la liste » */
body[data-shell="app"] .barre-fiche [data-retour-fiches]{display:inline-flex !important}
body[data-shell="app"] .barre-fiche{justify-content:space-between}
body[data-shell="app"] .barre-fiche:not(:has(.statut-bouton)){display:flex}
body[data-shell="app"] .fiche-detail,body[data-shell="app"] .fiche-solo{max-width:none !important;margin-left:0 !important;margin-right:0 !important}
body[data-shell="app"] #vue > .fiche-solo{max-width:1180px !important}
body[data-shell="app"] .fiche-solo article.fiche{max-width:none !important}
body[data-shell="app"] .fiche-solo article.fiche > header{padding:2px 0 16px !important}
body[data-shell="app"] .fiche-solo .corps{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 56px;align-items:start;padding:22px 0 0 !important}
body[data-shell="app"] .fiche-lecture p{max-width:none !important;margin:0 0 16px !important;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
body[data-shell="app"] .fiche-lecture p > strong:first-child{display:block;margin-bottom:4px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
body[data-shell="app"] .fiche-lecture p.actu{padding:12px 14px;border-radius:10px;background:var(--bg-soft);font-size:14px}
body[data-shell="app"] .fiche-colonne{min-width:0;padding:18px 20px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
body[data-shell="app"] .fiche-colonne > h4:first-child{margin-top:0 !important}
body[data-shell="app"] .fiche-colonne > h4{margin:22px 0 10px !important}
body[data-shell="app"] .fiche-colonne ul.contacts{border-radius:10px}
body[data-shell="app"] .fiche-colonne .actions{margin-top:14px}
@media(max-width:980px){body[data-shell="app"] .fiche-solo .corps{grid-template-columns:minmax(0,1fr)}body[data-shell="app"] .fiche-colonne{margin-top:8px}}

/* Recto allégé : le texte explicatif reste au verso (« Pourquoi ? ») ; le recto ne garde que type, titre, lieu et actions */
body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison{display:none !important}
body[data-shell="app"] #lots .carte.choix.flip{height:172px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{font-size:14.5px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.verso{overflow:hidden}
body[data-shell="app"] #lots .carte.choix.flip .verso-raison{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Mes prospects : la place des boutons est réservée sur la ligne ; l'encart est blanc, léger */
body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:232px !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{position:static !important;margin-right:0 !important;width:auto}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte,
body[data-shell="app"] .grille-fiches > details.offerte-carte > summary.carte,
body[data-shell="app"] .grille-fiches > details.achetee:not(.offerte-carte) > summary.carte{background:#fff !important;border-color:var(--line-2) !important}
body[data-shell="app"] .grille-fiches .statut-bouton{white-space:nowrap}
@media(max-width:760px){body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:0 !important}}

/* Un bloc masqué le reste : « Mes prospects » ne s'affiche pas sous « À découvrir » */
body[data-shell="app"] .grille-fiches[hidden],body[data-shell="app"] #lots .grille[hidden]{display:none !important}
body[data-shell="app"] .grille-fiches .statut-bouton{width:136px;justify-content:space-between}
body[data-shell="app"] .grille-fiches .statut-bouton span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}
body[data-shell="app"] .fiche-detail .barre-fiche{max-width:none !important;width:100%}
body[data-shell="app"] .barre-fiche [data-retour-fiches]{gap:0}

/* Case à cocher : petite, alignée sur les boutons */
body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{width:20px !important;height:20px !important;min-width:0 !important;border-radius:6px !important;border-width:1.5px !important;background-size:12px !important;right:16px !important;bottom:18px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{right:48px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .ecarter{width:22px;height:22px;top:10px;right:12px}

/* Menu : flèche pour déplier les statuts sous « Mes prospects » */
.app-ligne{position:relative}
.app-ligne > .app-item{padding-right:40px}
.app-fleche{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.app-fleche svg{width:12px;height:12px;transition:transform .2s}
.app-fleche.ouvert svg{transform:rotate(180deg)}
.app-fleche:hover{background:rgba(17,19,24,.06);color:var(--ink)}
.app-ligne > .app-item.actif ~ .app-fleche{color:var(--acc)}

/* Mes prospects : les boutons restent hors de l'encart (place réservée large), la ligne ne bouge pas au survol */
body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:256px !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte:hover{transform:none !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{width:auto !important;right:0 !important;left:auto !important}
body[data-shell="app"] .grille-fiches .fiche-retirer{border-radius:8px}
/* Page d'un prospect : le statut a la même forme que « Retour à la liste » */
body[data-shell="app"] .barre-fiche .statut-bouton,body[data-shell="app"] .barre-fiche .statut-bouton.avec{height:36px !important;padding:0 14px !important;border:1px solid var(--line-2) !important;border-radius:10px !important;background:#fff !important;font-size:14px !important;font-weight:500 !important;color:var(--ink) !important}
body[data-shell="app"] .barre-fiche .statut-bouton:hover{border-color:var(--acc) !important}

/* Page d'un prospect : lecture au-dessus, puis contacts | courriel */
body[data-shell="app"] .fiche-solo .corps{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:0 28px !important}
body[data-shell="app"] .fiche-lecture{grid-column:1 / -1;max-width:880px;margin-bottom:22px}
body[data-shell="app"] .fiche-lecture p:last-child{margin-bottom:0 !important}
body[data-shell="app"] .fiche-colonne{padding:16px 18px 18px}
@media(max-width:900px){body[data-shell="app"] .fiche-solo .corps{grid-template-columns:minmax(0,1fr) !important}body[data-shell="app"] .fiche-courriel{margin-top:14px}}
body[data-shell="app"] .fiche-lecture{max-width:none !important}
body[data-shell="app"] .fiche-lecture p{max-width:none !important}

/* ── Modifier mon activité / mon ciblage : une seule marge gauche, une échelle de textes, des espacements réguliers ── */
body[data-shell="app"] #vue > .fiche-page{padding:0 !important;margin:0 !important}
body[data-shell="app"] #vue > .fiche-page .label{margin:0 0 8px;font-size:11px;letter-spacing:.14em}
body[data-shell="app"] #vue > .fiche-page .fiche-titre{margin:0 !important;font-size:24px !important;font-weight:600 !important;letter-spacing:-.025em !important;line-height:1.25 !important}
body[data-shell="app"] #vue > .fiche-page .fiche-tete-intro{margin:8px 0 0 !important;font-size:14px !important;line-height:1.55 !important;color:var(--muted) !important}
body[data-shell="app"] #vue > .fiche-page .fiche-tete-intro b{font-weight:600;color:var(--ink)}
body[data-shell="app"] #vue > .fiche-page .fiche-pas{margin:22px 0 0 !important}
/* l'étape s'aligne exactement sur l'entête */
body[data-shell="app"] #vue > .fiche-etape{box-sizing:border-box;width:100% !important;max-width:none !important;margin:0 !important;padding:36px 0 0 !important}
body[data-shell="app"] #vue > .fiche-etape > header{margin:0 0 22px !important;gap:14px;align-items:center}
body[data-shell="app"] #vue > .fiche-etape > header h2{font-size:20px !important;font-weight:600 !important;letter-spacing:-.02em;line-height:1.3}
body[data-shell="app"] #vue > .fiche-etape > header p{margin-top:2px;font-size:14px !important;color:var(--muted)}
body[data-shell="app"] #vue > .fiche-etape .fiche-icone{width:36px !important;height:36px !important;border-radius:11px !important}
body[data-shell="app"] #vue > .fiche-etape .fiche-lead-zone{margin:0 0 32px !important;gap:20px}
body[data-shell="app"] #vue > .fiche-etape .fiche-lead-zone .champ-fiche{padding:20px 24px 22px !important}
body[data-shell="app"] #vue > .fiche-etape .champ-tete{margin-bottom:10px}
body[data-shell="app"] #vue > .fiche-etape .champ-tete label{font-size:11px !important;letter-spacing:.14em}
body[data-shell="app"] #vue > .fiche-etape .champ-lecture{padding:6px 0 !important;font-size:14.5px !important;line-height:1.65 !important}
body[data-shell="app"] #vue > .fiche-etape .phrase-cle{display:block;margin-bottom:6px;font-size:18px !important;font-weight:600 !important;letter-spacing:-.015em;line-height:1.4}
body[data-shell="app"] #vue > .fiche-etape .fiche-listes{gap:32px 40px !important;margin:0 !important}
body[data-shell="app"] #vue > .fiche-etape .fiche-listes .champ-titre label{display:block;font-size:14px !important;font-weight:600 !important;letter-spacing:0;text-transform:none;color:var(--ink)}
body[data-shell="app"] #vue > .fiche-etape .champ-titre small{display:block !important;margin-top:2px;font-size:12.5px;color:var(--muted)}
body[data-shell="app"] #vue > .fiche-etape .fiche-listes .champ-tete{margin-bottom:12px}
body[data-shell="app"] #vue > .fiche-etape .lignes-edit{display:flex;flex-direction:column;gap:8px}
body[data-shell="app"] #vue > .fiche-etape .ligne-edit{padding:10px 14px !important;font-size:14px;line-height:1.5}
body[data-shell="app"] #vue > .fiche-etape .ligne-ajout input,body[data-shell="app"] #vue > .fiche-etape .puce-ajout{font-size:14px}
body[data-shell="app"] #vue > .fiche-etape .etape-nav{margin-top:36px !important;padding-top:20px !important}
body[data-shell="app"] #vue > .fiche-etape .fiche-compteur{font-size:13.5px}
body[data-shell="app"] #vue > .fiche-etape{padding-bottom:48px !important}

/* Vue d'ensemble : les tuiles se voient cliquables */
.ens-tuile{border-color:var(--line-2) !important;box-shadow:0 1px 2px rgba(17,19,24,.06) !important;cursor:pointer}
.ens-tuile:hover,.ens-tuile:focus-visible{border-color:var(--acc) !important;background:#fff !important;box-shadow:0 10px 24px -14px rgba(4,128,101,.5) !important;transform:translateY(-1px) !important}
.ens-fleche{display:grid !important;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bg-soft);color:var(--muted);font-size:14px !important;line-height:1;transition:background .2s,color .2s}
.ens-tuile:hover .ens-fleche,.ens-tuile:focus-visible .ens-fleche{background:var(--acc);color:#fff;transform:none !important}
.ens-titre{display:flex;align-items:center;gap:6px}

/* Modifier mon activité / mon ciblage : l'étape est un enfant de .fiche-corps ; on lui retire ses marges propres */
body[data-shell="app"] .fiche-corps{max-width:none !important;margin:0 !important;padding:0 0 48px !important}
body[data-shell="app"] .fiche-corps > .fiche-etape{box-sizing:border-box;width:100% !important;max-width:none !important;margin:0 !important;padding:36px 0 0 !important}
body[data-shell="app"] .fiche-corps > .fiche-etape > header{margin:0 0 22px !important;gap:14px;align-items:center}
body[data-shell="app"] .fiche-corps > .fiche-etape > header h2{font-size:20px !important;font-weight:600 !important;letter-spacing:-.02em;line-height:1.3}
body[data-shell="app"] .fiche-corps > .fiche-etape > header p{margin-top:2px;font-size:14px !important;color:var(--muted)}
body[data-shell="app"] .fiche-corps .fiche-icone{width:36px !important;height:36px !important;border-radius:11px !important}
body[data-shell="app"] .fiche-corps .fiche-lead-zone{margin:0 0 32px !important;gap:20px}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-fiche{padding:20px 24px 22px !important}
body[data-shell="app"] .fiche-corps .champ-tete{margin-bottom:10px}
body[data-shell="app"] .fiche-corps .champ-tete label{font-size:11px !important;letter-spacing:.14em}
body[data-shell="app"] .fiche-corps .champ-lecture{padding:6px 0 !important;font-size:14.5px !important;line-height:1.65 !important}
body[data-shell="app"] .fiche-corps .phrase-cle{display:block;margin-bottom:6px;font-size:18px !important;font-weight:600 !important;letter-spacing:-.015em;line-height:1.4}
body[data-shell="app"] .fiche-corps .fiche-listes{gap:32px 40px !important;margin:0 !important}
body[data-shell="app"] .fiche-corps .fiche-listes .champ-titre label{display:block;font-size:14px !important;font-weight:600 !important;letter-spacing:0;text-transform:none;color:var(--ink)}
body[data-shell="app"] .fiche-corps .champ-titre small{display:block !important;margin-top:2px;font-size:12.5px;color:var(--muted)}
body[data-shell="app"] .fiche-corps .fiche-listes .champ-tete{margin-bottom:12px}
body[data-shell="app"] .fiche-corps .lignes-edit{display:flex;flex-direction:column;gap:8px}
body[data-shell="app"] .fiche-corps .ligne-edit{padding:10px 14px !important;font-size:14px;line-height:1.5}
body[data-shell="app"] .fiche-corps .etape-nav{margin-top:36px !important;padding-top:20px !important}

/* Même espace au-dessus de toutes les pages de l'espace (vue d'ensemble, listes, fiche, modifications, compte) */
body[data-shell="app"] #vue{padding-top:28px !important}
body[data-shell="app"] #vue > .entete,body[data-shell="app"] #vue > .fiche-page{padding-top:0 !important;margin-top:0 !important}
body[data-shell="app"] #vue > .ensemble{margin-top:0 !important;padding-top:0 !important}
body[data-shell="app"] #vue > .fiche-corps{margin-top:0 !important}
/* Mes prospects : le statut entier tient dans son bouton */
body[data-shell="app"] .grille-fiches .statut-bouton{width:150px}
body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:272px !important}
body[data-shell="app"] .grille-fiches .statut-bouton span{overflow:visible;text-overflow:clip;white-space:nowrap}

/* Page d'aide : petites cartes groupées */
.aide-page{display:flex;flex-direction:column;gap:26px;margin-top:22px;padding-bottom:48px}
.aide-groupe h2{margin:0 0 10px;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--muted)}
.aide-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.aide-carte{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 38px 12px 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.05);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.aide-carte b{font-size:14px;font-weight:600;color:var(--ink)}
.aide-carte span{font-size:12.5px;line-height:1.45;color:var(--muted)}
.aide-carte i{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-soft);color:var(--muted);font-style:normal;font-size:12px;transition:background .2s,color .2s}
.aide-carte:hover{border-color:var(--acc);box-shadow:0 10px 24px -14px rgba(4,128,101,.5);transform:translateY(-1px)}
.aide-carte:hover i{background:var(--acc);color:#fff}

/* Mon ciblage (dans l'espace) : le plan de Scopos est déjà sur la vue d'ensemble ; on allège la page */
body[data-shell="app"] .fiche-lead-zone:has(> .cible-resume){display:none !important}
body[data-shell="app"] .fiche-etape:has(.cible-resume) > header p{display:none}

/* Bouton Enregistrer, en haut à droite des pages de modification */
body[data-shell="app"] .fiche-page{position:relative}
.barre-enregistrer{position:absolute;top:0;right:0;display:flex;align-items:center;gap:12px}
.be-etat{font-size:13px;color:var(--muted)}
.barre-enregistrer.actif .be-etat{color:var(--acc);font-weight:600}
.be-bouton{height:36px;padding:0 18px !important;border-radius:10px !important;font-size:14px !important}
.be-bouton:disabled{opacity:.45;cursor:default;box-shadow:none}
@media(max-width:760px){.barre-enregistrer{position:static;margin-top:14px;justify-content:space-between}}

/* Mon ciblage : plus d'en-tête d'étape pour la liste, prospects idéaux sur deux colonnes, cartes plus lisibles */
body[data-shell="app"] .fiche-corps > .fiche-etape:has(.ideaux-liste) > header{display:none !important}
body[data-shell="app"] .fiche-corps > .fiche-etape:has(.ideaux-liste){padding-top:28px !important}
body[data-shell="app"] .ideaux-liste{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;list-style:none;margin:0;padding:0}
body[data-shell="app"] .ideaux-liste > .ideal{margin:0 !important;border-radius:12px !important;box-shadow:0 1px 2px rgba(17,19,24,.05) !important}
body[data-shell="app"] .ideaux-liste .ideal-ligne{padding:14px 16px 12px !important;gap:12px}
body[data-shell="app"] .ideaux-liste .ideal-titre{font-size:15px !important;font-weight:600 !important;line-height:1.4 !important}
body[data-shell="app"] .ideaux-liste .ideal-signal{margin-top:8px;font-size:13px;line-height:1.5;color:var(--muted)}
body[data-shell="app"] .ideaux-liste .ideal-signal em{display:block;margin-bottom:2px;font-size:10.5px;letter-spacing:.12em}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{padding:10px 16px !important;font-size:13px !important}
body[data-shell="app"] .ideaux-liste .pistes-n{font-size:11px}
@media(max-width:900px){body[data-shell="app"] .ideaux-liste{grid-template-columns:minmax(0,1fr)}}

/* Étapes des pages de modification : onglets légers et clairs (texte, pastille, trait sous l'étape en cours) */
body[data-shell="app"] #vue > .fiche-page .fiche-pas{display:flex;gap:6px;width:100% !important;max-width:none;margin:22px 0 0 !important;padding:0 !important;border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li{display:inline-flex;align-items:center;gap:10px;margin:0 0 -1px;padding:10px 16px 12px 6px !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:none !important;box-shadow:none !important;font-size:14px !important;font-weight:500 !important;color:var(--muted) !important;cursor:pointer}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li:hover{color:var(--ink) !important}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li b{display:grid;place-items:center;width:22px !important;height:22px !important;border-radius:50% !important;background:var(--bg-soft) !important;border:1px solid var(--line-2);font-size:11.5px !important;font-weight:600;color:var(--muted) !important}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li.actif{border-bottom-color:var(--acc) !important;color:var(--acc) !important;font-weight:600 !important}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li.actif b{background:var(--acc) !important;border-color:var(--acc);color:#fff !important}
body[data-shell="app"] #vue > .fiche-page .fiche-pas li.fait b{background:var(--acc-soft) !important;border-color:color-mix(in srgb,var(--acc) 30%,var(--line));color:var(--acc) !important}
body[data-shell="app"] .fiche-page > .barre-enregistrer{position:absolute !important;top:0;right:0;left:auto;width:auto}
@media(max-width:760px){body[data-shell="app"] .fiche-page > .barre-enregistrer{position:static !important;width:100%;margin-top:14px;justify-content:space-between}}

/* Mon ciblage : la navigation entre ses deux parties est dans le menu de gauche (plus de pastilles, plus de « Suivant ») ; un titre par sous-page */
body[data-shell="app"] #vue > .ciblage-page .fiche-pas,body[data-shell="app"] #vue > .ciblage-page .fiche-progres{display:none !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps .etape-nav:not(:has(#fiche-continuer)){display:none !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps .etape-nav [data-nav="suivant"]{display:none !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape > header{display:flex !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape > header p{display:none !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape{padding-top:28px !important}

/* Mon activité : navigation entre ses six parties dans le menu de gauche (plus de pastilles, plus de « Suivant ») */
body[data-shell="app"] #vue > .fiche-page:not(.ciblage-page) .fiche-pas{display:none !important}
body[data-shell="app"] .fiche-page:not(.ciblage-page) ~ .fiche-corps .etape-nav:not(:has(#fiche-continuer)){display:none !important}
body[data-shell="app"] .fiche-page:not(.ciblage-page) ~ .fiche-corps .etape-nav [data-nav="suivant"]{display:none !important}

/* Le bouton « Enregistrer » du haut remplace le bouton final de chaque page de modification */
body[data-shell="app"] .fiche-corps .etape-nav{display:none !important}

/* Mon ciblage : la page commence directement par la partie en cours ; le bouton Enregistrer se place sur la ligne du titre */
body[data-shell="app"] #vue > .ciblage-page{height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important}
body[data-shell="app"] #vue > .ciblage-page .fiche-tete{display:none !important}
body[data-shell="app"] #vue > .ciblage-page .barre-enregistrer{top:0}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape{padding-top:0 !important}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape > header{min-height:40px}
body[data-shell="app"] .ciblage-page ~ .fiche-corps > .fiche-etape > header p{display:block !important;margin-top:2px;font-size:13.5px !important}

/* « 1 changement pris en compte » : retiré, le bouton Enregistrer suffit */
.barre-enregistrer .be-etat{display:none !important}

/* Choix de la zone : une carte claire, un vrai bouton radio (rond vert avec coche quand il est choisi) */
body[data-shell="app"] .zone-carte{padding:14px 16px 14px 50px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;box-shadow:none;transition:border-color .2s,background .2s}
body[data-shell="app"] .zone-carte b{font-size:14.5px;font-weight:600;color:var(--ink)}
body[data-shell="app"] .zone-carte small{font-size:13px;line-height:1.45;color:var(--muted)}
body[data-shell="app"] .zone-carte::before{left:16px;top:15px;width:22px;height:22px;border:1.5px solid var(--line-2);background:#fff center/13px no-repeat;transition:border-color .2s,background-color .2s}
body[data-shell="app"] .zone-choix:hover .zone-carte{border-color:var(--acc-bright)}
body[data-shell="app"] .zone-choix:hover .zone-carte::before{border-color:var(--acc-bright)}
body[data-shell="app"] .zone-choix input:checked + .zone-carte{background:var(--acc-soft) !important;border-color:var(--acc) !important;color:var(--ink) !important;box-shadow:none !important}
body[data-shell="app"] .zone-choix input:checked + .zone-carte b{color:var(--ink) !important}
body[data-shell="app"] .zone-choix input:checked + .zone-carte small{color:var(--ink-2) !important;opacity:1}
body[data-shell="app"] .zone-choix input:checked + .zone-carte::before{border-color:var(--acc) !important;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/13px no-repeat !important}
body[data-shell="app"] .zone-choix input:focus-visible + .zone-carte{outline:2px solid var(--acc);outline-offset:2px}

/* Pages de modification : on commence directement par la partie en cours (plus de grand titre ni d'introduction) */
body[data-shell="app"] #vue > .fiche-page{height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important}
body[data-shell="app"] #vue > .fiche-page .fiche-tete{display:none !important}
body[data-shell="app"] #vue > .fiche-page .barre-enregistrer{top:0}
body[data-shell="app"] .fiche-page ~ .fiche-corps > .fiche-etape{padding-top:0 !important}
body[data-shell="app"] .fiche-page ~ .fiche-corps > .fiche-etape > header{min-height:40px}

/* Mes prospects : les boutons (statut, partage, retrait) reviennent dans l'encart, à droite */
body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:0 !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{position:relative !important;margin-right:0 !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{position:static !important;transform:none !important;width:auto !important;margin-left:auto;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px}
body[data-shell="app"] .grille-fiches .statut-bouton{width:auto;min-width:132px}

/* Recommander scopos.ai : une ligne discrète tout en bas du menu */
.app-reco{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.app-menu{margin-bottom:12px}
.reco-ligne{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--muted);text-align:left;cursor:pointer;transition:background .15s,color .15s}
.reco-ligne svg{flex:none;color:var(--faint);transition:color .15s}
.reco-ligne:hover{background:var(--bg-soft);color:var(--ink)}
.reco-ligne:hover svg,.app-reco.ouvert .reco-ligne svg{color:var(--acc)}
.reco-corps{margin:6px 4px 4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}
.reco-corps p{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.reco-lien{display:flex;gap:6px}
.reco-lien input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid var(--line-2);border-radius:8px;background:#fff;font:inherit;font-size:12px;color:var(--ink-2)}
.reco-lien button{flex:none;height:30px;padding:0 12px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.reco-n{display:block;margin-top:8px;font-size:12px;color:var(--acc)}

/* ── À découvrir : une seule colonne, cartes horizontales plus aérées et plus claires, textes plus petits ── */
body[data-shell="app"] .deux.large #lots .grille{grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
body[data-shell="app"] #lots .carte.choix.flip{height:120px !important;border-radius:12px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto{display:grid !important;grid-template-columns:minmax(0,1fr) auto 28px;grid-template-rows:auto auto auto;align-content:center;column-gap:24px;padding:16px 22px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .filigrane{display:none}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-haut{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;padding:0 !important;min-height:0}
body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{grid-column:1;grid-row:2;margin:8px 0 0 !important;padding:0 !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-meta{grid-column:1;grid-row:3;margin:6px 0 0 !important;font-size:10.5px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{grid-column:2;grid-row:1 / span 3;position:static !important;left:auto;right:auto;bottom:auto;align-self:center;margin:0 !important;padding:0 !important;border:0 !important;display:flex;align-items:center;gap:8px}
body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{grid-column:3;grid-row:1 / span 3;position:static !important;align-self:center;justify-self:end;right:auto !important;bottom:auto !important}
/* verso (« Pourquoi ? ») : le texte à gauche, les actions à droite */
body[data-shell="app"] #lots .carte.choix.flip .face.verso{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-content:center;padding:14px 22px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.verso .label{grid-column:1;margin:0 0 6px}
body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-raison{grid-column:1;margin:0 !important;-webkit-line-clamp:3}
body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0 !important;display:flex;gap:8px}
@media(max-width:700px){
  body[data-shell="app"] #lots .carte.choix.flip{height:auto !important;min-height:150px}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto{grid-template-columns:minmax(0,1fr) 28px}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{grid-column:1 / -1;grid-row:4;margin-top:10px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{grid-column:2;grid-row:1}
}

/* Chiffre dans le rond : centrage optique (l'encre des chiffres montait d'environ 0,7 px) */
.anneau.numero.numero > b{transform:translateY(.05em) !important}
body[data-shell="app"] #lots .carte.choix.flip{height:138px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-meta{margin-top:8px !important}

/* Retournement vertical des cartes : la carte se comprime en hauteur puis se rouvre de l'autre côté (au lieu de la largeur) */
.flip-in{transform:rotateX(var(--rx)) rotateY(var(--ry)) scaleY(var(--sens,1))}
.verso{transform:scaleY(-1)}

/* Verso : « Débloquer » au-dessus de « Ajouter au panier », même largeur */
body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions{flex-direction:column !important;align-items:stretch;gap:8px !important;width:168px}
body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions .btn{justify-content:center;width:100%;margin:0}

/* Recto : les mêmes boutons que le verso, l'un au-dessus de l'autre (Débloquer en haut), même largeur */
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{flex-direction:column-reverse !important;align-items:stretch !important;gap:8px !important;width:168px}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .btn{justify-content:center;width:100%;margin:0}

/* Recto : le « pourquoi » (la raison) s'affiche sous le titre, sans avoir à retourner la carte */
body[data-shell="app"] #lots .carte.choix.flip{height:172px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison{display:-webkit-box !important;grid-column:1;grid-row:3;margin:6px 0 0 !important;font-size:12.5px !important;line-height:1.5 !important;color:var(--muted);-webkit-line-clamp:2 !important;-webkit-box-orient:vertical;overflow:hidden}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-meta{grid-row:4 !important;margin-top:8px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas,body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{grid-row:1 / span 4 !important}

/* Recherche par mots-clés (À découvrir) : visible sur « À découvrir » seulement ; les cartes sans correspondance disparaissent */
.filtres-ligne[data-onglet="decouvrir"] > .rech-fiches-ligne.rech-decouvrir-ligne{display:block !important}
.filtres-ligne[data-onglet="fiches"] > .rech-decouvrir-ligne{display:none !important}
.filtres-ligne .rech-decouvrir-ligne{flex:1 1 260px;max-width:380px}
.filtres-ligne .rech-decouvrir-ligne input{width:100%;height:38px;padding:0 14px 0 40px;border:1px solid var(--line-2);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767C87' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center;font:inherit;font-size:13.5px;color:var(--ink)}
.filtres-ligne .rech-decouvrir-ligne input:focus{outline:none;border-color:var(--acc-bright);box-shadow:0 0 0 4px var(--acc-soft)}
#lots .grille > [data-mot="0"]{display:none !important}

/* Cartes à découvrir : plus de retournement, plus de bouton « Pourquoi ? » */
body[data-shell="app"] #lots .carte.choix.flip .r-bas .retourner{display:none !important}
body[data-shell="app"] #lots .carte.choix.flip{cursor:default;height:160px !important}
body[data-shell="app"] #lots .carte.choix.flip .flip-in{transform:none !important;translate:none !important;scale:1 !important}
body[data-shell="app"] #lots .carte.choix.flip .face.verso{display:none !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto{visibility:visible !important}

/* ── Menu de gauche : plus moderne, plus premium (la vue d'ensemble ne change pas) ── */
.app-nav{padding:16px 12px 14px;border-right:1px solid rgba(17,19,24,.06);background:
  radial-gradient(130% 55% at 0% 0%,rgba(2,181,142,.11),transparent 62%),
  radial-gradient(100% 45% at 100% 100%,rgba(124,92,255,.08),transparent 62%),
  #FCFEFD;box-shadow:10px 0 28px -26px rgba(17,19,24,.35);scrollbar-width:thin;scrollbar-color:rgba(17,19,24,.12) transparent}
.app-nav .app-menu{gap:0}
.app-nav .app-groupe{gap:3px}
.app-nav .app-titre{margin:24px 0 8px;padding:0 10px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.app-nav .app-item{position:relative;height:42px;gap:12px;padding:0 10px 0 7px;border-radius:12px;font-size:14px;font-weight:500;letter-spacing:-.005em;color:var(--ink-2);transition:background .2s,color .2s,box-shadow .2s}
.app-nav .app-item svg{box-sizing:content-box;width:16px;height:16px;padding:6px;border-radius:9px;background:rgba(17,19,24,.05);color:var(--muted);transition:background .2s,color .2s,box-shadow .2s}
.app-nav .app-item:hover{background:rgba(17,19,24,.035);color:var(--ink)}
.app-nav .app-item:hover svg{background:rgba(2,181,142,.14);color:var(--acc)}
.app-nav .app-item.actif{background:linear-gradient(100deg,rgba(2,181,142,.15),rgba(124,92,255,.07));color:#045a46;font-weight:600;box-shadow:inset 0 0 0 1px rgba(2,181,142,.2)}
.app-nav .app-item.actif svg{background:linear-gradient(145deg,#12CC9B,#047257);color:#fff;box-shadow:0 8px 14px -8px rgba(4,128,101,.8)}
.app-nav .app-item em:not(.accent):not(.cta){padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--muted)}
.app-nav .app-item.actif em:not(.accent):not(.cta){border-color:rgba(2,181,142,.3);color:var(--acc)}
.app-nav .app-item em.accent{border-radius:999px;font-family:var(--mono);font-size:10.5px}
.app-nav .app-item.cta{color:var(--acc);font-weight:600}
.app-nav .app-item.cta svg{background:rgba(2,181,142,.14);color:var(--acc)}
/* sous-pages : un fil pointillé, la page courante en vert avec un point lumineux */
.app-nav .app-sous-liste{margin:3px 0 6px 24px;padding-left:12px;border-left:1px dashed rgba(17,19,24,.16);gap:2px}
.app-nav .app-sous{height:34px;padding:0 10px;border-radius:9px;font-size:13.5px;color:var(--ink-2);transition:background .2s,color .2s}
.app-nav .app-sous:hover{background:rgba(17,19,24,.035);color:var(--ink)}
.app-nav .app-sous.actif{background:rgba(2,181,142,.11);color:var(--acc);font-weight:600}
.app-nav .app-sous i{background:rgba(17,19,24,.18)}
.app-nav .app-sous.actif i{background:var(--acc-bright);box-shadow:0 0 0 3px rgba(2,181,142,.22)}
.app-nav .app-fleche{right:8px;border-radius:8px}
/* recommander : une pastille douce, le panneau en verre dépoli */
.app-nav .app-reco{margin-top:auto;padding-top:14px;border-top:0}
.app-nav .reco-ligne{height:42px;padding:0 12px;border:1px solid rgba(2,181,142,.2);border-radius:12px;background:linear-gradient(100deg,rgba(2,181,142,.09),rgba(124,92,255,.07));font-weight:500;color:var(--ink-2)}
.app-nav .reco-ligne svg{color:var(--acc)}
.app-nav .reco-ligne:hover{background:linear-gradient(100deg,rgba(2,181,142,.15),rgba(124,92,255,.1));color:var(--ink)}
.app-nav .reco-corps{margin:8px 0 0;border:1px solid rgba(17,19,24,.07);border-radius:12px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* le menu ne se comprime plus : si l'écran est trop bas, tout le menu défile */
.app-nav .app-menu{flex:1 0 auto !important;min-height:auto !important}
.app-nav .app-reco{flex:none}

/* Mon entreprise : vue d'ensemble en petits encarts */
.apercu-entreprise{display:none}
#vue[data-vue-entreprise="1"] .apercu-entreprise{display:block}
#vue[data-vue-entreprise="1"] .fiche-corps > .fiche-etape{display:none !important}
.apercu-entreprise > header{margin:0 0 20px}
.apercu-entreprise > header h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.apercu-entreprise > header p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.apercu-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.apercu-carte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 16px 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.06);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.apercu-carte:hover{border-color:var(--acc);box-shadow:0 10px 24px -14px rgba(4,128,101,.5);transform:translateY(-1px)}
.apercu-ico{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:var(--acc-soft);color:var(--acc)}
.apercu-ico svg{width:17px;height:17px}
.apercu-carte b{font-size:14.5px;font-weight:600;color:var(--ink)}
.apercu-carte small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--acc)}
.apercu-carte p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.apercu-carte i{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-soft);color:var(--muted);font-style:normal;font-size:13px;transition:background .2s,color .2s}
.apercu-carte:hover i{background:var(--acc);color:#fff}

/* Vue d'ensemble de « Mon ciblage » (même gabarit que « Mon entreprise ») */
#vue[data-vue-ciblage="1"] #apercu-ciblage{display:block}
#vue[data-vue-ciblage="1"] .fiche-corps > .fiche-etape{display:none !important}
.apercu-carte .apercu-desc{margin-top:2px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.apercu-carte p{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-2);width:100%}

/* Ligne des filtres : tous les contrôles ont la même hauteur (40 px) et sont centrés */
body[data-shell="app"] .filtres-ligne{align-items:center}
body[data-shell="app"] .filtres-ligne .reglage > summary{height:40px !important;min-height:40px !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box}
body[data-shell="app"] .filtres-ligne .rech-decouvrir-ligne input,
body[data-shell="app"] .filtres-ligne .rech-fiches-ligne input,
body[data-shell="app"] .filtres-ligne .filtre-statut-select select{height:40px !important;box-sizing:border-box}
body[data-shell="app"] .filtres-ligne > #actualiser{height:40px !important;min-height:40px !important;box-sizing:border-box}

/* Largeur du menu fixe : la barre de défilement ne prend plus de place quand on déplie ou replie un sous-menu */
.app-nav{box-sizing:border-box;width:244px;min-width:244px;max-width:244px;scrollbar-width:none !important;-ms-overflow-style:none}
.app-nav::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:900px){.app-nav{width:min(300px,86vw);min-width:0;max-width:none}}

/* De l'air sous « Se déconnecter » (page Mon compte et menu du profil) et au bas des pages de l'espace */
body[data-shell="app"] #vue{padding-bottom:56px !important}
#vue p:has(> [data-quitter]){margin-bottom:40px;padding-bottom:6px}
#vue .sec:last-of-type{padding-bottom:24px}
.menu-profil{padding-bottom:12px}
.menu-profil .menu-groupe:last-child{margin-bottom:4px}

/* Titres du menu : les jambages (g, p, y…) ne sont plus coupés */
.app-nav .app-item span,.app-nav .app-sous span,.app-nav .reco-ligne span{line-height:1.45 !important;padding-bottom:1px}

/* ── À découvrir : cartes et boutons plus soignés ── */
/* la carte : fond blanc, filet fin, un liseré de la couleur du type à gauche, une ombre douce ; la recommandée en teinte violette */
body[data-shell="app"] #lots .carte.choix.flip .face.recto{border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;box-shadow:inset 3px 0 0 var(--teinte),0 1px 2px rgba(17,19,24,.05),0 12px 26px -22px rgba(17,19,24,.35) !important;transition:border-color .2s,box-shadow .2s}
body[data-shell="app"] #lots .carte.choix.flip.reco .face.recto{background:linear-gradient(120deg,#F6F2FF 0%,#fff 58%) !important;border-color:rgba(124,92,252,.35) !important}
body[data-shell="app"] #lots .carte.choix.flip:hover .face.recto{border-color:color-mix(in srgb,var(--teinte) 45%,var(--line-2)) !important;box-shadow:inset 3px 0 0 var(--teinte),0 1px 2px rgba(17,19,24,.06),0 16px 30px -20px rgba(17,19,24,.4) !important}
body[data-shell="app"] #lots .carte.choix.flip.choisie .face.recto{border-color:var(--acc) !important;background:linear-gradient(120deg,#EEF9F5 0%,#fff 60%) !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto .reflet{display:none}
/* l'en-tête : le rond plus fin, l'étiquette en pastille de la couleur du type */
body[data-shell="app"] #lots .carte.choix.flip .anneau.numero .arc{stroke-width:3.2}
body[data-shell="app"] #lots .carte.choix.flip .r-types .r-type{padding:3px 10px !important;border-radius:999px;background:color-mix(in srgb,var(--teinte) 8%,#fff) !important;border-color:color-mix(in srgb,var(--teinte) 28%,transparent) !important;font-size:10px !important}
body[data-shell="app"] #lots .carte.choix.flip .r-reco{padding:3px 10px;border-radius:999px;font-size:10.5px;box-shadow:none}
/* le texte : titre net, raison douce, repères discrets */
body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{font-size:14.5px !important;letter-spacing:-.01em;color:var(--ink)}
body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison{color:var(--muted)}
/* Débloquer : un bouton plein, sobre, avec un dégradé léger et un reflet fin */
body[data-shell="app"] #lots .carte.choix.flip .r-debloquer{height:36px !important;padding:0 18px !important;border:0 !important;border-radius:10px !important;background:linear-gradient(180deg,#0A9577,#047257) !important;color:#fff !important;font-size:13px !important;font-weight:600 !important;letter-spacing:-.005em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 16px -10px rgba(4,114,87,.75) !important;transition:transform .2s,box-shadow .2s,filter .2s}
body[data-shell="app"] #lots .carte.choix.flip .r-debloquer:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 20px -10px rgba(4,114,87,.8) !important}
body[data-shell="app"] #lots .carte.choix.flip .r-debloquer:active{transform:none}
/* la case : un petit carré net, vert une fois cochée */
body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{width:22px !important;height:22px !important;border:1.5px solid var(--line-2) !important;border-radius:7px !important;background-color:#fff !important;box-shadow:none !important;transition:border-color .2s,background-color .2s}
body[data-shell="app"] #lots .carte.choix.flip:hover .face.recto input.coche{border-color:var(--acc-bright) !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche:checked{border-color:var(--acc) !important;background-color:var(--acc) !important}
/* écarter : une petite croix discrète, rouge au survol */
body[data-shell="app"] #lots .carte.choix.flip .ecarter{width:26px;height:26px;border-radius:8px;color:var(--faint);background:none;border:0;transition:background .2s,color .2s}
body[data-shell="app"] #lots .carte.choix.flip .ecarter:hover{background:#FDECEC;color:#B42318}

/* Croix « écarter » : une icône dessinée, centrée, dans un rond ; rouge pâle au survol */
body[data-shell="app"] #lots .carte.choix.flip .ecarter{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0 !important;border-radius:50% !important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A0A6AF' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4.5 4.5l7 7M11.5 4.5l-7 7'/%3E%3C/svg%3E") center/14px no-repeat !important;font-size:0 !important;color:transparent !important;cursor:pointer;transition:background-color .2s}
body[data-shell="app"] #lots .carte.choix.flip .ecarter:hover,body[data-shell="app"] #lots .carte.choix.flip .ecarter:focus-visible{background:#FDECEC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B42318' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4.5 4.5l7 7M11.5 4.5l-7 7'/%3E%3C/svg%3E") center/14px no-repeat !important}

/* Plus de croix sur les cartes ; « Supprimer » dans la barre de sélection */
body[data-shell="app"] #lots .carte.choix.flip .ecarter{display:none !important}
.barre .btn-sel-suppr{margin-left:auto;height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.barre .btn-sel-suppr:hover{background:rgba(220,38,38,.28);border-color:rgba(252,165,165,.7)}
.barre .btn-sel-suppr + .btn{margin-left:0}

/* Barre de sélection : même taille quel que soit le nombre de prospects sélectionnés */
.barre{width:min(720px,calc(100vw - 32px)) !important;min-height:68px}
.barre .compte{flex:1 1 auto;min-width:0}
.barre .compte small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barre .btn-sel-suppr{flex:none;width:118px;justify-content:center}
.barre #debloquer{flex:none;width:196px;justify-content:center;margin-left:0}

/* ── Mes prospects : la même carte que « À découvrir » (liseré, pastille, titre, texte, lieu), les actions à droite ── */
body[data-shell="app"] .grille-fiches{gap:12px}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:0;align-items:center;min-height:112px;padding:16px 22px 16px 22px !important;border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;--rail:var(--acc);box-shadow:inset 3px 0 0 var(--rail),0 1px 2px rgba(17,19,24,.05),0 12px 26px -22px rgba(17,19,24,.35) !important;transition:border-color .2s,box-shadow .2s}
body[data-shell="app"] .grille-fiches > details.offerte-carte:not(.achetee) > summary.carte{--rail:#E3A008}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte:hover{border-color:color-mix(in srgb,var(--rail) 45%,var(--line-2)) !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte > div{display:contents}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .anneau{grid-column:1;grid-row:1}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .meta{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte h3{grid-column:1 / 3;grid-row:2;margin:10px 0 0 !important;font-size:14.5px !important;font-weight:600 !important;letter-spacing:-.01em;line-height:1.4}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte > div > p{display:-webkit-box !important;grid-column:1 / 3;grid-row:3;margin:4px 0 0 !important;font-size:12.5px !important;line-height:1.5 !important;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{grid-column:3;grid-row:1 / span 3;align-self:center;margin-left:24px}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .puce{padding:3px 10px !important;border-radius:999px;font-size:10px !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .meta-texte{font-size:11px !important;color:var(--muted)}
@media(max-width:760px){body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{grid-template-columns:auto minmax(0,1fr)}body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte .actions-carte{grid-column:1 / 3;grid-row:4;margin:12px 0 0}}
body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{row-gap:0 !important;column-gap:12px !important;min-height:0 !important}

/* Mon compte › Notifications : une carte par entreprise, un interrupteur par courriel */
.notif-liste{display:grid;gap:12px;margin-top:14px}
.notif-carte{padding:6px 22px 8px;border:1px solid var(--line);border-radius:16px;background:#fff}
.notif-nom{display:flex;flex-direction:column;gap:2px;padding:14px 0 12px;border-bottom:1px solid var(--line)}
.notif-nom small{color:var(--ink-2);font-size:13px}
.notif-ligne{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;cursor:pointer}
.notif-ligne + .notif-ligne{border-top:1px solid var(--line)}
.notif-texte{display:flex;flex-direction:column;gap:2px;min-width:0}
.notif-texte b{font-size:15px;font-weight:600;color:var(--ink)}
.notif-texte small{font-size:13px;line-height:1.45;color:var(--ink-2)}
.notif-case{position:absolute;opacity:0;width:1px;height:1px}
.notif-inter{flex:none;position:relative;width:42px;height:24px;border-radius:999px;background:#D5DDE3;transition:background .2s}
.notif-inter::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:transform .2s}
.notif-case:checked + .notif-inter{background:var(--acc)}
.notif-case:checked + .notif-inter::after{transform:translateX(18px)}
.notif-case:focus-visible + .notif-inter{outline:2px solid var(--acc);outline-offset:2px}
.notif-case:disabled + .notif-inter{opacity:.6}

/* ── Mon compte : en-tête, repères, une carte par rubrique ── */
body[data-shell="app"] #vue > .cpt-tete,body[data-shell="app"] #vue > .cpt-reperes,body[data-shell="app"] #vue > .cpt-sec{max-width:1040px}
.cpt-tete{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#F4FCF9 0%,#fff 56%);box-shadow:var(--ombre)}
.cpt-tete::before{content:"";position:absolute;z-index:-1;top:-120%;right:-4%;width:440px;height:320px;background:radial-gradient(closest-side,rgba(2,181,142,.17),transparent 72%)}
.cpt-tete::after{content:"";position:absolute;z-index:-1;bottom:-130%;left:34%;width:380px;height:280px;background:radial-gradient(closest-side,rgba(124,92,255,.12),transparent 72%)}
.cpt-avatar{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#12CC9B,#036A52);color:#fff;font-size:22px;font-weight:700;box-shadow:0 14px 24px -14px rgba(4,128,101,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.cpt-qui{flex:1;min-width:0}
.cpt-qui h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.cpt-qui p{margin:3px 0 0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.cpt-qui p b{font-weight:600;color:var(--ink-2)}
.cpt-tete-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cpt-reperes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
.cpt-repere{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 18px 15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#F8FBFA)}
.cpt-repere::before{content:"";position:absolute;left:18px;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--acc-bright),#7C5CFC)}
.cpt-repere small{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cpt-repere b{margin-top:4px;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink)}
.cpt-repere b em{font-style:normal;font-size:16px;font-weight:500;color:var(--faint)}
.cpt-repere span{font-size:13px;color:var(--muted)}
.cpt-sec{margin-top:34px}
.cpt-sec-tete{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cpt-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--acc-soft),#fff);border:1px solid color-mix(in srgb,var(--acc) 18%,var(--line));color:var(--acc)}
.cpt-ico svg{width:19px;height:19px}
.cpt-sec-tete h2{margin:0;font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.3;color:var(--ink)}
.cpt-sec-tete p{margin:1px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.cpt-carte{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--ombre);overflow:hidden}
.cpt-abo,.cpt-ligne{display:flex;align-items:center;gap:22px;padding:16px 22px}
.cpt-abo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) auto}
.cpt-ligne{justify-content:space-between}
.cpt-abo + .cpt-abo,.cpt-ligne + .cpt-ligne,.cpt-carte .notif-carte + .notif-carte{border-top:1px solid var(--line)}
.cpt-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.cpt-id b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.cpt-id small{display:block;font-size:13px;color:var(--muted)}
.cpt-init{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#12CC9B,#036A52);color:#fff;font-style:normal;font-size:14px;font-weight:700;letter-spacing:.01em}
.cpt-init.cpt-recu{background:var(--acc-soft);color:var(--acc)}
.cpt-init.cpt-recu svg{width:19px;height:19px}
.cpt-etat{display:grid;gap:8px;min-width:0}
.cpt-formule{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.cpt-pill{padding:3px 11px;border-radius:999px;background:linear-gradient(135deg,#06A87E,#048065);color:#fff;font-size:12.5px;font-weight:600}
.cpt-pill.vide{border:1px solid var(--line);background:var(--bg-soft);color:var(--muted)}
.cpt-jauge{height:7px;border-radius:99px;background:#EEF1F4;overflow:hidden}
.cpt-jauge i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc-bright),var(--acc))}
.cpt-etat small{font-size:13px;line-height:1.5;color:var(--muted)}
.cpt-etat small b{color:var(--ink)}
.cpt-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.cpt-montant{font-size:14px;color:var(--ink-2);white-space:nowrap}
.cpt-montant b{color:var(--ink)}
.cpt-note{margin:12px 2px 0;font-size:13px;color:var(--muted)}
.cpt-carte .notif-carte{padding:0 22px 4px;border:0;border-radius:0;background:none}
.cpt-carte .notif-carte > .cpt-id{padding:16px 0 14px;border-bottom:1px solid var(--line)}
.cpt-sec .aide-page{margin-top:0;padding-bottom:0}
@media(max-width:760px){
  .cpt-tete{flex-wrap:wrap;padding:18px}
  .cpt-abo{grid-template-columns:1fr;gap:14px}
  .cpt-actions{justify-content:flex-start}
  .cpt-ligne{flex-wrap:wrap;gap:12px}
}

/* ── Vue d'ensemble : plus soignée, toujours légère ── */
body[data-shell="app"] .ensemble{gap:16px}
body[data-shell="app"] .ens-hero{position:relative;isolation:isolate;overflow:hidden;gap:18px;padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,#F4FCF9 0%,#fff 56%);box-shadow:var(--ombre)}
body[data-shell="app"] .ens-hero::before{display:block;content:"";position:absolute;z-index:-1;top:-120%;right:-4%;width:460px;height:340px;border-radius:0;background:radial-gradient(closest-side,rgba(2,181,142,.17),transparent 72%)}
body[data-shell="app"] .ens-hero::after{display:block;content:"";position:absolute;z-index:-1;bottom:-130%;left:36%;width:380px;height:280px;border-radius:0;background:radial-gradient(closest-side,rgba(124,92,255,.12),transparent 72%)}
body[data-shell="app"] .ens-mono{width:56px;height:56px;border-radius:18px;font-size:20px;font-weight:700;background:linear-gradient(145deg,#12CC9B,#036A52);box-shadow:0 14px 24px -14px rgba(4,128,101,.75),inset 0 1px 0 rgba(255,255,255,.35)}
body[data-shell="app"] .ens-id small{font-size:10.5px;letter-spacing:.16em}
body[data-shell="app"] .ens-id h1{margin:3px 0 0;font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.15}
body[data-shell="app"] .ens-id p{gap:8px;margin:10px 0 0}
body[data-shell="app"] .ens-id p span{padding:3px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);font-size:12.5px;color:var(--ink-2)}
body[data-shell="app"] .ens-pastille{padding:7px 14px;font-size:13.5px;font-weight:600}
body[data-shell="app"] .ens-cta{height:40px;padding:0 20px;border-radius:12px;font-size:14px;background:linear-gradient(135deg,#06A87E,#048065);box-shadow:0 12px 22px -14px rgba(4,128,101,.9)}
body[data-shell="app"] .ens-cta:hover{background:linear-gradient(135deg,#06A87E,#048065);transform:translateY(-1px);box-shadow:0 16px 26px -14px rgba(4,128,101,.95)}
body[data-shell="app"] .ens-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
body[data-shell="app"] .ens-kpi{position:relative;padding:16px 18px 15px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#F8FBFA);gap:2px}
body[data-shell="app"] .ens-kpi::before{display:block;content:"";position:absolute;left:18px;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--acc-bright),#7C5CFC)}
body[data-shell="app"] .ens-kpi b{margin-top:2px;font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink)}
body[data-shell="app"] .ens-kpi span{font-size:13.5px;color:var(--ink-2)}
body[data-shell="app"] .ens-kpi small{font-size:12px}
body[data-shell="app"] .ens-compris{position:relative;gap:14px;padding:18px 22px;border:1px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(2,181,142,.55),rgba(124,92,255,.45)) border-box;box-shadow:0 18px 36px -28px rgba(4,128,101,.55)}
body[data-shell="app"] .ens-compris::before{display:none}
body[data-shell="app"] .ens-compris > svg{width:18px;height:18px;margin-top:2px}
body[data-shell="app"] .ens-compris small{font-size:10.5px;letter-spacing:.16em}
body[data-shell="app"] .ens-compris p{margin:6px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2)}
.ens-groupe{display:flex;align-items:center;gap:12px;margin:10px 0 -4px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ens-groupe::after{content:"";flex:1;height:1px;background:var(--line)}
body[data-shell="app"] .ens-principales{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-shell="app"] .ens-autres{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body[data-shell="app"] .ens-tuile,body[data-shell="app"] .ens-tuile.grande{gap:4px;padding:18px 20px 16px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.05) !important}
body[data-shell="app"] .ens-principales .ens-tuile{padding:20px 22px 18px;background:linear-gradient(150deg,#F4FCF9 0%,#fff 62%)}
body[data-shell="app"] .ens-tuile:hover{transform:translateY(-2px) !important;border-color:var(--acc) !important;background:#fff !important;box-shadow:0 18px 32px -20px rgba(4,128,101,.55) !important}
body[data-shell="app"] .ens-principales .ens-tuile:hover{background:linear-gradient(150deg,#F4FCF9 0%,#fff 62%) !important}
body[data-shell="app"] .ens-ico{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--acc-soft),#fff);border:1px solid color-mix(in srgb,var(--acc) 18%,var(--line))}
body[data-shell="app"] .ens-ico svg{width:19px;height:19px}
body[data-shell="app"] .ens-titre{margin-top:8px;font-size:15px;font-weight:650}
body[data-shell="app"] .ens-valeur{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}
body[data-shell="app"] .ens-autres .ens-valeur{font-size:22px}
body[data-shell="app"] .ens-texte{font-size:13.5px;line-height:1.55}
body[data-shell="app"] .ens-fleche{top:18px;right:18px}
body[data-shell="app"] .ens-jauge{height:6px;margin-top:8px}
@media(max-width:760px){
  body[data-shell="app"] .ens-principales{grid-template-columns:1fr}
  body[data-shell="app"] .ens-hero{padding:16px 18px}
  body[data-shell="app"] .ens-mono{width:44px;height:44px;border-radius:14px;font-size:16px}
  body[data-shell="app"] .ens-id h1{font-size:20px}
}
@media(max-width:760px){
  .cpt-qui{flex:1 1 150px}
  .cpt-tete-actions{flex:1 1 100%}
}

/* Mon compte allégé */
.cpt-sec{margin-top:26px}
.cpt-sec-tete{margin-bottom:10px}
.cpt-sec-tete h2{font-size:16px}
a.cpt-id{color:inherit;text-decoration:none}
a.cpt-id:hover b{color:var(--acc)}
.cpt-id > span{min-width:0}
.cpt-abo{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:14px 22px}
.cpt-actions{gap:6px 14px}
.cpt-notif{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 22px}
.cpt-notif + .cpt-notif{border-top:1px solid var(--line)}
.cpt-notifs{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:flex-end}
.cpt-notifs .notif-ligne{padding:0;border:0;gap:10px}
.cpt-notifs .notif-ligne + .notif-ligne{border:0}
.cpt-notifs .notif-texte{font-size:13.5px;color:var(--ink-2)}
@media(max-width:760px){.cpt-notif{flex-direction:column;align-items:flex-start;gap:12px}.cpt-notifs{justify-content:flex-start}}

.cpt-pied{margin:30px 0 56px;padding-top:18px;border-top:1px solid var(--line)}
body[data-shell="app"] #vue > .cpt-pied{max-width:1040px}
/* Notifications : une entreprise par ligne, repliée par défaut */
details.cpt-notif{display:block;padding:0}
.cpt-notif > summary{display:flex;align-items:center;gap:16px;padding:14px 22px;cursor:pointer;list-style:none}
.cpt-notif > summary::-webkit-details-marker{display:none}
.cpt-notif > summary:hover .cpt-notif-gerer{color:var(--acc)}
.cpt-notif-etat{flex:none;font-size:13px;color:var(--muted)}
.cpt-notif-gerer{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:color .2s}
.cpt-notif-gerer svg{transition:transform .25s var(--doux)}
.cpt-notif[open] .cpt-notif-gerer svg{transform:rotate(180deg)}
.cpt-notif[open] > summary{border-bottom:1px solid var(--line)}
details.cpt-notif .cpt-notifs{flex-direction:column;align-items:stretch;gap:0;padding:2px 22px 6px;justify-content:flex-start}
details.cpt-notif .cpt-notifs .notif-ligne{justify-content:space-between;padding:12px 0 !important}
details.cpt-notif .cpt-notifs .notif-ligne + .notif-ligne{border-top:1px solid var(--line) !important}
details.cpt-notif .cpt-notifs .notif-texte{font-size:14px}
@media(max-width:760px){.cpt-notif-etat{display:none}.cpt-notif > summary{padding:14px 18px}}
/* Mon compte : rubriques repliées par défaut */
details.cpt-sec{margin-top:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--ombre);overflow:hidden}
body[data-shell="app"] #vue > .cpt-tete + details.cpt-sec{margin-top:16px}
summary.cpt-sec-tete{display:flex;align-items:center;gap:12px;margin:0;padding:14px 18px;cursor:pointer;list-style:none;transition:background .2s}
summary.cpt-sec-tete::-webkit-details-marker{display:none}
summary.cpt-sec-tete:hover{background:var(--bg-soft)}
summary.cpt-sec-tete h2{flex:1;min-width:0}
.cpt-indice{flex:none;font-style:normal;font-size:13px;color:var(--muted)}
.cpt-chev{flex:none;color:var(--muted);transition:transform .25s var(--doux)}
details.cpt-sec[open] > summary .cpt-chev{transform:rotate(180deg)}
details.cpt-sec[open] > summary{border-bottom:1px solid var(--line)}
details.cpt-sec > .cpt-carte{border:0;border-radius:0;box-shadow:none}
details.cpt-sec > .aide-page{margin:0;padding:18px}
details.cpt-sec > .cpt-note{margin:0;padding:14px 18px}
.cpt-notif[open] > summary{background:var(--bg-soft)}
@media(max-width:760px){.cpt-indice{display:none}}

/* Mon compte : pied de page, deux liens l'un sous l'autre */
.cpt-pied{display:flex;flex-direction:column;align-items:flex-start;gap:12px}

/* Suppression d'une entreprise : le parcours en cinq étapes */
.suppr{max-width:520px}
.suppr-etape{margin:0 0 6px}
.suppr-liste{display:grid;gap:8px;margin:14px 0 4px}
.suppr-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}
.suppr-option:hover{border-color:var(--line-2)}
.suppr-option:has(input:checked){border-color:var(--acc);background:var(--acc-soft)}
.suppr-option input{flex:none;accent-color:var(--acc)}
.suppr-option b{display:block;font-size:14.5px;font-weight:600}
.suppr-option small{display:block;font-size:12.5px;color:var(--muted)}
.suppr-option .cpt-init{width:34px;height:34px;border-radius:10px;font-size:12px}
.suppr-simple{font-size:14.5px}
.suppr-pertes{display:grid;gap:6px;margin:12px 0 0;padding-left:18px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.suppr-alerte{display:grid;gap:3px;margin-top:14px;padding:12px 14px;border:1px solid #F0D9A8;border-radius:12px;background:var(--warn-soft);font-size:14px;line-height:1.5;color:var(--warn)}
.suppr-alerte b{color:#7A4700}
.suppr-code{box-sizing:border-box;width:100%;margin-top:14px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;font-family:var(--mono);font-size:26px;letter-spacing:.5em;text-align:center;text-indent:.5em}
.suppr-code:focus{outline:2px solid var(--acc);outline-offset:1px}
.suppr-renvoi{margin-top:10px;font-size:13px}
.suppr-precisions{box-sizing:border-box;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;font:inherit;font-size:14px;resize:vertical}
.suppr-erreur{margin-top:12px;font-size:13.5px;color:#B42318}

/* ── Pages de modification : une seule largeur ; le bouton « Enregistrer » aligné sur le bord droit du contenu et sur le titre ── */
body[data-shell="app"] #vue > .fiche-page,body[data-shell="app"] #vue > .ciblage-page,body[data-shell="app"] #vue > .fiche-corps{box-sizing:border-box;width:100% !important;max-width:1040px !important;margin-left:0 !important;margin-right:auto !important}
body[data-shell="app"] #vue > .fiche-page > .barre-enregistrer{top:8px !important;right:0 !important}
body[data-shell="app"] .barre-enregistrer .be-bouton{height:38px}

/* ── Prospects idéaux : une colonne, plus d'air ── */
body[data-shell="app"] .fiche-corps > .fiche-etape:has(.ideaux-liste) > header{display:flex !important}
body[data-shell="app"] .ideaux-liste{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
body[data-shell="app"] .ideaux-liste > .ideal{border-radius:16px !important;border-color:var(--line) !important;background:#fff;box-shadow:none !important;transition:border-color .2s,box-shadow .2s}
body[data-shell="app"] .ideaux-liste > .ideal:hover,body[data-shell="app"] .ideaux-liste > .ideal:focus-within{border-color:var(--line-2) !important;box-shadow:0 10px 26px -18px rgba(17,19,24,.28) !important}
body[data-shell="app"] .ideaux-liste .ideal-ligne{padding:20px 52px 18px 20px !important;gap:16px !important}
body[data-shell="app"] .ideaux-liste .ideal-titre{font-size:16px !important;line-height:1.45 !important}
body[data-shell="app"] .ideaux-liste .ideal-signal{margin-top:12px !important;font-size:13.5px !important}
body[data-shell="app"] .ideaux-liste .ideal-signal em{margin-bottom:3px;font-size:10px !important;letter-spacing:.14em;color:var(--faint) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{padding:12px 20px !important}
body[data-shell="app"] .ideaux-liste .ideal .puce-sup{opacity:.45}
body[data-shell="app"] .ideaux-liste .ideal:hover .puce-sup,body[data-shell="app"] .ideaux-liste .ideal:focus-within .puce-sup{opacity:1}
.ajout-ideal-repli{margin:0 0 18px}
.ajout-ideal-bouton{display:inline-flex;list-style:none;cursor:pointer}
.ajout-ideal-bouton::-webkit-details-marker{display:none}
.ajout-ideal-repli[open] > .ajout-ideal-bouton{margin-bottom:12px}
.ajout-ideal-repli .ajout-ideal{margin-top:0}

/* ── Zone de recherche : le radar « où Scopos cherche vos prospects » ── */
.zone-prevue{display:none !important}
.zone-radar{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:30px;align-items:center;margin:0 0 22px;padding:18px 28px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(2,181,142,.5),rgba(124,92,255,.4)) border-box;box-shadow:0 18px 36px -28px rgba(4,128,101,.5)}
.zr-visuel{border-radius:16px;background:radial-gradient(closest-side,#EEF9F5,#fff 80%)}
.zr-svg{display:block;width:100%;height:auto}
.zr-ring{fill:rgba(2,181,142,.03);stroke:#C9E9DF;stroke-width:1.4;stroke-dasharray:3 5;transition:fill .35s,stroke .35s}
.zr-axe{fill:none;stroke:#E1EDE8;stroke-width:1;stroke-dasharray:2 5}
.zr-lib{font:500 8px var(--mono);fill:#8FA39C;letter-spacing:.1em;text-transform:uppercase}
.zr-halo{fill:rgba(2,181,142,.22);transform-origin:180px 120px;animation:zr-pulse 2.8s ease-out infinite}
.zr-pin{fill:var(--acc);stroke:#fff;stroke-width:2.5}
.zr-vous{font:600 10px var(--sans);fill:var(--ink)}
@keyframes zr-pulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(2.8);opacity:0}}
@keyframes zr-onde{0%,100%{fill-opacity:.05}50%{fill-opacity:.14}}
@media (prefers-reduced-motion:reduce){.zr-halo,.zr-ring{animation:none !important}}
/* la zone choisie s'allume (le bouton radio coché pilote le dessin et les textes) */
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-ring{fill:rgba(2,181,142,.07);stroke:var(--acc-bright);stroke-dasharray:none;animation:zr-onde 3.2s ease-in-out infinite}
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-r2{animation-delay:.4s}
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-r3{animation-delay:.8s}
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-r4{animation-delay:1.2s}
.fiche-etape:has(input[name="zone"][value="proche"]:checked) .zr-r1,
.fiche-etape:has(input[name="zone"][value="departement"]:checked) .zr-r2,
.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-r3,
.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-r4{fill:rgba(2,181,142,.2);stroke:var(--acc);stroke-width:2;stroke-dasharray:none}
.fiche-etape:has(input[name="zone"][value="departement"]:checked) .zr-r1,
.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-r1,.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-r2,
.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-r1,.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-r2,.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-r3{fill:rgba(2,181,142,.1);stroke:var(--acc-bright);stroke-dasharray:none}
.fiche-etape:has(input[name="zone"][value="libre"]:checked) .zr-r2{fill:rgba(124,92,252,.1);stroke:#7C5CFC;stroke-width:2;stroke-dasharray:6 4}
.zr-m{display:none}
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-m[data-m="ia"],
.fiche-etape:has(input[name="zone"][value="proche"]:checked) .zr-m[data-m="proche"],
.fiche-etape:has(input[name="zone"][value="departement"]:checked) .zr-m[data-m="departement"],
.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-m[data-m="region"],
.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-m[data-m="france"],
.fiche-etape:has(input[name="zone"][value="libre"]:checked) .zr-m[data-m="libre"]{display:block}
.zr-texte small{display:flex;align-items:center;gap:8px;font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.zr-titre{margin:8px 0 0;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--ink)}
.zr-detail{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.zr-legende{display:block;margin-bottom:8px;font-size:12.5px;color:var(--muted)}
.zr-puces{display:flex;flex-wrap:wrap;gap:6px}
.zr-puce{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 12px var(--mono);color:var(--ink-2)}
.zr-puce.france{border-color:color-mix(in srgb,var(--acc) 30%,var(--line));background:var(--acc-soft);color:var(--acc);font-family:var(--sans)}
body[data-shell="app"] .zone-choix-grille{grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;gap:12px !important}
@media(max-width:760px){.zone-radar{grid-template-columns:1fr;gap:14px;padding:16px}}

/* ── Vue d'ensemble de « Mon ciblage » : le récapitulatif ── */
#apercu-ciblage .ens-groupe{margin:26px 0 12px}
.cib-plan{display:flex;gap:14px;margin-top:6px;padding:18px 22px;border:1px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(2,181,142,.5),rgba(124,92,255,.4)) border-box;box-shadow:0 18px 36px -28px rgba(4,128,101,.5)}
.cib-plan > svg{flex:none;width:18px;height:18px;margin-top:3px}
.cib-plan small{display:block;font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.cib-plan p{margin:6px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2)}
.cib-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}
.cib-kpi{position:relative;padding:16px 18px 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#F8FBFA)}
.cib-kpi::before{content:"";position:absolute;left:18px;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--acc-bright),#7C5CFC)}
.cib-kpi small{display:block;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cib-kpi b{display:block;margin-top:5px;font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.cib-kpi b em{font-style:normal;font-size:15px;font-weight:500;color:var(--faint)}
.cib-kpi span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.cib-liste{display:grid;gap:8px}
.cib-ligne{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.cib-ligne:hover{border-color:var(--acc);box-shadow:0 10px 22px -16px rgba(4,128,101,.5)}
.cib-ligne i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--acc-soft);color:var(--acc);font:600 13px var(--mono)}
.cib-titre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;color:var(--ink)}
.cib-n{flex:none;padding:3px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font:600 11.5px var(--mono)}
.cib-n.off{background:var(--bg-soft);color:var(--muted)}
.cib-fl{flex:none;color:var(--faint);transition:transform .2s,color .2s}
.cib-ligne:hover .cib-fl{transform:translateX(3px);color:var(--acc)}
.cib-sources{display:flex;flex-wrap:wrap;gap:8px}
.cib-source{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;color:var(--ink-2)}
.cib-source b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font:600 11.5px var(--mono)}
@media(max-width:760px){.cib-titre{white-space:normal}}

/* Prospects idéaux : une carte = un type de prospect, le détail est replié dessous */
body[data-shell="app"] .ideaux-liste .ideal-ligne{padding:18px 52px 14px 20px !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{padding:11px 20px !important;font-weight:500 !important;color:var(--ink-2) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary::before{color:var(--acc)}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary > span{flex:1}
body[data-shell="app"] .ideaux-liste .pistes-n{font-weight:600;color:var(--acc)}
.ideal-pistes > .ideal-signal{margin:4px 20px 0 !important;padding:12px 14px;border-radius:12px;background:var(--bg-soft)}
.ideal-pistes > .ideal-signal em{display:block;margin-bottom:3px;font-style:normal;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.ideal-pistes > .ideal-signal .ideal-evt,.ideal-pistes > .ideal-signal > span:not(.ideal-evt){font-size:14px;color:var(--ink)}
.ideal-sous{margin:16px 20px 6px;font-size:12.5px;font-weight:600;color:var(--muted)}

/* Rayon réglable autour de chez soi */
.zr-rayon{display:flex;align-items:center;gap:14px;margin-top:12px}
.zr-rayon input[type=range]{flex:1;min-width:140px;accent-color:var(--acc)}
.zr-rayon output{flex:none;min-width:64px;padding:4px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font:600 13px var(--mono);text-align:center}

/* Prospects idéaux : une ligne par prospect, le détail se déplie (le résumé des pistes vit à droite de la ligne) */
body[data-shell="app"] .ideaux-liste > .ideal{position:relative}
body[data-shell="app"] .ideaux-liste .ideal-ligne{padding:16px 214px 16px 20px !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes{border-top:0 !important;background:none !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes[open]{border-top:1px solid var(--line) !important;padding-top:6px;background:var(--bg-soft) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{position:absolute;top:13px;right:46px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px !important;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px !important;color:var(--acc) !important;cursor:pointer}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary:hover{border-color:var(--acc);background:var(--acc-soft) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary > span{display:none}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary::before{display:none}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary::after{content:"";width:6px;height:6px;margin:-2px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
body[data-shell="app"] .ideaux-liste .ideal-pistes[open] > summary::after{transform:rotate(-135deg);margin-top:3px}
body[data-shell="app"] .ideaux-liste .pistes-n{padding:0;background:none;font-size:12.5px;font-weight:600;color:var(--acc)}
body[data-shell="app"] .ideaux-liste .ideal.marches .ideal-pistes > summary{right:88px}
body[data-shell="app"] .ideaux-liste .ideal.marches .ideal-ligne{padding-right:250px !important}
@media(max-width:760px){
  body[data-shell="app"] .ideaux-liste .ideal-ligne{padding-right:48px !important}
  body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{position:static;margin:0 20px 14px;width:fit-content}
  body[data-shell="app"] .ideaux-liste .ideal.marches .ideal-ligne{padding-right:84px !important}
}

/* ── Zone de recherche : radar vivant, cartes à icônes ── */
body[data-shell="app"] .zone-radar{grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:36px;padding:22px 32px;border-radius:24px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(2,181,142,.55),rgba(124,92,255,.45)) border-box;box-shadow:0 26px 48px -32px rgba(4,128,101,.55)}
body[data-shell="app"] .zr-visuel{border-radius:20px;background:radial-gradient(closest-side,#E7F8F2,#fff 82%)}
.zr-sweep{transform-origin:180px 120px;animation:zr-tour 7s linear infinite}
@keyframes zr-tour{to{transform:rotate(360deg)}}
.zr-b{display:none;fill:#02B58E;animation:zr-point 3.4s ease-in-out infinite}
.zr-b:nth-child(2n){animation-delay:.9s}.zr-b:nth-child(3n){animation-delay:1.7s}.zr-b:nth-child(5n){animation-delay:2.4s}
@keyframes zr-point{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.zr-b{transform-box:fill-box;transform-origin:center}
/* les points ne apparaissent que dans les cercles de la zone choisie */
.fiche-etape:has(input[name="zone"][value="ia"]:checked) .zr-b,
.fiche-etape:has(input[name="zone"][value="france"]:checked) .zr-b,
.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-b1,.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-b2,.fiche-etape:has(input[name="zone"][value="region"]:checked) .zr-b3,
.fiche-etape:has(input[name="zone"][value="departement"]:checked) .zr-b1,.fiche-etape:has(input[name="zone"][value="departement"]:checked) .zr-b2,
.fiche-etape:has(input[name="zone"][value="proche"]:checked) .zr-b1,
.fiche-etape:has(input[name="zone"][value="libre"]:checked) .zr-b1,.fiche-etape:has(input[name="zone"][value="libre"]:checked) .zr-b2{display:block}
@media (prefers-reduced-motion:reduce){.zr-sweep,.zr-b{animation:none !important}}
body[data-shell="app"] .zr-titre{font-size:26px}
body[data-shell="app"] .zr-detail{font-size:15px}
/* les cartes de choix */
body[data-shell="app"] .zone-choix-grille{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}
body[data-shell="app"] .zone-carte{display:flex !important;flex-direction:column;align-items:flex-start;gap:4px !important;padding:18px 18px 16px !important;border:1.5px solid var(--line) !important;border-radius:16px !important;background:#fff !important;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
body[data-shell="app"] .zone-carte::before{left:auto !important;right:16px;top:16px !important;width:20px !important;height:20px !important}
body[data-shell="app"] .zone-choix:hover .zone-carte{border-color:var(--acc-bright) !important;transform:translateY(-1px)}
body[data-shell="app"] .zone-choix input:checked + .zone-carte{border-color:var(--acc) !important;background:linear-gradient(160deg,#F2FCF8,#fff 70%) !important;box-shadow:0 14px 30px -22px rgba(4,128,101,.6) !important}
.zone-ico{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:13px;background:var(--bg-soft);color:var(--muted);transition:background .2s,color .2s}
.zone-choix input:checked + .zone-carte .zone-ico{background:var(--acc-soft);color:var(--acc)}
.zone-reco{position:absolute;top:18px;right:46px;padding:2px 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-style:normal;font-size:11.5px;font-weight:600}
body[data-shell="app"] .zone-carte b{font-size:15.5px !important}
@media(max-width:900px){body[data-shell="app"] .zone-choix-grille{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){body[data-shell="app"] .zone-choix-grille{grid-template-columns:1fr !important}body[data-shell="app"] .zone-radar{grid-template-columns:1fr;gap:16px;padding:16px}}

/* ── Finitions « IA » : violet léger pour ce que Scopos recommande ── */
.zone-reco{background:#F1ECFF !important;color:#5B3FD6 !important}
.zone-choix input[value="ia"] + .zone-carte .zone-ico{background:#F1ECFF;color:#6B4FE0}
.zone-choix input[value="ia"]:not(:checked) + .zone-carte{border-color:#E6DFFB !important;background:linear-gradient(160deg,#FBFAFF,#fff 70%) !important}
.zr-texte small{color:#5B3FD6}
.zr-texte small svg{color:#7C5CFC}

/* À découvrir : l'état de la veille sous le titre, et la barre d'outils en verre */
.ia-statut{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:5px 13px;border:1px solid #E3DBFF;border-radius:999px;background:#F7F4FF;font:500 11.5px var(--mono);letter-spacing:.04em;color:#5B3FD6}
.ia-statut i{width:7px;height:7px;border-radius:50%;background:#7C5CFC;animation:ia-pouls 2.2s ease-out infinite}
@keyframes ia-pouls{0%{box-shadow:0 0 0 0 rgba(124,92,252,.5)}70%,100%{box-shadow:0 0 0 8px rgba(124,92,252,0)}}
@media (prefers-reduced-motion:reduce){.ia-statut i{animation:none}}
body[data-shell="app"] .filtres-ligne{align-items:center;gap:10px;margin:0 0 22px;padding:10px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#F9FBFA);box-shadow:var(--ombre)}
body[data-shell="app"] .filtres-ligne .reglage > summary{border-color:transparent !important;background:var(--bg-soft) !important;border-radius:14px !important;transition:background .2s,box-shadow .2s}
body[data-shell="app"] .filtres-ligne .reglage > summary:hover{background:#fff !important;box-shadow:0 0 0 1px var(--line-2)}
body[data-shell="app"] .filtres-ligne .reglage > summary > small{background:#F1ECFF;color:#5B3FD6}
body[data-shell="app"] #actualiser{height:46px;border-radius:14px;border-color:#E3DBFF;background:#F7F4FF;color:#5B3FD6;font-weight:600;transition:background .2s,box-shadow .2s}
body[data-shell="app"] #actualiser:hover{background:#fff;box-shadow:0 0 0 1px #CFC2FF,0 10px 22px -14px rgba(124,92,252,.6)}
body[data-shell="app"] #actualiser svg{color:#7C5CFC;transition:transform .5s}
body[data-shell="app"] #actualiser:hover svg{transform:rotate(180deg)}

/* Prospects idéaux : bandeau « Scopos suit… », lignes plus techniques */
.ideaux-barre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.ideaux-ia{display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px;border:1px solid #E6DFFB;border-radius:14px;background:linear-gradient(120deg,#F7F4FF,#fff);font-size:13.5px;color:var(--ink-2)}
.ideaux-ia svg{flex:none;width:16px;height:16px;color:#7C5CFC}
.ideaux-ia b{font-weight:600;color:var(--ink)}
.ideaux-barre .ajout-ideal-repli{margin:0}
.ideaux-barre .ajout-ideal-repli[open]{flex:1 1 100%}
body[data-shell="app"] .ideaux-liste > .ideal::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#02B58E,#7C5CFC);opacity:0;transition:opacity .2s}
body[data-shell="app"] .ideaux-liste > .ideal:hover::after,body[data-shell="app"] .ideaux-liste > .ideal:has(.ideal-pistes[open])::after{opacity:1}
body[data-shell="app"] .ideaux-liste .ideal-ligne::before{background:linear-gradient(145deg,#E4F6F1,#F1ECFF) !important;color:#036A52 !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{border-color:#E6DFFB !important;background:#FBFAFF !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary:hover{border-color:#B9A6FF !important;background:#F4F0FF !important}
body[data-shell="app"] .ideaux-liste .pistes-n{color:#5B3FD6 !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > summary{color:#5B3FD6 !important}

/* ── Prospects idéaux : le détail ouvert, sobre et régulier ── */
body[data-shell="app"] .ideaux-liste .ideal-pistes[open]{background:none !important;padding:4px 0 6px;border-top:1px solid var(--line) !important}
body[data-shell="app"] .ideaux-liste .ideal-sous{display:none}
body[data-shell="app"] .ideaux-liste .ideal-pistes > .ideal-signal{display:block;margin:10px 20px 2px !important;padding:0 !important;background:none !important;font-size:13.5px !important;line-height:1.5;color:var(--ink-2) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > .ideal-signal em{display:inline !important;margin:0 !important;font:inherit !important;letter-spacing:0 !important;text-transform:none !important;color:var(--faint) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes > .ideal-signal em::after{content:" : "}
body[data-shell="app"] .ideaux-liste .ideal-pistes > .ideal-signal span{display:inline;font-size:13.5px !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angles{display:grid;gap:2px;margin:0 !important;padding:6px 10px 2px !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle{display:flex;align-items:center;gap:12px;padding:8px 10px !important;border:0 !important;border-radius:10px !important;background:none !important;box-shadow:none !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle:hover{background:var(--bg-soft) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-corps{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-titre{flex:1;min-width:0;font-size:14px !important;font-weight:500 !important;line-height:1.4}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-meta{flex:none;margin:0 !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-meta .angle-chip:not(.src){display:none}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-meta .angle-chip{border-color:transparent;background:var(--bg-soft);color:var(--muted);font-size:11.5px}
body[data-shell="app"] .ideaux-liste .ideal-pistes .angle-pourquoi{display:none}
body[data-shell="app"] .ideaux-liste .ideal-pistes .ajout-cible{display:block;width:calc(100% - 20px) !important;margin:2px 10px 6px !important;padding:8px 10px !important;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;font:inherit;font-size:13.5px !important;font-weight:500 !important;color:var(--muted) !important}
body[data-shell="app"] .ideaux-liste .ideal-pistes .ajout-cible::placeholder{color:var(--muted)}
body[data-shell="app"] .ideaux-liste .ideal-pistes .ajout-cible:hover,body[data-shell="app"] .ideaux-liste .ideal-pistes .ajout-cible:focus{background:var(--bg-soft) !important;color:var(--ink) !important;outline:none}

.ideaux-ia{display:none}
.ideaux-barre{justify-content:flex-start}

/* « + Ajouter un prospect idéal » : le bouton principal de la page */
body[data-shell="app"] .ajout-ideal-repli > summary.ajout-ideal-bouton{height:42px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#06A87E,#048065);color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 22px -14px rgba(4,128,101,.9);transition:transform .2s,box-shadow .2s}
body[data-shell="app"] .ajout-ideal-repli > summary.ajout-ideal-bouton:hover{transform:translateY(-1px);box-shadow:0 16px 26px -14px rgba(4,128,101,.95)}
body[data-shell="app"] .ajout-ideal-repli[open] > summary.ajout-ideal-bouton{background:#fff;color:var(--ink-2);box-shadow:0 0 0 1px var(--line-2)}


/* Le repère de pistes : un chiffre seul, sobre */
body[data-shell="app"] .ideaux-liste .pistes-n{min-width:10px;text-align:center}
.cib-n{min-width:26px;padding:3px 9px;text-align:center}

/* Vue d'ensemble de « Mon ciblage » : aérée, blocs repliés */
#vue[data-vue-ciblage="1"] #apercu-ciblage{display:grid;gap:22px}
#apercu-ciblage > header{margin:0}
#apercu-ciblage .cib-plan{margin-top:0}
#apercu-ciblage .cib-kpis{margin-top:0;gap:14px}
#apercu-ciblage .cib-kpi{padding:18px 20px 16px}
.cib-bloc{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:box-shadow .2s}
.cib-bloc:hover{box-shadow:0 10px 24px -20px rgba(17,19,24,.35)}
.cib-bloc > summary{display:flex;align-items:center;gap:12px;padding:16px 20px;list-style:none;cursor:pointer}
.cib-bloc > summary::-webkit-details-marker{display:none}
.cib-bloc > summary b{flex:1;font-size:15.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.cib-bloc > summary em{padding:3px 10px;border-radius:999px;background:#F1ECFF;color:#5B3FD6;font:600 12px var(--mono);font-style:normal}
.cib-bloc > summary svg{flex:none;color:var(--muted);transition:transform .25s var(--doux)}
.cib-bloc[open] > summary{border-bottom:1px solid var(--line)}
.cib-bloc[open] > summary svg{transform:rotate(180deg)}
.cib-bloc > .cib-liste,.cib-bloc > .cib-sources{padding:16px 20px 20px}
#apercu-ciblage .ens-groupe{margin:6px 0 -6px}

/* ── Vue d'ensemble de « Mon entreprise » ── */
#vue[data-vue-entreprise="1"] #apercu-entreprise{display:grid;gap:22px}
#apercu-entreprise > header{margin:0}
.ent-hero{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(2,181,142,.55),rgba(124,92,255,.45)) border-box;box-shadow:0 22px 44px -32px rgba(4,128,101,.55)}
.ent-hero > svg{flex:none;align-self:flex-start;width:18px;height:18px;margin-top:3px;color:#7C5CFC}
.ent-hero-texte{flex:1;min-width:0}
.ent-hero-texte small{display:block;font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#5B3FD6}
.ent-hero-texte p{margin:6px 0 0;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.ent-score{flex:none;position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--acc-bright) calc(var(--p) * 1%),#E9EEF1 0)}
.ent-score::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.ent-score b{position:relative;margin-top:-6px;font-size:21px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}
.ent-score b small{margin-left:1px;font-size:12px;font-weight:600;color:var(--muted)}
.ent-score span{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:500 8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ent-liste{display:grid;gap:10px}
.ent-ligne{display:flex;align-items:center;gap:16px;width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.ent-ligne:hover{border-color:var(--acc);box-shadow:0 14px 28px -22px rgba(4,128,101,.6);transform:translateY(-1px)}
.ent-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--acc-soft),#F1ECFF);color:var(--acc)}
.ent-ico svg{width:20px;height:20px}
.ent-texte{flex:1;min-width:0;display:grid;gap:2px}
.ent-texte b{font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.ent-texte small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--muted)}
.ent-etat{flex:none;padding:3px 11px;border-radius:999px;font:600 12px var(--mono)}
.ent-etat.ok{background:var(--acc-soft);color:var(--acc)}
.ent-etat.manque{background:var(--warn-soft);color:var(--warn)}
.ent-etat.fac{background:#F1ECFF;color:#5B3FD6}
.ent-ligne > i{flex:none;font-style:normal;color:var(--faint);transition:transform .2s,color .2s}
.ent-ligne:hover > i{transform:translateX(3px);color:var(--acc)}
@media(max-width:760px){.ent-hero{flex-wrap:wrap}.ent-texte small{white-space:normal}}

/* « Ce que Scopos a compris » : le bloc IA, violet léger */
body[data-shell="app"] .ens-compris{position:relative;overflow:hidden;gap:16px;padding:20px 24px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,252,.5),rgba(2,181,142,.35)) border-box;box-shadow:0 22px 44px -32px rgba(124,92,252,.55)}
body[data-shell="app"] .ens-compris::before{display:none}
body[data-shell="app"] .ens-compris::after{content:"";position:absolute;right:-60px;top:-70px;width:240px;height:200px;background:radial-gradient(closest-side,rgba(124,92,252,.14),transparent 72%);pointer-events:none}
body[data-shell="app"] .ens-compris > svg{flex:none;width:20px;height:20px;margin-top:2px;color:#7C5CFC}
body[data-shell="app"] .ens-compris small{font-size:10.5px;letter-spacing:.16em;color:#5B3FD6}
body[data-shell="app"] .ens-compris .ens-lead{margin:8px 0 0;font-size:17px;font-weight:500;line-height:1.55;letter-spacing:-.01em;color:var(--ink)}
body[data-shell="app"] .ens-compris .ens-suite-texte{margin:10px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2)}
.ens-plus{display:inline-block;margin-top:10px;padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#5B3FD6;cursor:pointer}
.ens-plus:hover{text-decoration:underline}

/* Bouton « Haut de liste » */
#haut-liste{position:fixed;right:24px;bottom:96px;z-index:60;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 13px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--ombre-haute);font:600 13.5px var(--sans);color:var(--ink-2);cursor:pointer;transition:transform .2s,border-color .2s,color .2s}
#haut-liste:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-2px)}
#haut-liste[hidden]{display:none}
@media(max-width:760px){#haut-liste{right:14px;bottom:88px;height:38px;padding:0 12px}#haut-liste span{display:none}}

/* Boutons flottants violets de « À découvrir » : au-dessus de la barre de sélection quand elle est là */
#actions-flottantes{position:fixed;left:calc(50% + 122px);bottom:24px;z-index:58;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);transition:bottom .35s var(--doux)}
#actions-flottantes[hidden]{display:none}
body:has(.barre.visible) #actions-flottantes{bottom:112px}
@media(max-width:900px){#actions-flottantes{left:50%}body:has(.barre.visible) #actions-flottantes{bottom:92px}}
.ia-pilule{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 18px 0 14px;border:1px solid #E3DBFF;border-radius:999px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 28px -16px rgba(91,63,214,.55);font:600 14px var(--sans);color:#5B3FD6;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.ia-pilule svg{flex:none;width:15px;height:15px;color:#7C5CFC}
.ia-pilule:hover{transform:translateY(-2px);box-shadow:0 18px 30px -16px rgba(91,63,214,.7);background:#fff}
.ia-pilule[hidden]{display:none}
.ia-pilule.forte{border-color:transparent;background:linear-gradient(135deg,#7C5CFC,#5B3FD6);color:#fff;box-shadow:0 16px 30px -14px rgba(91,63,214,.8)}
.ia-pilule.forte svg{color:#fff}
.ia-pilule.forte:hover{background:linear-gradient(135deg,#8A6DFF,#6849E0)}
.ia-pilule:disabled{opacity:.6;cursor:default;transform:none}
/* Haut de liste : à droite, hors du chemin des boutons flottants */
#haut-liste{bottom:104px}
/* En haut des pages de modification : l'état de l'enregistrement, et la nouvelle recherche quand il y a des modifications */
.barre-enregistrer.auto{display:flex;align-items:center;gap:14px}
.barre-enregistrer.auto .be-auto{display:inline-flex !important;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.barre-enregistrer.auto .be-auto::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc-bright)}
.barre-enregistrer.auto.actif .be-auto::before{background:#7C5CFC;animation:ia-pouls 1.4s ease-out infinite}
.barre-enregistrer.auto.erreur .be-auto{color:#B42318}
.barre-enregistrer.auto.erreur .be-auto::before{background:#B42318}
.be-relancer{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;border:0;border-radius:12px;background:linear-gradient(135deg,#7C5CFC,#5B3FD6);color:#fff;font:600 13.5px var(--sans);cursor:pointer;box-shadow:0 12px 22px -14px rgba(91,63,214,.8);transition:transform .2s}
.be-relancer svg{width:14px;height:14px;color:#fff}
.be-relancer:hover{transform:translateY(-1px)}
.be-relancer[hidden]{display:none}

/* Pied de « Mon compte » : « Supprimer mon compte » discret, gris léger, sous les autres */
.cpt-pied .lien-discret{margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:400;color:var(--faint);cursor:pointer}
.cpt-pied .lien-discret:hover{color:var(--muted);text-decoration:underline}

/* « 10 de plus » : le bouton principal de À découvrir, gros et bien visible */
#actions-flottantes #suite.ia-pilule{height:56px;padding:0 28px 0 22px;gap:11px;border:0;border-radius:999px;background:linear-gradient(135deg,#8A6DFF,#5B3FD6);color:#fff;font-size:16.5px;font-weight:700;letter-spacing:-.01em;box-shadow:0 22px 40px -16px rgba(91,63,214,.85),0 0 0 6px rgba(124,92,252,.14)}
#actions-flottantes #suite.ia-pilule svg{width:19px;height:19px;color:#fff}
#actions-flottantes #suite.ia-pilule:hover{background:linear-gradient(135deg,#9A7FFF,#6849E0);box-shadow:0 26px 44px -16px rgba(91,63,214,.95),0 0 0 8px rgba(124,92,252,.18)}
#actions-flottantes #appliquer-modifs.ia-pilule{height:46px;font-size:14.5px;background:linear-gradient(135deg,#3D2A9E,#2D1F7A)}
body:has(.barre.visible) #actions-flottantes{bottom:118px}

/* « Lancer une nouvelle recherche » : en haut à droite de la liste, violet */
.relancer-haut{position:relative;display:inline-flex;align-items:center;gap:9px;height:46px;margin-left:auto;padding:0 18px 0 14px;border:0;border-radius:14px;background:linear-gradient(135deg,#8A6DFF,#5B3FD6);color:#fff;font:600 14.5px var(--sans);cursor:pointer;box-shadow:0 14px 26px -14px rgba(91,63,214,.85);transition:transform .2s,box-shadow .2s}
.relancer-haut svg{flex:none;width:16px;height:16px;color:#fff}
.relancer-haut:hover{transform:translateY(-1px);box-shadow:0 18px 30px -14px rgba(91,63,214,.95)}
.relancer-haut[hidden]{display:none}
.relancer-point{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#F5B700;border:2px solid #fff}
.relancer-point[hidden]{display:none}
@media(max-width:760px){.relancer-haut span{display:none}.relancer-haut{padding:0 14px}}

/* Le bouton est dans le titre : en haut à droite, au-dessus des filtres */
.page-titre{position:relative}
.page-titre .relancer-haut{position:absolute;top:2px;right:0;margin:0}
@media(max-width:760px){.page-titre .relancer-haut{top:0}}

.relancer-point{display:none !important}

/* ── Mon entreprise › parties : le langage de la vue d'ensemble ── */
/* le texte principal : une carte IA, bordure violet léger */
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-fiche{position:relative;padding:20px 24px 22px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,252,.5),rgba(2,181,142,.35)) border-box;box-shadow:0 22px 44px -32px rgba(124,92,252,.5)}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-tete label{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#5B3FD6}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-titre small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .phrase-cle{font-size:17px !important;font-weight:600 !important;letter-spacing:-.01em;line-height:1.5}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-lecture{font-size:15px !important;line-height:1.7;color:var(--ink-2)}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-edit{border-color:#E3DBFF;background:#F7F4FF;color:#5B3FD6}
body[data-shell="app"] .fiche-corps .fiche-lead-zone .champ-edit:hover{background:#fff;border-color:#B9A6FF}
/* les listes : une colonne de cartes */
body[data-shell="app"] .fiche-corps .fiche-listes{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:16px !important;margin:0 !important}
body[data-shell="app"] .fiche-corps .fiche-listes > .champ-fiche{padding:18px 20px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--ombre)}
body[data-shell="app"] .fiche-corps .fiche-listes .champ-tete{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
body[data-shell="app"] .fiche-corps .fiche-listes .champ-tete .champ-titre{flex:1;min-width:0}
body[data-shell="app"] .fiche-corps .fiche-listes .champ-tete[data-n]::after{content:attr(data-n);flex:none;padding:3px 10px;border-radius:999px;background:#F1ECFF;color:#5B3FD6;font:600 12px var(--mono)}
/* les éléments : des lignes régulières, qu'ils soient des puces ou des lignes */
body[data-shell="app"] .fiche-corps .puces-edit,body[data-shell="app"] .fiche-corps .lignes-edit{display:flex !important;flex-direction:column;gap:8px}
body[data-shell="app"] .fiche-corps .puce-edit{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px;line-height:1.5}
body[data-shell="app"] .fiche-corps .puce-edit::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc)}
body[data-shell="app"] .fiche-corps .puce-edit .puce-texte{flex:1;min-width:0}
body[data-shell="app"] .fiche-corps .puce-edit .puce-sup{margin-left:auto}
/* « + Ajouter » : discret */
body[data-shell="app"] .fiche-corps .puce-ajout,body[data-shell="app"] .fiche-corps .ligne-ajout{box-sizing:border-box;width:100%;padding:10px 14px;border:1px dashed var(--line-2);border-radius:12px;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--acc)}
body[data-shell="app"] .fiche-corps .puce-ajout::placeholder{color:var(--acc);opacity:.85}
body[data-shell="app"] .fiche-corps .puce-ajout:hover,body[data-shell="app"] .fiche-corps .puce-ajout:focus{border-color:var(--acc);background:var(--acc-soft);outline:none}
body[data-shell="app"] .fiche-corps .ligne-ajout{padding:0;border:0}
body[data-shell="app"] .fiche-corps .voir-plus{margin-top:6px;font-size:13px;font-weight:600;color:var(--acc)}
/* téléphone : l'état de l'enregistrement ne recouvre plus le titre */
@media(max-width:760px){body[data-shell="app"] #vue > .fiche-page > .barre-enregistrer{position:static !important;display:flex;justify-content:flex-end;margin:6px 0 0}}

/* Pendant une recherche : les boutons restent, calmes, et mènent à la progression */
.relancer-haut.en-cours{background:#F7F4FF;color:#5B3FD6;box-shadow:0 0 0 1px #E3DBFF}
.relancer-haut.en-cours svg{color:#7C5CFC;animation:ia-tourne 2.4s linear infinite}
#actions-flottantes #suite.ia-pilule.en-cours{background:#F7F4FF;color:#5B3FD6;box-shadow:0 14px 28px -18px rgba(91,63,214,.5),0 0 0 1px #E3DBFF}
#actions-flottantes #suite.ia-pilule.en-cours svg{color:#7C5CFC;animation:ia-tourne 2.4s linear infinite}
@keyframes ia-tourne{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.relancer-haut.en-cours svg,#suite.en-cours svg{animation:none !important}}

/* Bandeau « Recherche en cours » de la vue d'ensemble : l'orbe garde sa taille (elle était étirée par la règle des textes) */
body[data-shell="app"] .ens-suite > .orbe{flex:none;display:inline-grid;width:34px;height:34px;margin:0}
body[data-shell="app"] .ens-suite > .orbe .etincelle{width:14px;height:14px}
body[data-shell="app"] .ens-suite > span:not(.orbe){flex:1;min-width:0}

/* « 10 de plus » : de la même famille que « + Ajouter un prospect idéal » (rectangle arrondi, dégradé, ombre douce), en violet */
#actions-flottantes #suite.ia-pilule{height:50px;padding:0 22px 0 18px;gap:10px;border-radius:14px;font-size:15px;font-weight:600;letter-spacing:0;background:linear-gradient(135deg,#7C5CFC,#5B3FD6);box-shadow:0 12px 22px -14px rgba(91,63,214,.9)}
#actions-flottantes #suite.ia-pilule svg{width:17px;height:17px}
#actions-flottantes #suite.ia-pilule:hover{background:linear-gradient(135deg,#7C5CFC,#5B3FD6);transform:translateY(-1px);box-shadow:0 16px 26px -14px rgba(91,63,214,.95)}
#actions-flottantes #suite.ia-pilule.en-cours{background:#F7F4FF;color:#5B3FD6;box-shadow:0 0 0 1px #E3DBFF}

/* « 10 de plus » : noir, le même dessin que les boutons principaux de l'application */
#actions-flottantes #suite.ia-pilule{background:var(--ink);color:#fff;border:0;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 10px 22px -10px rgba(17,19,24,.6)}
#actions-flottantes #suite.ia-pilule svg{color:#B9A6FF}
#actions-flottantes #suite.ia-pilule:hover{background:var(--ink);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 16px 28px -12px rgba(17,19,24,.65)}
#actions-flottantes #suite.ia-pilule.en-cours{background:#F7F4FF;color:#5B3FD6;box-shadow:0 0 0 1px #E3DBFF}
#actions-flottantes #suite.ia-pilule.en-cours svg{color:#7C5CFC}

/* Numéros à trois ou quatre chiffres : réduits pour rester dans le rond */
.anneau.numero > b[data-len="3"]{transform:translate(0,-1px) scale(.74) !important;letter-spacing:-.04em !important}
.anneau.numero > b[data-len="4"]{transform:translate(0,-1px) scale(.58) !important;letter-spacing:-.05em !important}
.anneau b[data-len="3"]:not(.numero b){font-size:.8em}

/* « 10 de plus » : plus grand */
#actions-flottantes #suite.ia-pilule{height:64px;padding:0 36px 0 28px;gap:13px;border-radius:18px;font-size:19px;font-weight:700;letter-spacing:-.01em}
#actions-flottantes #suite.ia-pilule svg{width:22px;height:22px}
#actions-flottantes #suite.ia-pilule.en-cours{height:54px;padding:0 26px 0 20px;font-size:16px;font-weight:600}
@media(max-width:760px){#actions-flottantes #suite.ia-pilule{height:56px;padding:0 26px 0 20px;font-size:17px}}

/* Numéros dans les ronds : centre du dessin du chiffre = centre du rond (décalages --dx / --dy mesurés en JavaScript) */
.anneau b{transform:translate(var(--dx,0px),var(--dy,0px))}
.anneau.numero > b{transform:translate(var(--dx,0px),var(--dy,0px)) !important}
.anneau.numero > b[data-len="3"]{transform:translate(calc(var(--dx,0px) * .74),calc(var(--dy,0px) * .74)) scale(.74) !important}
.anneau.numero > b[data-len="4"]{transform:translate(calc(var(--dx,0px) * .58),calc(var(--dy,0px) * .58)) scale(.58) !important}

/* ── Parrainage par niveaux (Mon compte) ── */
.pr-carte{padding:22px;border:1px solid #E4DEFB;border-radius:18px;background:linear-gradient(160deg,#fff 0%,#F7F5FF 100%);box-shadow:var(--ombre)}
.pr-tete{display:flex;align-items:center;gap:14px}
.pr-tete b{display:block;font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.pr-tete small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.pr-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#8B6DFF,#5B3FD0);color:#fff;font-size:19px;font-weight:700;box-shadow:0 8px 18px -8px rgba(91,63,208,.55)}
.pr-badge.vide{background:#EEE9FF;color:#9A8AD8;box-shadow:none}
.pr-prog{margin-top:18px}
.pr-barre{display:block;height:8px;border-radius:99px;background:#ECE8FB;overflow:hidden}
.pr-barre i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7C5CFF,#5B3FD0)}
.pr-prog small,.pr-note{display:block;margin-top:9px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.pr-note{margin:16px 0 0}
.pr-regle{margin:18px 0 0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.pr-lien{margin-top:12px}
.pr-bonus{margin:14px 0 0;padding:10px 13px;border-radius:12px;background:#EEE9FF;font-size:13px;color:#4A33B0}
.pr-paliers{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #E4DEFB;display:grid;gap:12px}
.pr-palier{display:flex;align-items:center;gap:12px;color:var(--muted)}
.pr-palier i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid #D8D1F5;font-style:normal;font-size:12px;font-weight:700;color:#9A8AD8;background:#fff}
.pr-palier b{display:block;font-size:14px;font-weight:600;color:var(--ink-2)}
.pr-palier small{display:block;font-size:12.5px}
.pr-palier.fait i{border-color:transparent;background:#7C5CFF;color:#fff}
.pr-palier.fait b{color:var(--ink)}
.pr-palier.actuel b::after{content:"Votre niveau";margin-left:8px;padding:2px 8px;border-radius:99px;background:#EEE9FF;color:#5B3FD0;font-size:11px;font-weight:600}
@media (max-width:640px){.pr-carte{padding:18px}}

/* ── Encart Recommander : ligne de niveau + info ── */
.reco-niv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.reco-niv b{font-weight:600;color:#5B3FD0}
.reco-info{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1.5px solid #CFC5F5;border-radius:50%;background:#fff;color:#5B3FD0;font:italic 700 12px/1 Georgia,serif;cursor:pointer;transition:background .15s,color .15s}
.reco-info:hover{background:#5B3FD0;color:#fff;border-color:#5B3FD0}
.pr-paliers.pr-modale{margin:16px 0 4px;padding:14px 0 0}

/* ── Mon compte : rappel du statut de parrainage ── */
.cpt-statut{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 6px 5px 10px;border:1px solid #DDD5F8;border-radius:99px;background:#F4F1FF;color:#5B3FD0;font:inherit;font-size:12.5px;cursor:pointer;max-width:100%;transition:background .15s,border-color .15s}
.cpt-statut:hover{background:#EBE5FF;border-color:#C9BEF3}
.cpt-statut b{font-weight:700}
.cpt-statut span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpt-statut svg{flex:none}
.cpt-statut i{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #CFC5F5;font:italic 700 11px/1 Georgia,serif;color:#5B3FD0}
.cpt-statut.vide b{font-weight:600}

/* ── Ambassadeur : couronne premium, rappel de Mon compte, encart Recommander, fenêtre ── */
.amb-ico{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#A890FF 0%,#6D4AE8 55%,#4B2FC0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 18px -8px rgba(91,63,208,.65)}
.amb-ico::after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE89A,#F5B700 70%);box-shadow:0 0 0 2px #fff,0 0 10px rgba(245,183,0,.6)}
.amb-ico.petit{width:26px;height:26px;border-radius:9px}
.amb-ico.petit svg{width:14px;height:14px}
.amb-ico.petit::after{width:7px;height:7px;right:-2px;top:-2px}
.amb-ico.grand{width:48px;height:48px;border-radius:16px}
.amb-ico.grand svg{width:23px;height:23px}
.amb-ico.grand::after{width:11px;height:11px}
.cpt-ambassadeur{display:inline-flex;align-items:center;gap:12px;margin-top:12px;max-width:100%;padding:8px 14px 8px 8px;border:1.5px solid transparent;border-radius:18px;background:linear-gradient(#FFFFFF,#FBF9FF) padding-box,linear-gradient(120deg,#9B82FF,#F5B700) border-box;box-shadow:0 10px 26px -14px rgba(91,63,208,.55);font:inherit;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s}
.cpt-ambassadeur:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(91,63,208,.7)}
.amb-txt{display:block;min-width:0}
.amb-txt b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.amb-txt small{display:block;margin-top:1px;font-size:12.5px;color:var(--muted);line-height:1.35}
.cpt-ambassadeur i,.reco-devenir i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#F1EDFF;border:1px solid #CFC5F5;font:italic 700 11.5px/1 Georgia,serif;color:#5B3FD0}
.cpt-statut{padding-left:6px}
.reco-devenir{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px 7px 7px;border:1.5px solid transparent;border-radius:13px;background:linear-gradient(#FFFFFF,#FBF9FF) padding-box,linear-gradient(120deg,#9B82FF,#F5B700) border-box;font:inherit;font-size:13px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .18s}
.reco-devenir span{flex:1;min-width:0}
.reco-devenir:hover{box-shadow:0 8px 20px -12px rgba(91,63,208,.7)}
.reco-niv:has(.reco-devenir){padding-top:0;border-top:0;margin-top:12px}
.amb-hero{display:flex;align-items:center;gap:14px;margin:2px 36px 14px 0}
.amb-hero .label{margin:0 0 4px}
.amb-hero h2{margin:0;font-size:21px;line-height:1.2}

/* ── Statut + barre de progression (dès 1 filleul) ── */
.st-barre{display:block;height:6px;border-radius:99px;background:#ECE8FB;overflow:hidden}
.st-barre i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9B82FF,#5B3FD0 70%,#F5B700)}
.cpt-statut{align-items:center;gap:10px;padding:9px 10px 9px 9px;border-radius:16px;text-align:left;min-width:min(100%,300px)}
.cpt-statut .st-corps{display:grid;gap:6px;flex:1;min-width:0}
.cpt-statut .st-ligne{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
.cpt-statut .st-ligne b{font-size:14px}
.cpt-statut small{font-size:12px;color:var(--ink-2);line-height:1.35}
.cpt-statut .st-i{flex:none}
.reco-niv.col{display:grid;gap:8px}
.reco-niv-l{display:flex;align-items:center;justify-content:space-between;gap:10px}
.reco-prog{font-size:12px;line-height:1.4;color:var(--ink-2)}
.cpt-statut .st-corps,.cpt-statut .st-ligne{white-space:normal;overflow:visible;text-overflow:clip}
.cpt-statut .st-barre i{display:block;width:auto;height:100%;border:0;border-radius:99px;background:linear-gradient(90deg,#9B82FF,#5B3FD0 70%,#F5B700);font-size:0}

/* ── Lien de parrainage : une ligne compacte (lien tronqué + bouton Copier) ── */
.pr-lien{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 14px;border:1px solid #D9D0F7;border-radius:13px;background:#fff;box-shadow:0 6px 16px -12px rgba(91,63,208,.5)}
.pr-lien pre{flex:1;min-width:0;margin:0;padding:0;font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-lien .copier{position:static;flex:none;transform:none;padding:8px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#8B6DFF,#5B3FD0);color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 14px -8px rgba(91,63,208,.8)}
.pr-lien .copier:hover{color:#fff;filter:brightness(1.07)}
.pr-lien .copier.fait{background:#2EA078}

/* ── Mon compte : statut de parrainage, bouton de même forme que « Moyen de paiement » ── */
.cpt-titre{display:inline-flex;align-items:center;gap:9px;padding-left:6px}
.cpt-titre .amb-ico.petit{width:21px;height:21px;border-radius:7px}
.cpt-titre .amb-ico.petit svg{width:12px;height:12px}
.cpt-titre .amb-ico.petit::after{width:6px;height:6px;right:-2px;top:-2px;box-shadow:0 0 0 1.5px #fff}

/* ── Mon compte : Gestion du compte ── */
.gst-ligne{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px}
.gst-ligne + .gst-ligne{border-top:1px solid var(--line)}
.gst-ligne span{min-width:0}
.gst-ligne b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.gst-ligne small{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--muted)}
.gst-ligne .btn{flex:none}
.gst-ligne .gst-danger{color:#B42318;border-color:#F2D4D0}
.gst-ligne .gst-danger:hover{background:#FEF3F2;border-color:#E9B4AE;color:#B42318}
@media (max-width:560px){.gst-ligne{flex-direction:column;align-items:flex-start;gap:10px}}

/* ── « Lancer une nouvelle recherche » : au bout de la ligne des filtres, à droite ── */
.filtres-ligne > .relancer-haut{position:relative;top:auto;right:auto;margin:0 0 0 auto;height:44px;flex:none}

/* ── Mon compte : fiches offertes, une pastille sous la jauge ── */
.cpt-etat .cpt-offertes{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:9px;padding:4px 11px 4px 9px;border-radius:99px;background:#F1EDFF;color:#4A33B0;font-size:12.5px;font-weight:600;line-height:1.3}
.cpt-etat .cpt-offertes i{flex:none;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE89A,#F5B700 70%);box-shadow:0 0 6px rgba(245,183,0,.6)}
.cpt-etat .cpt-offertes em{font-style:normal;font-weight:500;color:#6B5BB0}
.cpt-etat .cpt-offertes + small{display:block;margin-top:7px}

/* ── Mon compte : ligne du bas = fiches restantes ── */
.cpt-etat .cpt-reste{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.cpt-etat .cpt-reste b{font-weight:700;color:var(--ink)}
.cpt-etat .cpt-reste .cpt-reste-off{color:#5B3FD0;font-weight:600}

/* ── Réserve de fiches : « i » du compteur et fenêtre de détail ── */
.cpt-etat .cpt-i{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:7px;padding:0;border:1px solid #CFC5F5;border-radius:50%;background:#fff;color:#5B3FD0;font:italic 700 10.5px/1 Georgia,serif;vertical-align:1px;cursor:pointer}
.cpt-etat .cpt-i:hover{background:#5B3FD0;border-color:#5B3FD0;color:#fff}
.fiches-detail{list-style:none;margin:16px 0 14px;padding:0;display:grid;gap:10px}
.fiches-detail li{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}
.fiches-detail li:nth-child(2){border-color:#DDD5F8;background:#F7F4FF}
.fiches-detail b{display:block;font-size:15px;color:var(--ink)}
.fiches-detail small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--ink-2)}

/* ── Prospect idéal : interrupteur « en pause », en colonne à droite (à gauche de la pastille des pistes et de la croix) ── */
body[data-shell="app"] .ideaux-liste .ideal-ligne{padding-right:176px !important}
body[data-shell="app"] .ideaux-liste .ideal-ligne .ideal-bascule{position:absolute;right:111px;top:16px;margin:0}
body[data-shell="app"] .ideaux-liste .ideal-ligne .puce-sup{position:absolute;right:10px;top:14px}
.ideal.off:not(.marches) .ideal-titre{color:var(--muted)}
.ideal.off:not(.marches) .ideal-corps,.ideal.off:not(.marches) .ideal-pistes{opacity:.6}


/* ── Débloquer : la carte rejoint « Mes prospects » dans le menu ── */
.app-item.rebond{animation:rebond-onglet .6s var(--ressort)}
.app-item.rebond em{background:var(--acc);color:#fff}
.vol-plus{position:fixed;z-index:96;pointer-events:none;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#2EA078,#036A52);color:#fff;font:700 13px var(--sans);box-shadow:0 8px 18px -8px rgba(3,106,82,.7);animation:vol-plus 1.15s ease-out forwards}
@keyframes vol-plus{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-24px) scale(1)}}
@media (prefers-reduced-motion:reduce){.app-item.rebond,.vol-plus{animation:none}}

/* ── Mettre à jour le ciblage d'après la fiche ── */
.maj-fiche-bouton{margin-top:12px}
.maj-fiche-bouton svg{width:14px;height:14px;color:#7C5CFF}
.modale.maj-fiche{width:min(560px,100%);max-height:min(86vh,760px);overflow:auto}
.maj-titre{margin:18px 0 8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.maj-ligne{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;background:#fff}
.maj-ligne:has(input:checked){border-color:#CFC5F5;background:#F7F4FF}
.maj-ligne input{margin-top:3px;accent-color:#5B3FD0}
.maj-ligne b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.4}
.maj-ligne small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.maj-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.maj-attente{display:flex;gap:6px;margin-top:14px}
.maj-attente i{width:8px;height:8px;border-radius:50%;background:#7C5CFF;animation:souffle 1.2s ease-in-out infinite}
.maj-attente i:nth-child(2){animation-delay:.2s}.maj-attente i:nth-child(3){animation-delay:.4s}
/* Mes prospects : ni tri ni bouton de recherche sur la ligne des filtres */
.filtres-ligne[data-onglet="fiches"] #relancer-haut,.filtres-ligne[data-onglet="fiches"] .filtre-tri-select{display:none !important}

/* ── Mettre à jour mon ciblage : un encart violacé sur la vue d'ensemble ── */
.maj-carte{display:flex;gap:16px;align-items:center;margin:0 0 18px;padding:18px 20px;border:1px solid #DDD5F8;border-radius:16px;background:linear-gradient(160deg,#FBFAFF,#F4F0FF)}
.maj-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#A890FF,#5B3FD0);color:#fff;box-shadow:0 8px 18px -8px rgba(91,63,208,.6)}
.maj-ico svg{width:20px;height:20px;color:#fff}
.maj-texte{flex:1;min-width:0}
.maj-texte b{display:block;font-size:16px;color:var(--ink);letter-spacing:-.01em}
.maj-texte p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.maj-btn{flex:none;white-space:nowrap}
@media (max-width:760px){.maj-carte{flex-direction:column;align-items:flex-start}.maj-btn{width:100%}}

/* Bouton premium « Mettre à jour mon ciblage » : dégradé violet, reflet, ombre colorée */
.maj-carte{position:relative;overflow:hidden}
.maj-carte::before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.16),transparent 70%);pointer-events:none}
.maj-btn{position:relative;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border:0;border-radius:14px;background:linear-gradient(135deg,#8A6DFF,#5B3FD6);color:#fff;font:600 14.5px var(--sans);cursor:pointer;box-shadow:0 14px 26px -14px rgba(91,63,214,.85),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .2s,box-shadow .2s}
.maj-btn svg{flex:none;color:#fff}
.maj-btn:hover{transform:translateY(-1px);box-shadow:0 18px 30px -14px rgba(91,63,214,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.maj-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.maj-btn:hover::after{transform:translateX(120%)}

/* ── Statuts d'un prospect : quatre couleurs, un encart léger ── */
:root{--st-contacter:#3B82F6;--st-attente:#F59E0B;--st-positif:#10B981;--st-negatif:#EF4444}
.statut-a_contacter i,.statut-pop .statut-a_contacter i{background:var(--st-contacter) !important}
.statut-en_attente i,.statut-pop .statut-en_attente i{background:var(--st-attente) !important}
.statut-positif i,.statut-pop .statut-positif i{background:var(--st-positif) !important}
.statut-negatif i,.statut-pop .statut-negatif i{background:var(--st-negatif) !important}
.puce.statut-a_contacter{background:#EEF4FF;color:#1D4ED8}
.puce.statut-en_attente{background:#FFF6E3;color:#9A5B00}
.puce.statut-positif{background:#E6F8F0;color:#0A7A45;font-weight:600}
.puce.statut-negatif{background:#FEEEEE;color:#B42318}
body .statut-bouton.avec.statut-a_contacter{background:linear-gradient(180deg,#F5F9FF,#EAF1FF) !important;border-color:#C9DCFF !important;color:#1D4ED8 !important}
body .statut-bouton.avec.statut-en_attente{background:linear-gradient(180deg,#FFFBF1,#FFF3D9) !important;border-color:#F6DDA2 !important;color:#8A5400 !important}
body .statut-bouton.avec.statut-positif{background:linear-gradient(180deg,#F3FCF8,#E2F7EE) !important;border-color:#B7E8D2 !important;color:#0A7A45 !important}
body .statut-bouton.avec.statut-negatif{background:linear-gradient(180deg,#FFF6F6,#FDE8E8) !important;border-color:#F6C6C6 !important;color:#B42318 !important}
.statut-bouton.avec i{box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.statut-pop button.statut-a_contacter.actif{background:#EEF4FF}
.statut-pop button.statut-en_attente.actif{background:#FFF6E3}
.statut-pop button.statut-positif.actif{background:#E6F8F0}
.statut-pop button.statut-negatif.actif{background:#FEEEEE}
.statut-pastille.actif[data-statut="a_contacter"]{background:var(--st-contacter);border-color:var(--st-contacter)}
.statut-pastille.actif[data-statut="en_attente"]{background:var(--st-attente);border-color:var(--st-attente)}
.statut-pastille.actif[data-statut="positif"]{background:var(--st-positif);border-color:var(--st-positif)}
.statut-pastille.actif[data-statut="negatif"]{background:var(--st-negatif);border-color:var(--st-negatif)}

/* ── Mes prospects : la carte prend la teinte légère de son statut ── */
body[data-shell="app"] .grille-fiches > details.fiche-carte[data-statut="a_contacter"] > summary.carte{--rail:#3B82F6;background:linear-gradient(115deg,#EEF4FF 0%,#FFFFFF 72%) !important;border-color:#D2E2FF !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte[data-statut="en_attente"] > summary.carte{--rail:#F59E0B;background:linear-gradient(115deg,#FFF7E6 0%,#FFFFFF 72%) !important;border-color:#F8E1AE !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte[data-statut="positif"] > summary.carte{--rail:#10B981;background:linear-gradient(115deg,#E9F9F2 0%,#FFFFFF 72%) !important;border-color:#C2EAD8 !important}
body[data-shell="app"] .grille-fiches > details.fiche-carte[data-statut="negatif"] > summary.carte{--rail:#EF4444;background:linear-gradient(115deg,#FFF1F1 0%,#FFFFFF 72%) !important;border-color:#F7CFCF !important}

/* ── Fenêtre « Mettre à jour mon ciblage » : état de chargement ── */
.modale.maj-fiche.charge{text-align:center;padding-top:34px;padding-bottom:30px}
.modale.maj-fiche.charge .label,.modale.maj-fiche.charge h2{text-align:center}
.modale.maj-fiche.charge h2{margin-top:2px}
.maj-chargement{display:grid;justify-items:center;gap:20px;margin-top:26px;isolation:isolate}
.maj-logo{width:84px;height:84px;border-radius:26px}
.maj-logo svg{width:52px;height:52px}
.maj-etape{margin:2px 0 0;min-height:22px;font-size:15.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.maj-progres{display:flex;align-items:center;gap:12px;width:min(360px,100%)}
.maj-progres-piste{flex:1;height:8px;border-radius:99px;background:#ECE8FB;overflow:hidden}
.maj-progres-piste i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7C5CFF,#5B3FD6 60%,#0BC08F);box-shadow:0 0 12px rgba(124,92,255,.45);transition:width .45s ease-out}
.maj-progres b{flex:none;min-width:40px;font:600 13px var(--mono, ui-monospace, Menlo, monospace);color:#5B3FD6;text-align:right}
.maj-duree{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.modale.maj-fiche.charge .label{display:flex;justify-content:center;width:100%}

/* ── Recherche en cours : pastille visible partout dans l'espace ── */
.indic-recherche{position:fixed;top:76px;right:22px;z-index:80;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border:1px solid #DDD5F8;border-radius:16px;background:linear-gradient(160deg,#FFFFFF,#F4F0FF);box-shadow:0 16px 34px -20px rgba(91,63,214,.55);font:inherit;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s}
.indic-recherche:hover{transform:translateY(-1px);box-shadow:0 20px 38px -20px rgba(91,63,214,.7)}
.indic-recherche[hidden]{display:none}
.indic-recherche b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.005em}
.indic-recherche small{display:block;margin-top:1px;font-size:12px;color:var(--ink-2)}
.indic-rond{flex:none;width:22px;height:22px;border-radius:50%;border:3px solid #E4DEFB;border-top-color:#7C5CFF;animation:indic-tourne 1s linear infinite}
@keyframes indic-tourne{to{transform:rotate(360deg)}}
@media (max-width:760px){.indic-recherche{top:68px;right:12px;left:12px;justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.indic-rond{animation:none}}

/* ── « Mettre à jour mon ciblage » : l'encart porte le chargement, la proposition et le résultat ── */
.maj-corps{flex:1;min-width:0}
.maj-corps > b{display:block;font-size:16px;color:var(--ink);letter-spacing:-.01em}
.maj-corps > p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.maj-btn-carte{margin-top:14px}
.maj-ico-etincelle svg{width:20px;height:20px;color:#fff}
.maj-carte{align-items:flex-start}
.maj-carte.en-cours,.maj-carte.proposition,.maj-carte.fini,.maj-carte.erreur{align-items:flex-start}
.maj-carte.en-cours .maj-ico{background:none;box-shadow:none;width:auto;height:auto}
.charge-logo.maj-logo-mini{width:52px;height:52px;border-radius:16px;animation:charge-flotte 2.4s ease-in-out infinite}
.charge-logo.maj-logo-mini svg{width:32px;height:32px}
.charge-logo.maj-logo-mini::before{inset:-14px}
.maj-carte .maj-progres{margin-top:12px;width:min(460px,100%)}
.maj-carte .maj-duree{margin-top:10px}
.maj-carte .maj-ligne{margin-top:8px}
.maj-carte .maj-titre{margin:16px 0 4px}
.maj-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.maj-carte.erreur .maj-ico{background:linear-gradient(145deg,#F59E0B,#B45309)}
.maj-carte.fini .maj-ico{background:linear-gradient(145deg,#34D399,#047857)}

/* ── « Mettre à jour mon ciblage » : même mise en page au repos et en cours (icône à gauche, texte et actions alignés dessous) ── */
.maj-carte,.maj-carte.en-cours,.maj-carte.proposition,.maj-carte.fini,.maj-carte.erreur{display:flex;flex-direction:row;align-items:flex-start;gap:20px;padding:22px 26px}
.maj-carte .maj-ico,.maj-carte.en-cours .maj-ico{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#8A6DFF,#5B3FD6);box-shadow:0 12px 22px -12px rgba(91,63,214,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.maj-carte.erreur .maj-ico{background:linear-gradient(145deg,#F59E0B,#B45309)}
.maj-carte.fini .maj-ico{background:linear-gradient(145deg,#34D399,#047857)}
.maj-carte .maj-ico svg{width:26px;height:26px}
.maj-carte .maj-ico .maj-loader{width:34px;height:34px;overflow:visible}
.maj-loader .r0{opacity:1}
.maj-loader .r1{transform-origin:50px 50px;stroke-dasharray:90 162;animation:maj-tourne 1.5s linear infinite}
.maj-loader .r2{transform-origin:50px 50px;stroke-dasharray:52 86;animation:maj-tourne 1.1s linear infinite reverse}
.maj-loader .r3{transform-origin:50px 50px;animation:maj-pouls 1.2s ease-in-out infinite}
@keyframes maj-tourne{to{transform:rotate(360deg)}}
@keyframes maj-pouls{0%,100%{transform:scale(.6);opacity:.6}50%{transform:scale(1.15);opacity:1}}
@media (prefers-reduced-motion:reduce){.maj-loader .r1,.maj-loader .r2,.maj-loader .r3{animation:none}}
.maj-carte .maj-corps{flex:1;min-width:0;text-align:left}
.maj-carte .maj-corps > b{font-size:16.5px;line-height:1.35}
.maj-carte .maj-corps > p{max-width:70ch}
.maj-carte .maj-progres{width:100%;max-width:560px;margin-top:16px}
.maj-carte .maj-duree{margin-top:12px;font-size:13px;color:var(--muted)}
.maj-carte .maj-btn-carte{margin-top:18px}
.maj-carte .maj-actions{margin-top:18px;justify-content:flex-start}
@media (max-width:760px){
  .maj-carte,.maj-carte.en-cours,.maj-carte.proposition,.maj-carte.fini,.maj-carte.erreur{flex-direction:row;gap:14px;padding:18px 16px}
  .maj-carte .maj-ico,.maj-carte.en-cours .maj-ico{width:44px;height:44px;border-radius:14px}
  .maj-carte .maj-ico .maj-loader{width:28px;height:28px}
  .maj-carte .maj-btn{width:auto}
}

/* ── Encart « Mettre à jour mon ciblage », refait : icône IA à gauche · texte · bouton à droite ; la progression vit dans l'encart ── */
body .maj-carte,body .maj-carte.en-cours,body .maj-carte.repos,body .maj-carte.proposition,body .maj-carte.fini,body .maj-carte.erreur{
  display:flex;flex-direction:row;align-items:center;gap:18px;padding:20px 22px;margin:0 0 18px;position:relative;overflow:hidden;
  border:1px solid #DDD5F8;border-radius:18px;background:linear-gradient(160deg,#FCFBFF,#F4F0FF)}
body .maj-carte.proposition{align-items:flex-start}
body .maj-carte .maj-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;
  background:linear-gradient(145deg,#A890FF,#5B3FD0);box-shadow:0 10px 20px -10px rgba(91,63,208,.7),inset 0 1px 0 rgba(255,255,255,.35)}
body .maj-carte .maj-ico svg{width:22px;height:22px;color:#fff}
body .maj-carte.en-cours .maj-ico{animation:maj-respire 2s ease-in-out infinite}
body .maj-carte.erreur .maj-ico{background:linear-gradient(145deg,#F7B955,#C26A0A)}
body .maj-carte.fini .maj-ico{background:linear-gradient(145deg,#4BD6A8,#0B8F63)}
@keyframes maj-respire{0%,100%{box-shadow:0 10px 20px -10px rgba(91,63,208,.7),0 0 0 0 rgba(124,92,255,.35)}50%{box-shadow:0 10px 20px -10px rgba(91,63,208,.7),0 0 0 9px rgba(124,92,255,0)}}
@media (prefers-reduced-motion:reduce){body .maj-carte.en-cours .maj-ico{animation:none}}
body .maj-carte .maj-corps{flex:1;min-width:0;text-align:left}
body .maj-carte .maj-corps > b{display:block;font-size:16px;line-height:1.35;color:var(--ink);letter-spacing:-.01em}
body .maj-carte .maj-corps > p{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);max-width:68ch}
body .maj-carte .maj-droite{flex:none;display:flex;align-items:center}
body .maj-carte .maj-droite .maj-btn{margin:0}
body .maj-carte .maj-btn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}
/* barre de progression : épaisse, dégradée, avec un reflet qui glisse */
body .maj-carte .maj-progres{display:flex;align-items:center;gap:14px;width:100%;max-width:none;margin:14px 0 0}
body .maj-carte .maj-progres-piste{position:relative;flex:1;height:10px;border-radius:99px;background:#E7E1FA;overflow:hidden;box-shadow:inset 0 1px 2px rgba(60,40,140,.12)}
body .maj-carte .maj-progres-piste i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8A6DFF,#5B3FD6);transition:width .45s ease-out;overflow:hidden}
body .maj-carte .maj-progres-piste i::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:maj-reflet 1.6s ease-in-out infinite}
@keyframes maj-reflet{to{transform:translateX(100%)}}
body .maj-carte .maj-progres b{flex:none;min-width:44px;text-align:right;font:700 14px var(--mono,ui-monospace,Menlo,monospace);color:#5B3FD6}
body .maj-carte .maj-duree{margin-top:10px;font-size:12.5px;color:var(--muted)}
body .maj-carte .maj-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;justify-content:flex-start}
@media (max-width:760px){
  body .maj-carte,body .maj-carte.en-cours,body .maj-carte.repos{flex-wrap:wrap;align-items:flex-start;gap:12px 14px;padding:16px}
  body .maj-carte .maj-corps{flex:1 1 calc(100% - 64px)}
  body .maj-carte .maj-droite{flex:1 1 100%}
  body .maj-carte .maj-droite .maj-btn{width:100%;justify-content:center}
}
body .maj-carte .maj-ico svg.etincelle{width:24px;height:24px}

/* ── Proposition de mise à jour du ciblage : concise, avec l'effet de chaque case ── */
body .maj-carte.proposition .maj-corps > b{font-size:16px}
body .maj-carte .maj-aide{margin:2px 0 0;font-size:13px;color:var(--muted)}
body .maj-carte .maj-pourquoi{margin-top:8px}
body .maj-carte .maj-pourquoi summary{cursor:pointer;display:inline-block;font-size:13px;font-weight:600;color:#5B3FD6;list-style:none}
body .maj-carte .maj-pourquoi summary::-webkit-details-marker{display:none}
body .maj-carte .maj-pourquoi summary::after{content:" ›";transition:transform .15s}
body .maj-carte .maj-pourquoi[open] summary::after{content:" ‹"}
body .maj-carte .maj-pourquoi p{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:rgba(124,92,255,.07);font-size:13px;line-height:1.55;color:var(--ink-2);max-width:none}
body .maj-carte .maj-titre{display:flex;align-items:center;gap:8px;margin:18px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body .maj-carte .maj-titre span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#EDE8FF;color:#5B3FD6;font-size:11.5px;letter-spacing:0}
body .maj-carte .maj-ligne{display:flex;align-items:center;gap:12px;margin:6px 0 0;padding:11px 14px;border:1px solid #E4DEF8;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}
body .maj-carte .maj-ligne:hover{border-color:#C9BDF5}
body .maj-carte .maj-ligne input{flex:none;width:18px;height:18px;margin:0;accent-color:#6D4FE0}
body .maj-carte .maj-ligne-txt{flex:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
body .maj-carte .maj-ligne-txt b{font-size:14.5px;font-weight:600;color:var(--ink)}
body .maj-carte .maj-ligne-txt em{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:#F1EEFC;color:#6A55C9}
body .maj-carte .maj-etat{flex:none;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}
body .maj-carte .maj-etat::after{content:attr(data-off)}
body .maj-carte .maj-ligne:has(input:checked) .maj-etat::after{content:attr(data-on)}
/* ajout : vert quand coché, gris sinon */
body .maj-carte .maj-ideal .maj-etat,body .maj-carte .maj-piste .maj-etat{background:#EEF0F4;color:#6B7280}
body .maj-carte .maj-ideal:has(input:checked),body .maj-carte .maj-piste:has(input:checked){border-color:#B7E8D2;background:#F6FDFA}
body .maj-carte .maj-ideal:has(input:checked) .maj-etat,body .maj-carte .maj-piste:has(input:checked) .maj-etat{background:#E1F6EC;color:#0A7A45}
body .maj-carte .maj-ideal:not(:has(input:checked)) .maj-ligne-txt b,body .maj-carte .maj-piste:not(:has(input:checked)) .maj-ligne-txt b{color:var(--muted)}
/* pause : ambre quand coché, gris sinon */
body .maj-carte .maj-pause .maj-etat{background:#EEF0F4;color:#6B7280}
body .maj-carte .maj-pause:has(input:checked){border-color:#F6DDA2;background:#FFFBF1}
body .maj-carte .maj-pause:has(input:checked) .maj-etat{background:#FFF0CC;color:#8A5400}
body .maj-carte .maj-actions{margin-top:20px}
body .maj-carte .maj-btn[disabled]{opacity:.5}
@media (max-width:560px){body .maj-carte .maj-ligne{flex-wrap:wrap}body .maj-carte .maj-etat{margin-left:30px}}

/* proposition : sur petit écran, l'icône passe au-dessus et chaque ligne se range en deux colonnes (case · texte, puis l'effet dessous) */
@media (max-width:760px){
  body .maj-carte.proposition{flex-direction:column;gap:12px}
  body .maj-carte.proposition .maj-corps{width:100%}
  body .maj-carte .maj-ligne{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:12px;row-gap:8px}
  body .maj-carte .maj-ligne .maj-etat{grid-column:2;justify-self:start;margin-left:0}
  body .maj-carte .maj-ligne input{margin-top:2px}
}

/* « Prospects idéaux » (vue d'ensemble de Mon ciblage) : les lignes ne débordent plus à droite, le titre se coupe proprement */
.cib-liste{grid-template-columns:minmax(0,1fr)}
.cib-ligne{box-sizing:border-box;min-width:0;max-width:100%}
.cib-bloc{max-width:100%}
.cib-titre{min-width:0}

/* « Tout désélectionner » : petit bouton discret à droite de la phrase d'aide */
body .maj-carte .maj-barre{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body .maj-carte .maj-barre .maj-aide{flex:1;min-width:0}
body .maj-carte .maj-tout{flex:none;margin-top:2px;padding:2px 0;border:0;background:none;font:600 12.5px var(--sans,inherit);color:#6B7280;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
body .maj-carte .maj-tout:hover{color:#5B3FD6;text-decoration-color:currentColor}
@media (max-width:560px){body .maj-carte .maj-barre{flex-direction:column;gap:2px}}

/* Page d'une fiche : l'étiquette (nature, source, ville · date) passe à droite, sur la même ligne que le nom, au-dessus du texte */
@media (min-width:700px){
  .fiche-solo article.fiche > header > div{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px 20px}
  .fiche-solo article.fiche > header > div > h2{order:1;flex:1;min-width:0}
  .fiche-solo article.fiche > header > div > .meta{order:2;flex:none;margin:0 !important;justify-content:flex-end;text-align:right}
}

/* « Tout désélectionner » : au-dessus de « Rechercher maintenant », discret */
#lots > .filtres-ligne{position:relative}
.deselect-haut{position:absolute;right:2px;top:-30px;padding:2px 0;border:0;background:none;font:600 12.5px var(--sans,inherit);color:#6B7280;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.deselect-haut:hover{color:#5B3FD6;text-decoration-color:currentColor}
.deselect-haut[hidden]{display:none}
@media (max-width:760px){.deselect-haut{position:static;order:-1;width:100%;text-align:right}}

/* « Recherche automatique » : encart au-dessus de la barre de filtres, avec son interrupteur */
.auto-carte{display:flex;align-items:center;gap:16px;margin:14px 0 18px;padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px -22px rgba(17,19,24,.35)}
.auto-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#A890FF,#5B3FD0);box-shadow:0 8px 18px -8px rgba(91,63,208,.6)}
.auto-ico svg{width:20px;height:20px;color:#fff}
.auto-corps{flex:1;min-width:0}
.auto-corps b{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.auto-corps b em{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;background:#E1F6EC;color:#0A7A45}
.auto-carte.coupee .auto-corps b em{background:#EEF0F4;color:#6B7280}
.auto-corps p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.auto-corps small{display:block;margin-top:6px;font:500 11.5px var(--mono);color:var(--muted)}
.auto-carte .bascule{flex:none;width:44px;height:26px}
.auto-carte.coupee{background:var(--bg-soft,#F8F9FB)}
.auto-carte.coupee .auto-ico{background:linear-gradient(145deg,#B8BCC6,#8B91A0);box-shadow:none}
@media (max-width:640px){.auto-carte{padding:14px;gap:12px}.auto-ico{width:36px;height:36px}}

/* « Tout désélectionner » : à la place de l'ancien bouton « Rechercher maintenant », au bout de la ligne des filtres */
#lots > .filtres-ligne{align-items:center}
.deselect-haut{position:static;order:99;margin-left:auto;align-self:center;height:40px;padding:0 16px;border:1px solid var(--line-2,#DDE1E8);border-radius:12px;background:#fff;font:600 13px var(--sans,inherit);color:#4B5563;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.deselect-haut:hover{border-color:#C9BDF5;color:#5B3FD6;background:#FAF8FF;text-decoration:none}
@media (max-width:760px){.deselect-haut{order:99;width:auto;margin-left:auto}}

/* ── « Recherche automatique » : même gabarit que « Mettre à jour mon ciblage » + interrupteur ── */
body .maj-carte.auto-maj{margin-top:14px}
body .maj-carte.auto-maj .maj-corps > b{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body .auto-etat{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:99px;background:#E4F7EE;color:#0A7A45;font-size:12px;font-weight:600;letter-spacing:0}
body .auto-etat i{width:7px;height:7px;border-radius:50%;background:#10B981;animation:auto-pouls 2s ease-out infinite}
@keyframes auto-pouls{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%,100%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}
@media (prefers-reduced-motion:reduce){body .auto-etat i{animation:none}}
body .maj-carte.auto-maj .maj-corps > p strong{font-weight:650;color:var(--ink)}
body .auto-puces{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body .auto-puce{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;border:1px solid #E7E1FA;background:rgba(255,255,255,.75);font:500 12px var(--mono,ui-monospace,monospace);color:#4B5563}
body .auto-puce i{font-style:normal;color:#8B91A0}
body .auto-puce b{font-weight:700;color:#5B3FD6}
/* coupée : gabarit neutre */
body .maj-carte.auto-maj.coupee{border-color:var(--line);background:linear-gradient(160deg,#FFFFFF,#F7F8FA)}
body .maj-carte.auto-maj.coupee::before{display:none}
body .maj-carte.auto-maj.coupee .maj-ico{background:linear-gradient(145deg,#C3C8D2,#98A0B0);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
body .auto-maj.coupee .auto-etat{background:#EEF0F4;color:#6B7280}
body .auto-maj.coupee .auto-etat i{background:#9CA3AF;animation:none}
body .auto-maj.coupee .auto-puce{border-color:var(--line)}
/* l'interrupteur : piste dégradée, pastille blanche qui glisse */
body .auto-switch{position:relative;flex:none;width:56px;height:32px;padding:0;border:0;border-radius:99px;background:#D5D9E1;cursor:pointer;transition:background .25s ease,box-shadow .25s ease;box-shadow:inset 0 1px 3px rgba(17,19,24,.15)}
body .auto-switch span{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 3px 8px -2px rgba(17,19,24,.35);transition:transform .25s cubic-bezier(.3,.9,.3,1)}
body .auto-switch[aria-checked="true"]{background:linear-gradient(135deg,#8A6DFF,#5B3FD6);box-shadow:inset 0 1px 2px rgba(255,255,255,.3),0 10px 18px -10px rgba(91,63,214,.8)}
body .auto-switch[aria-checked="true"] span{transform:translateX(24px)}
body .auto-switch:hover{filter:brightness(1.04)}
body .auto-switch:focus-visible{outline:3px solid rgba(124,92,255,.35);outline-offset:3px}
@media (max-width:760px){body .maj-carte.auto-maj .maj-droite{flex:none;width:auto}}

/* ── Étape « Pour chercher encore mieux » : même mise en page que les autres parties de « Mon entreprise » ──
   chaque champ est une carte (fond doux, bordure fine, titre en capitales violettes), les cartes d'une même ligne ont la même hauteur. */
.plus-groupe .fiche-plus-grille{align-items:stretch;gap:18px 20px;padding:6px 22px 24px}
.plus-groupe .fiche-plus-grille .champ-fiche{display:flex;flex-direction:column;margin:0;padding:20px 24px 22px;border:1px solid #EAEAEE;border-radius:12px;background:#FAFAFA;box-shadow:0 22px 44px -32px rgba(124,92,252,.5)}
.plus-groupe .champ-fiche .champ-titre label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#5B3FD6}
.plus-groupe .champ-fiche .champ-titre small{font-size:13px;color:var(--muted)}
.plus-groupe .champ-fiche .champ-lecture{flex:1;margin:0;padding:6px 0;border:0;border-radius:0;background:none;font-size:15px;line-height:1.65;color:#3F444D}
.plus-groupe .champ-fiche .champ-lecture .phrase-cle{display:inline;font-size:inherit;font-weight:650;letter-spacing:0;color:var(--ink)}
.plus-groupe .champ-fiche .champ-lecture.vide{color:var(--faint,#9AA0AD)}
@media (max-width:860px){.plus-groupe .fiche-plus-grille{padding:6px 14px 18px}.plus-groupe .fiche-plus-grille .champ-fiche{padding:16px 18px 18px}}

/* forfait à côté de « Activée » + lien pour monter de formule */
body .auto-forfait{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;background:#EEE9FF;color:#5B3FD0;font-size:12px;font-weight:600;letter-spacing:0}
body .auto-upgrade{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;border:0;background:none;font:600 13px var(--sans,inherit);color:#5B3FD6;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .15s}
body .auto-upgrade:hover{text-decoration-color:currentColor}
body .auto-upgrade span{transition:transform .15s}
body .auto-upgrade:hover span{transform:translateX(3px)}

/* ── Parrainage / statut ambassadeur : design premium ──
   une teinte par niveau (ton-1 … ton-20), des médailles, une frise de paliers, un héros avec progression. */
.ton-1{--ton-a:#34D399;--ton-b:#059669;--ton-s:rgba(5,150,105,.35);--ton-t:#047857;--ton-f:#E7F8F0}
.ton-3{--ton-a:#60A5FA;--ton-b:#2563EB;--ton-s:rgba(37,99,235,.35);--ton-t:#1D4ED8;--ton-f:#E8F0FE}
.ton-5{--ton-a:#A78BFA;--ton-b:#6D28D9;--ton-s:rgba(109,40,217,.35);--ton-t:#5B21B6;--ton-f:#EFE9FE}
.ton-10{--ton-a:#FBBF24;--ton-b:#D97706;--ton-s:rgba(217,119,6,.35);--ton-t:#B45309;--ton-f:#FEF3D8}
.ton-20{--ton-a:#8B5CF6;--ton-b:#F5B700;--ton-s:rgba(139,92,246,.4);--ton-t:#5B21B6;--ton-f:#F3ECFF}

/* la frise des paliers */
body .pr-paliers{list-style:none;position:relative;display:grid;gap:0;margin:18px 0 0;padding:0;border:0}
body .pr-palier{position:relative;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;border-radius:14px;color:var(--muted);transition:background .2s}
body .pr-palier + .pr-palier::before{content:"";position:absolute;left:25px;top:-12px;width:2px;height:24px;background:#E4DEFB;border-radius:2px}
body .pr-palier.fait + .pr-palier::before{background:linear-gradient(180deg,var(--ton-a),var(--ton-b))}
body .pr-palier .pr-medaille{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:50%;border:2px solid #E1DAF8;background:#fff;font-style:normal;font-size:12.5px;font-weight:700;color:#9A8AD8}
body .pr-palier.fait .pr-medaille{border-color:transparent;background:linear-gradient(145deg,var(--ton-a),var(--ton-b));color:#fff;box-shadow:0 8px 16px -8px var(--ton-s),inset 0 1px 0 rgba(255,255,255,.4)}
body .pr-palier.prochain .pr-medaille{border-color:var(--ton-b);color:var(--ton-t);box-shadow:0 0 0 4px var(--ton-f)}
body .pr-palier-txt{flex:1;min-width:0;display:block}
body .pr-palier b{display:block;font-size:14.5px;font-weight:650;color:var(--ink-2);letter-spacing:-.005em}
body .pr-palier.fait b,body .pr-palier.actuel b{color:var(--ink)}
body .pr-palier small{display:block;margin-top:1px;font-size:12.5px;color:var(--muted)}
body .pr-palier.actuel{background:linear-gradient(100deg,var(--ton-f),rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(124,92,255,.12)}
body .pr-palier.actuel b::after{content:none}
body .pr-chip{flex:none;padding:3px 10px;border-radius:99px;background:var(--ton-b);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
body .pr-chip.suiv{background:var(--ton-f);color:var(--ton-t)}
body .pr-recomp{flex:none;display:grid;justify-items:end;font-style:normal;font-size:15px;font-weight:700;color:var(--ton-t);letter-spacing:-.01em}
body .pr-recomp small{margin:0;font-size:10.5px;font-weight:500;color:var(--muted)}
body .pr-palier:not(.fait):not(.prochain) .pr-recomp{color:var(--faint,#9AA0AD)}

/* la fenêtre « Comment ça marche » */
body .pr-fenetre{max-width:520px;padding:0 0 22px;overflow:hidden}
body .pr-hero{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;margin:0;padding:26px 28px 22px;background:linear-gradient(135deg,var(--ton-f) 0%,#FFFFFF 90%);border-bottom:1px solid #EEE9FB}
body .pr-hero::before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--ton-s),transparent 70%);opacity:.5;pointer-events:none}
body .pr-hero-medaille{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--ton-a),var(--ton-b));color:#fff;box-shadow:0 16px 28px -14px var(--ton-s),inset 0 1px 0 rgba(255,255,255,.4)}
body .pr-hero-medaille svg{width:26px;height:26px}
body .pr-hero-txt .label{margin:0 0 4px}
body .pr-hero-txt h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.02em}
body .pr-hero-sous{margin:4px 0 0;font-size:13.5px;color:var(--ink-2)}
body .pr-hero-prog{grid-column:1 / -1;margin-top:12px}
body .pr-hero-prog .st-barre{height:8px;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 2px rgba(17,19,24,.1)}
body .pr-hero-prog .st-barre i{background:linear-gradient(90deg,var(--ton-a),var(--ton-b))}
body .pr-hero-prog small{display:block;margin-top:8px;font-size:13px;color:var(--ink-2)}
body .pr-fenetre .pr-regle-ligne{display:flex;align-items:center;gap:12px;margin:18px 28px 0;padding:12px 14px;border-radius:14px;background:#FAF8FF;border:1px solid #ECE6FB}
body .pr-fenetre .pr-cadeau{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;box-shadow:0 6px 14px -8px rgba(91,63,208,.5);color:#6D4AE8}
body .pr-fenetre .pr-cadeau svg{width:18px;height:18px}
body .pr-fenetre .pr-regle-ligne p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
body .pr-fenetre .pr-paliers{margin:12px 18px 0}
body .pr-fenetre .pr-note-bas{margin:14px 28px 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
body .pr-fenetre .actions{margin:18px 28px 0}
body .pr-fenetre .modale-x{z-index:2}
@media (max-width:560px){body .pr-hero{padding:22px 20px 18px}body .pr-fenetre .pr-regle-ligne,body .pr-fenetre .pr-note-bas,body .pr-fenetre .actions{margin-left:20px;margin-right:20px}body .pr-recomp small{display:none}}

/* Mon compte : la carte de parrainage porte la teinte du niveau */
body .pr-carte{position:relative;overflow:hidden;padding:24px;border:1px solid #E4DEFB;border-radius:20px;background:linear-gradient(160deg,#fff 0%,var(--ton-f,#F7F5FF) 140%);box-shadow:0 18px 40px -30px var(--ton-s,rgba(91,63,208,.5))}
body .pr-carte::before{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--ton-s,rgba(124,92,255,.2)),transparent 70%);opacity:.45;pointer-events:none}
body .pr-carte > *{position:relative}
body .pr-carte .amb-ico{background:linear-gradient(145deg,var(--ton-a,#A890FF),var(--ton-b,#4B2FC0))}
body .pr-carte .pr-barre{height:8px}
body .pr-carte .pr-barre i{background:linear-gradient(90deg,var(--ton-a,#7C5CFF),var(--ton-b,#5B3FD0))}
body .pr-carte .pr-paliers{margin-top:20px;padding-top:12px;border-top:1px solid #E9E3FB}

/* encart « Recommander » du menu : médaille + barre à la teinte du niveau */
body .reco-niv-t{display:inline-flex;align-items:center;gap:8px}
body .reco-niv.col .amb-ico.petit{background:linear-gradient(145deg,var(--ton-a),var(--ton-b))}
body .reco-niv.col .st-barre{height:7px;background:#ECE8FB}
body .reco-niv.col .st-barre i{background:linear-gradient(90deg,var(--ton-a),var(--ton-b))}
body .reco-niv.col b{color:var(--ink)}
body .app-nav .reco-corps{border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(247,244,255,.85))}
body .app-nav .reco-lien{padding:4px 4px 4px 10px;border:1px solid #DCD3F7;border-radius:12px;background:#fff}
body .app-nav .reco-lien input{height:28px;border:0;background:none;padding:0}
body .app-nav .reco-lien button{height:28px;border-radius:9px;background:linear-gradient(135deg,#8B6DFF,#5B3FD0)}

/* ── Partager son lien de parrainage ── */
.reco-partage{position:relative;margin-top:10px}
.reco-partager{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;padding:0 14px;border:1px solid #D9D0F7;border-radius:12px;background:linear-gradient(180deg,#FFFFFF,#FAF8FF);font:600 13px var(--sans,inherit);color:#5B3FD0;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.reco-partager:hover{border-color:#B9A8F5;box-shadow:0 10px 20px -14px rgba(91,63,208,.7);transform:translateY(-1px)}
.reco-partager svg{flex:none}
.reco-partager[aria-expanded="true"]{border-color:#8B6DFF;background:#F5F1FF}
.pr-partage{margin-top:12px}
.pr-partage .reco-partager{width:auto;height:42px;padding:0 20px;font-size:14px}
.reco-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:60;display:grid;gap:2px;padding:6px;border:1px solid #E4DEFB;border-radius:16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 50px -20px rgba(40,20,120,.45);opacity:0;transform:translateY(6px) scale(.98);transform-origin:bottom center;transition:opacity .15s,transform .18s cubic-bezier(.3,.9,.3,1)}
.reco-menu.ouvert{opacity:1;transform:none}
.pr-partage .reco-menu{left:0;right:auto;min-width:300px;bottom:auto;top:calc(100% + 8px)}
.reco-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:11px;background:none;font:inherit;text-align:left;cursor:pointer;transition:background .12s}
.reco-menu-item:hover,.reco-menu-item:focus-visible{background:#F4F0FF;outline:none}
.reco-menu-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#F1ECFF,#E7E0FF);color:#5B3FD0}
.reco-lettres{font-size:12px;font-weight:800;letter-spacing:-.02em}
.reco-menu-item b{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}
.reco-menu-item small{display:block;margin-top:1px;font-size:12px;color:var(--muted)}
.app-nav .reco-menu{right:auto;min-width:268px}
.reco-menu-item small{white-space:normal}
/* dans le menu latéral, le menu de partage reste dans la largeur du bloc (le menu est rogné au bord) : titres seuls */
.app-nav .reco-menu{left:0;right:0;min-width:0}
.app-nav .reco-menu-item{padding:8px 8px;gap:10px}
.app-nav .reco-menu-item small{display:none}
.app-nav .reco-menu-ico{width:28px;height:28px;border-radius:9px}

/* le lien « voir les formules » est sous l'encart, à gauche */
body .auto-upgrade-ligne{margin:-6px 0 18px 4px}
body .auto-upgrade-ligne .auto-upgrade{margin-top:0}
body .maj-carte.auto-maj:has(+ .auto-upgrade-ligne){margin-bottom:12px}

/* le forfait est au-dessus de l'encart, à droite */
body .auto-forfait-ligne{display:flex;justify-content:flex-end;margin:14px 2px -6px}
body .auto-forfait-ligne + .maj-carte.auto-maj{margin-top:0}
/* le forfait : une vraie marge entre l'étiquette et l'encart (elle ne le chevauche plus) */
body .auto-forfait-ligne{margin:14px 2px 10px}
body .auto-forfait-ligne + .maj-carte.auto-maj{margin-top:0}

/* le forfait de l'entreprise en cours : une petite pastille à côté de son nom, dans l'en-tête */
.espace-chip{max-width:360px}
.espace-chip .chip-forfait{flex:none;padding:2px 9px;border-radius:99px;background:#EEE9FF;color:#5B3FD0;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:0}
@media (max-width:640px){.espace-chip .chip-forfait{display:none}}

.espace-chip .chip-forfait.cliquable{display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .15s,color .15s}
.espace-chip .chip-forfait.cliquable b{font-size:11px;font-weight:700;opacity:.7}
.espace-chip .chip-forfait.cliquable:hover{background:#5B3FD0;color:#fff}

/* « Activée / Coupée » : hors de l'encart, en haut à droite */
body .auto-etat.coupee{background:#EEF0F4;color:#6B7280}
body .auto-etat.coupee i{background:#9CA3AF;animation:none}

/* les trois pastilles de dates : hors de l'encart, en haut à droite */
body .auto-forfait-ligne.auto-puces-haut{flex-wrap:wrap;gap:8px;margin:14px 2px 10px}
body .auto-forfait-ligne.auto-puces-haut .auto-puce{background:#fff}

/* sous l'encart : « voir les formules » à gauche, « Lancer une recherche maintenant » à droite */
body .auto-actions-ligne{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-4px 2px 18px 4px}
body .auto-actions-ligne .auto-upgrade{margin-top:0}
body .auto-lancer{display:inline-flex;align-items:center;gap:9px;margin-left:auto;height:40px;padding:0 16px;border:1px solid #D9D0F7;border-radius:12px;background:linear-gradient(180deg,#FFFFFF,#FAF8FF);font:600 13.5px var(--sans,inherit);color:#5B3FD0;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
body .auto-lancer svg{width:16px;height:16px;flex:none}
body .auto-lancer em{font-style:normal;font-weight:600;font-size:12px;padding:2px 8px;border-radius:99px;background:#EEE9FF;color:#5B3FD0}
body .auto-lancer:hover:not([disabled]){border-color:#B9A8F5;box-shadow:0 10px 20px -14px rgba(91,63,208,.7);transform:translateY(-1px)}
body .auto-lancer[disabled]{opacity:.55;cursor:default}
body .maj-carte.auto-maj:has(+ .auto-actions-ligne){margin-bottom:12px}

/* compteur affiché dans les confirmations (mises à jour, recherches restantes) */
.conso-ligne{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 14px;border-radius:99px;background:#F1EDFF;color:#4A33B0;font-size:13.5px;font-weight:500}
.conso-ligne b{font-size:15px;font-weight:700;color:#5B3FD0}

/* recherche à la demande : point « modifications en attente » et lignes de la confirmation */
body .auto-lancer{position:relative}
body .auto-lancer .auto-point{flex:none;width:9px;height:9px;border-radius:50%;background:#7C5CFF;box-shadow:0 0 0 3px rgba(124,92,255,.18)}
body .conso-ligne{display:flex;margin-top:12px;border-radius:12px;width:fit-content;max-width:100%}
body .conso-ligne.avec{background:#E7F8F0;color:#0A7A45}
body .conso-ligne.neutre{background:#FFF6E3;color:#8A5400}

/* ── Paywall des formules : épuré premium ── */
body .formules-grille{gap:16px;margin-top:20px}
body .formule{gap:0;padding:26px 24px 24px;border:1px solid #E7E9F0;border-radius:22px;background:#fff;box-shadow:0 1px 0 rgba(17,19,24,.02);transition:border-color .2s,box-shadow .25s,transform .25s}
body .formule:hover{border-color:#CBD3E0;box-shadow:0 22px 44px -30px rgba(17,19,24,.35);transform:translateY(-2px)}
body .formule.reco{border:1.5px solid var(--acc);background:linear-gradient(180deg,#FFFFFF 0%,#F2FBF7 100%);box-shadow:0 0 0 5px rgba(2,181,142,.1),0 26px 50px -34px rgba(4,114,87,.6)}
body .formule.actuelle{border-color:var(--acc)}
body .formule h3{font-size:19px;letter-spacing:-.02em}
body .formule-accroche{margin:2px 0 0;font-size:13px;color:var(--muted)}
body .formule-prix{display:flex;align-items:baseline;gap:8px;margin:18px 0 0}
body .formule-prix b{font-size:40px;letter-spacing:-.04em}
body .formule-prix small{font-size:13px}
body .formule-essai{margin:14px 0 0;align-self:flex-start}
body .formule-specs{margin:20px 0 22px;padding:0;display:grid;gap:0;flex:1}
body .formule-spec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #EEF0F5}
body .formule-spec:last-child{border-bottom:1px solid #EEF0F5}
body .formule.reco .formule-spec,body .formule.reco .formule-spec:last-child{border-color:rgba(2,181,142,.2)}
body .formule-spec dt{font-size:13.5px;color:var(--muted)}
body .formule-spec dd{margin:0;text-align:right;white-space:nowrap}
body .formule-spec dd b{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
body .formule-spec dd small{margin-left:4px;font-size:12px;color:var(--muted)}
body .formule .btn{height:46px;border-radius:13px;font-weight:600}
body .modale.large .formule{padding:22px 20px 20px}
body .modale.large .formule-prix b{font-size:34px}
body .modale.large .formule-spec{padding:10px 0}
body .modale.large .formule-spec dt{font-size:13px}
body .modale.large .formule-spec dd b{font-size:15px}
@media (max-width:860px){body .formule-prix b{font-size:34px}}
/* paywall : le prix reste sur une ligne, les lignes de détail passent à la ligne proprement quand la carte est étroite */
body .formule-prix{display:grid;gap:2px;margin:18px 0 0}
body .formule-prix b{white-space:nowrap}
body .formule-spec{flex-wrap:wrap;gap:2px 12px}
body .formule-spec dt{flex:1 1 auto}
body .formule-spec dd{margin-left:auto;white-space:normal}

/* ── Packs de prospects : cartes épurées, prix par prospect et remise ── */
body .fiches-plus{margin:18px 0 6px;padding:20px;border:1px solid #E7E9F0;border-radius:20px;background:linear-gradient(180deg,#FBFCFE,#F6F8FB)}
body .fiches-plus-titre{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
body .fiches-plus-texte{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted);max-width:60ch}
body .fiches-plus-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px;margin-top:16px}
body .fiches-pack{display:grid;gap:2px;justify-items:start;padding:16px 16px 14px;border:1px solid #E1E5EE;border-radius:16px;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .22s,transform .22s}
body .fiches-pack:hover:not([disabled]){border-color:var(--acc);box-shadow:0 18px 32px -24px rgba(4,114,87,.55);transform:translateY(-2px)}
body .fiches-pack[disabled]{opacity:.6;cursor:default}
body .fp-n{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}
body .fp-n em{font-style:normal;margin-right:1px;color:var(--acc)}
body .fp-u{font-size:12.5px;color:var(--muted)}
body .fp-prix{margin-top:12px;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
body .fp-prix small{margin-left:5px;font-size:11.5px;font-weight:500;color:var(--muted)}
body .fp-unit{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;font:500 12px var(--mono,ui-monospace,monospace);color:var(--muted)}
body .fp-unit i{font-style:normal;padding:1px 7px;border-radius:99px;background:#E4F7EE;color:#0A7A45;font-weight:700}

/* ══ Paywall des formules : refonte ══ */
body .formules-essai{display:inline-flex;align-items:center;gap:8px;margin:2px 0 0;padding:6px 14px;border-radius:99px;background:var(--acc-soft);color:var(--acc);font-size:13px;font-weight:600}
body .formules-essai i{width:7px;height:7px;border-radius:50%;background:var(--acc-bright)}
body .formules-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;align-items:stretch}
body .formule{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:28px 26px 24px;border:1px solid #E6E9F0;border-radius:24px;background:#fff}
body .formule::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#CBD5E1,#94A3B8)}
body .formule.reco::before{background:linear-gradient(90deg,#34D399,#059669)}
body .formule:last-child::before{background:linear-gradient(90deg,#8B5CF6,#F5B700)}
body .formule.reco{background:linear-gradient(180deg,#FFFFFF 0%,#F1FBF6 100%);border-color:rgba(2,181,142,.55)}
body .formule:last-child{background:linear-gradient(180deg,#FFFFFF 0%,#F8F5FF 100%)}
body .formule-tete{display:grid;gap:2px}
body .formule h3{margin:0;font-size:20px}
body .formule-accroche{margin:0;font-size:13.5px;color:var(--muted)}
body .formule-prix{display:flex;align-items:baseline;gap:8px;margin:22px 0 0}
body .formule-prix b{font-size:44px;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--ink);white-space:nowrap}
body .formule-prix span{font-size:15px;color:var(--muted)}
body .formule-ht{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
body .formule-specs{margin:22px 0 24px;padding:0;display:grid;gap:0;flex:1}
body .formule-spec{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:14px;padding:13px 0;border-top:1px solid #EEF0F5}
body .formule-spec:last-child{border-bottom:1px solid #EEF0F5}
body .formule-spec dt{margin:0;font-size:14px;color:var(--ink-2)}
body .formule-spec dd{margin:0;text-align:right;white-space:nowrap}
body .formule-spec dd b{font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
body .formule-spec dd small{margin-left:4px;font-size:12.5px;color:var(--muted)}
body .formule .btn{height:48px;border-radius:14px;font-size:15px;font-weight:600}
body .formule-bandeau{top:14px;left:auto;right:18px;transform:none;padding:4px 11px;border-radius:99px;background:var(--acc);color:#fff;font-size:11.5px;font-weight:700}
body .modale.large{max-width:1080px}
body .modale.large .formule{padding:24px 22px 22px}
body .modale.large .formule-prix b{font-size:38px}
body .modale.large .formule-spec{padding:11px 0}
@media (max-width:860px){body .formules-grille{grid-template-columns:1fr}body .formule-prix b{font-size:36px}}

/* paywall : la ligne de texte (rythme de la recherche automatique) passe sous son libellé, les chiffres restent à droite */
body .formule-spec.long{grid-template-columns:1fr;row-gap:3px}
body .formule-spec.long dd{text-align:left;white-space:normal}
body .modale.large .formule-bandeau{top:14px;right:16px;left:auto;transform:none;font-size:11.5px;padding:4px 11px}

/* ══ Paywall des formules : compact et discret ══ */
body .modale.large{padding:24px 26px 20px}
body .modale.large h2{font-size:19px;letter-spacing:-.02em}
body .modale.large .label{font-size:10.5px}
body .modale.large .modale-texte{margin:4px 0 0;font-size:13px}
body .formules-essai{margin:10px 0 0;padding:4px 11px;font-size:12px}
body .formules-grille{gap:14px;margin-top:16px}
body .formule{padding:18px 18px 16px;border-radius:18px}
body .formule::before{height:3px}
body .formule h3{font-size:16px}
body .formule-accroche{font-size:12px}
body .formule-prix{margin:14px 0 0;gap:6px}
body .formule-prix b{font-size:30px;letter-spacing:-.04em}
body .formule-prix span{font-size:12.5px}
body .formule-ht{margin:3px 0 0;font-size:11.5px}
body .formule-specs{margin:14px 0 16px}
body .formule-spec,body .formule-spec.long{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #EEF0F5}
body .formule-spec dt{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
body .formule-spec dt i{flex:none;display:grid;place-items:center;color:var(--muted)}
body .formule-spec dd,body .formule-spec.long dd{margin:0;text-align:right;white-space:nowrap}
body .formule-spec dd b{font-size:13px}
body .formule-spec dd small{margin-left:3px;font-size:11.5px}
body .formule .btn{height:38px;border-radius:11px;font-size:13.5px}
body .formule-bandeau,body .modale.large .formule-bandeau{top:11px;right:12px;padding:2px 9px;font-size:10.5px}
body .modale.large .formule{padding:18px 18px 16px}
body .modale.large .formule-prix b{font-size:30px}
body .modale.large .formule-spec{padding:8px 0}
body .formule-note{margin:12px 0 0;font-size:11.5px}
/* paywall : une seule ligne par détail, jamais de retour à la ligne */
body .formule-spec{flex-wrap:nowrap}
body .formule-spec dd{flex:none}
body .formule-spec dt{overflow:hidden;text-overflow:ellipsis}

/* paywall : la coche verte devant chaque détail (comme avant) */
body .formule-spec dt .coche-q{width:16px;height:16px;margin:0;flex:none}
body .formule-spec dt .coche-q svg{width:10px;height:10px}

/* paywall : le prix par prospect, en évidence sous le prix */
body .formule-unite{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:7px 11px;border-radius:11px;background:var(--acc-soft);color:var(--acc)}
body .formule-unite b{font-size:16px;font-weight:700;letter-spacing:-.02em}
body .formule-unite span{font-size:12.5px;font-weight:500}
body .formule-unite i{margin-left:auto;font-style:normal;padding:1px 8px;border-radius:99px;background:#fff;color:#0A7A45;font-size:11.5px;font-weight:700}
body .formule:last-child .formule-unite{background:#F1EBFF;color:#5B3FD0}
body .formule:last-child .formule-unite i{color:#5B3FD0}

/* sous les formules : un pack de prospects reste possible plus tard */
body .formules-packs{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:9px 14px;border-radius:12px;background:#F6F8FB;color:var(--ink-2);font-size:12.5px}
body .formules-packs svg{flex:none;color:var(--acc)}
body .formules-packs b{color:var(--ink)}
/* prix par prospect : toujours sur une seule ligne */
body .formule-unite{flex-wrap:nowrap;white-space:nowrap;padding:7px 12px}
body .formule-unite b,body .formule-unite span,body .formule-unite i{flex:none;white-space:nowrap}
body .formule-unite span{font-size:12px}
body .formule-unite i{padding:1px 7px;font-size:11px}

/* ══ Une couleur par formule : bleu · vert · violet ══ */
.f-essentiel{--fa:#60A5FA;--fb:#2563EB;--fs:#E8F1FF;--ft:#1D4ED8;--fh:rgba(37,99,235,.28)}
.f-pro{--fa:#34D399;--fb:#059669;--fs:#E4F7EE;--ft:#047857;--fh:rgba(5,150,105,.3)}
.f-max{--fa:#A78BFA;--fb:#6D28D9;--fs:#F1EBFF;--ft:#5B21B6;--fh:rgba(109,40,217,.28)}
body .formule::before,body .formule.reco::before,body .formule:last-child::before{background:linear-gradient(90deg,var(--fa),var(--fb))}
body .formule:hover{border-color:var(--fb)}
body .formule.reco{border-color:var(--fb);box-shadow:0 0 0 5px var(--fs),0 26px 50px -34px var(--fh)}
body .formule.f-essentiel{background:linear-gradient(180deg,#FFFFFF 0%,#F5F9FF 100%)}
body .formule.f-max{background:linear-gradient(180deg,#FFFFFF 0%,#F8F5FF 100%)}
body .formule .formule-unite,body .formule:last-child .formule-unite{background:var(--fs);color:var(--ft)}
body .formule .formule-unite i,body .formule:last-child .formule-unite i{background:#fff;color:var(--ft)}
body .formule .formule-spec dt .coche-q{background:var(--fs);color:var(--ft)}
body .formule .btn-acc{background:linear-gradient(135deg,var(--fa),var(--fb));border:0;color:#fff;box-shadow:0 12px 22px -14px var(--fh)}
body .formule .btn-acc:hover{filter:brightness(1.06)}
body .formule .formule-bandeau{background:var(--fb)}
body .formule.actuelle{border-color:var(--fb)}
/* paywall sur petit écran : les lignes de détail tiennent dans la carte */
@media (max-width:600px){
  body .formule-spec{gap:6px}
  body .formule-spec dt{gap:6px;font-size:12px;min-width:0}
  body .formule-spec dt .coche-q{width:14px;height:14px}
  body .formule-spec dd b{font-size:12.5px}
  body .formule-spec dd small{margin-left:2px;font-size:11px}
  body .formule{padding:16px 14px 14px}
}
/* paywall : la liste ne dépasse jamais la carte, c'est le libellé qui se raccourcit */
body .formule{min-width:0}
body .formule-specs{min-width:0;width:100%}
body .formule-spec{min-width:0}
body .formule-spec dt{flex:1 1 0;min-width:0;overflow:hidden}
body .formule-spec dd{flex:none}

/* paywall : chaque ligne dit ce qu'elle comprend (libellé + une phrase), la valeur reste à droite sur une ligne */
body .formule-spec{align-items:center;padding:10px 0}
body .formule-spec dt{align-items:flex-start;gap:9px;overflow:visible}
body .formule-spec dt .coche-q{margin-top:2px}
body .formule-spec .spec-txt{display:grid;gap:1px;min-width:0}
body .formule-spec .spec-txt b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .formule-spec .spec-txt small{font-size:11.5px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .formule-spec dd b{font-size:15px}
body .formules-inclus{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:14px 0 0;font-size:12px;color:var(--muted)}
body .formules-inclus span{font-weight:600;color:var(--ink-2);margin-right:2px}
body .formules-inclus i{font-style:normal;padding:2px 9px;border-radius:99px;background:#F3F5F9;color:var(--ink-2)}
@media (max-width:600px){body .formule-spec .spec-txt small{display:none}}
/* la phrase de chaque ligne peut passer à la ligne plutôt que d'être coupée ; le libellé reste sur une ligne */
body .formule-spec .spec-txt small{white-space:normal;overflow:visible;line-height:1.35}

/* ══ Paywall des formules : épuré et discret (texte plus petit, moins d'effets) ══ */
body .modale.large{padding:20px 22px 16px}
body .modale.large h2{font-size:17px}
body .modale.large .modale-texte{margin:3px 0 0;font-size:12px}
body .modale.large .label{font-size:10px}
body .formules-essai{margin:8px 0 0;padding:3px 10px;font-size:11.5px}
body .modale.large .formules-grille{gap:12px;margin-top:14px}
body .modale.large .formule,body .formule{padding:15px 15px 13px;border-radius:14px;box-shadow:none}
body .formule::before{height:2px}
body .formule:hover{box-shadow:none;transform:none}
body .formule.reco,body .formule.actuelle{box-shadow:none}
body .formule h3{font-size:14.5px}
body .formule-accroche{font-size:11.5px}
body .modale.large .formule-prix,body .formule-prix{margin:10px 0 0}
body .modale.large .formule-prix b,body .formule-prix b{font-size:24px;letter-spacing:-.03em}
body .formule-prix span{font-size:11.5px}
body .formule-ht{margin:2px 0 0;font-size:11px}
body .formule .formule-unite{margin:9px 0 0;padding:5px 9px;border-radius:9px;gap:6px}
body .formule .formule-unite b{font-size:13.5px}
body .formule .formule-unite span{font-size:11px}
body .formule .formule-unite i{padding:0 6px;font-size:10.5px}
body .formule-specs{margin:10px 0 12px}
body .modale.large .formule-spec,body .formule-spec{padding:7px 0}
body .formule-spec .spec-txt b{font-size:12px}
body .formule-spec .spec-txt small{font-size:10.5px}
body .formule-spec dd b{font-size:13px}
body .formule-spec dd small{font-size:10.5px}
body .formule-spec dt .coche-q{width:14px;height:14px}
body .formule-spec dt .coche-q svg{width:9px;height:9px}
body .formule .btn{height:34px;border-radius:9px;font-size:12.5px}
body .formule .btn-acc{background:var(--fb);box-shadow:none}
body .formule .btn-acc:hover{filter:brightness(1.08)}
body .formule-bandeau,body .modale.large .formule-bandeau{top:9px;right:10px;padding:2px 8px;font-size:10px}
body .formules-inclus{margin:10px 0 0;gap:4px 6px;font-size:11px}
body .formules-inclus span{font-weight:600}
body .formules-inclus i{padding:1px 7px;background:transparent;border:1px solid #E6E9F0;font-size:10.5px}
body .formule-note{margin:10px 0 0;font-size:11px}

/* paywall : les mots s'affichent en entier (texte plus petit, retour à la ligne plutôt que des points de suspension) */
body .formule-spec dt{gap:6px;overflow:visible}
body .formule-spec dt .coche-q{width:13px;height:13px}
body .formule-spec dt .coche-q svg{width:8px;height:8px}
body .formule-spec .spec-txt b{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
body .formule-spec .spec-txt small{font-size:10px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
body .formule-spec dd{margin-left:6px}
body .formule-spec dd b{font-size:12px;white-space:nowrap}
body .formule-spec dd small{font-size:10px}
body .formule h3{font-size:14px}
body .formule-accroche{font-size:11px}
body .formules-inclus,body .formules-inclus i{font-size:10.5px}

/* en haut du paywall : ce que fait Scopos, commun à toutes les formules */
body .formules-commun{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0}
body .formules-commun li{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--ink-2)}
body .formules-commun .coche-q{width:15px;height:15px;margin:0}
body .formules-commun .coche-q svg{width:9px;height:9px}

/* en haut du paywall : trois blocs égaux sur une ligne (ce que fait Scopos, commun à toutes les formules) */
body .formules-commun{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}
body .formules-commun li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #EEF0F5;border-radius:12px;background:linear-gradient(180deg,#FFFFFF,#F8FAFC)}
body .formules-commun .fc-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acc-soft);color:var(--acc);font-style:normal}
body .formules-commun span{display:grid;gap:1px;min-width:0}
body .formules-commun b{font-size:12.5px;font-weight:650;color:var(--ink)}
body .formules-commun small{font-size:11px;line-height:1.35;color:var(--muted)}
@media (max-width:760px){body .formules-commun{grid-template-columns:1fr}}

/* en haut du paywall : UNE barre « Dans toutes les formules » (et non trois cartes, qui ressemblaient à des offres) */
body .formules-commun{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:9px 14px;border:0;border-radius:12px;background:#F4F6FA}
body .formules-commun .fc-lead{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body .formules-commun ul{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none}
body .formules-commun li{display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:0;background:none;font-size:12.5px;font-weight:500;color:var(--ink-2)}
body .formules-commun li + li{border-left:1px solid #D9DEE8}
body .formules-commun li:first-child{padding-left:0}
body .formules-commun .fc-ico{flex:none;display:inline-grid;place-items:center;width:auto;height:auto;border-radius:0;background:none;color:var(--acc)}
@media (max-width:760px){body .formules-commun li{padding:0 12px 0 0}body .formules-commun li + li{border-left:0}}

/* ══ Packs de prospects : même design que les formules ══ */
body .modale-packs{max-width:760px}
body .fiches-plus{margin:14px 0 0;padding:0;border:0;background:none}
body .fiches-plus-texte{margin:2px 0 0;font-size:12px;color:var(--muted)}
body .fiches-plus-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
body .fiches-pack{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:15px 14px 13px;border:1px solid #E6E9F0;border-radius:14px;background:#fff;cursor:pointer;box-shadow:none;transform:none;transition:border-color .18s}
body .fiches-pack::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--fa),var(--fb))}
body .fiches-pack.fp-c0{--fa:#60A5FA;--fb:#2563EB;--fs:#E8F1FF;--ft:#1D4ED8}
body .fiches-pack.fp-c1{--fa:#34D399;--fb:#059669;--fs:#E4F7EE;--ft:#047857}
body .fiches-pack.fp-c2{--fa:#A78BFA;--fb:#6D28D9;--fs:#F1EBFF;--ft:#5B21B6}
body .fiches-pack.fp-c3{--fa:#FBBF24;--fb:#D97706;--fs:#FEF3D8;--ft:#B45309}
body .fiches-pack:hover:not([disabled]){border-color:var(--fb);box-shadow:none;transform:none}
body .fp-n{font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}
body .fp-n em{margin-right:1px;color:var(--fb)}
body .fp-u{margin-top:2px;font-size:11px;color:var(--muted)}
body .fp-prix{margin-top:10px;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
body .fp-prix small{margin-left:4px;font-size:10.5px;font-weight:500;color:var(--muted)}
body .fp-unit{display:flex;align-items:center;gap:5px;margin-top:8px;padding:4px 8px;border-radius:8px;background:var(--fs);color:var(--ft);font:500 10.5px var(--sans,inherit);white-space:nowrap}
body .fp-unit b{font-size:12px;font-weight:700}
body .fp-unit i{margin-left:auto;font-style:normal;padding:0 5px;border-radius:99px;background:#fff;font-weight:700;font-size:10px}
body .fp-cta{margin-top:10px;display:block;width:100%;padding:7px 0;border-radius:9px;background:var(--fb);color:#fff;font-size:12px;font-weight:600;text-align:center}
@media (max-width:760px){body .fiches-plus-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* barre « Dans toutes les formules » : le titre au-dessus, quatre bénéfices alignés sur deux colonnes */
body .formules-commun{display:block;padding:11px 14px 12px}
body .formules-commun .fc-lead{display:block;margin:0 0 8px}
body .formules-commun ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}
body .formules-commun li,body .formules-commun li:first-child{display:flex;align-items:center;gap:8px;padding:0;border:0;white-space:normal;line-height:1.35}
body .formules-commun li + li{border-left:0}
@media (max-width:760px){body .formules-commun ul{grid-template-columns:1fr}}

/* paywall : texte plus discret, chiffres bien visibles (gras, à la couleur de la formule) */
body .formule-spec .spec-txt b{font-size:10.5px;font-weight:600;color:var(--ink-2)}
body .formule-spec .spec-txt small{font-size:9.5px}
body .formule-spec dd b{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ft,var(--ink))}
body .formule-spec dd small{font-size:10px;font-weight:500;color:var(--muted)}
body .formule-spec{padding:8px 0}

/* ══ Packs : alignement et finition ══ */
body .fiches-plus-liste{align-items:stretch}
body .fiches-pack{padding:16px 15px 14px}
body .fp-n{display:flex;align-items:baseline;gap:1px}
body .fp-u{margin-top:3px}
body .fp-prix{margin-top:14px}
body .fp-unit{margin-top:8px;margin-bottom:14px;width:100%;box-sizing:border-box;flex-wrap:nowrap;white-space:nowrap}
body .fp-cta{margin-top:auto;box-sizing:border-box}
body .fp-remise{position:absolute;top:14px;right:12px;padding:2px 8px;border-radius:99px;background:var(--fs);color:var(--ft);font-size:11px;font-weight:700}

/* en tête de chaque carte : ce que fait Scopos (coches), puis les chiffres */
body .formule-socle{list-style:none;display:grid;gap:7px;margin:14px 0 0;padding:0}
body .formule-socle li{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;font-weight:500;line-height:1.35;color:var(--ink-2)}
body .formule-socle .coche-q{width:14px;height:14px;margin-top:1px;flex:none;background:var(--fs);color:var(--ft)}
body .formule-socle .coche-q svg{width:9px;height:9px}
body .formule-socle + .formule-specs{margin-top:12px}
/* « 1 fois par » sur une ligne, « semaine » ou « jour » dessous, alignés à droite */
body .formule-spec dd small{display:inline-block;vertical-align:middle;line-height:1.2;text-align:right}
/* rythme de la veille : « 1 fois par » puis la période en pastille ; « JOUR » (Max) bien en évidence */
body .formule-spec dd small{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;vertical-align:middle;line-height:1.15;text-align:right}
body .formule-spec dd small .per{display:block;padding:1px 9px;border-radius:99px;background:var(--fs);color:var(--ft);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
body .formule-spec dd small .per.per-fort{background:var(--fb);color:#fff;box-shadow:0 6px 12px -8px var(--fh)}
/* « jusqu'à » devant le nombre de prospects : un plafond, pas une promesse */
body .formule-spec dd .avant{margin-right:5px;font-size:11px;font-weight:600;color:var(--ink-2)}

/* « 1 fois par » sur une seule ligne (le chiffre juste avant « fois »), la période en pastille dessous, à droite */
body .formule-spec dd small{display:inline;line-height:inherit;text-align:right}
body .formule-spec dd .per{display:block;width:fit-content;margin:3px 0 0 auto;padding:1px 9px;border-radius:99px;background:var(--fs);color:var(--ft);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
body .formule-spec dd .per.per-fort{background:var(--fb);color:#fff;box-shadow:0 6px 12px -8px var(--fh)}

/* ══ Page d'un prospect : lecture claire, puis deux blocs d'action (contacts | courriel), dans l'esprit des sous-menus de l'entreprise ══ */
body[data-shell="app"] .fiche-solo article.fiche > .corps.fs-corps{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr) !important;gap:16px 20px !important;align-items:start;padding:20px 0 0 !important}
.fiche .fs-corps .fs-lecture{grid-column:1 / -1;display:grid;gap:14px;min-width:0}
.fiche .fs-corps .fs-resume{margin:0;max-width:80ch;font-size:15px;line-height:1.6;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.fiche .fs-corps .fs-resume.ouvert{display:block;-webkit-line-clamp:unset;cursor:default}
.fiche .fs-corps .fs-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fiche .fs-corps .fs-bloc,.fiche .fs-corps .fs-carte{min-width:0;margin:0;padding:16px 18px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 26px -24px rgba(17,19,24,.4)}
.fiche .fs-corps .fs-bloc h4,.fiche .fs-corps .fs-carte h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.fiche .fs-corps .fs-carte h4 small{margin-left:auto;font-family:var(--sans);font-size:11.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.fiche .fs-corps .fs-ico{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(17,19,24,.05);color:var(--muted);font-style:normal}
.fiche .fs-corps .fs-ico svg{width:16px;height:16px}
.fiche .fs-corps .fs-duo .fs-bloc:first-child .fs-ico{background:rgba(2,181,142,.14);color:var(--acc)}
.fiche .fs-corps .fs-duo .fs-bloc:last-child .fs-ico{background:#EEE9FF;color:#5B3FD0}
.fiche .fs-corps .fs-ico.vert{background:linear-gradient(145deg,#12CC9B,#047257);color:#fff;box-shadow:0 8px 14px -8px rgba(4,128,101,.8)}
.fiche .fs-corps .fs-bloc p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink)}
/* dernière actualité : un filet fin, une phrase */
.fiche .fs-corps .fs-actu{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 14px;border:1px solid rgba(2,181,142,.22);border-radius:12px;background:linear-gradient(100deg,rgba(2,181,142,.07),rgba(124,92,255,.04));font-size:14px;line-height:1.55;color:var(--ink-2)}
.fiche .fs-corps .fs-actu .etincelle{flex:none;width:14px;height:14px;margin-top:3px;color:var(--acc)}
.fiche .fs-corps .fs-actu b{margin-right:7px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.fiche .fs-corps .fs-actu a{font-family:var(--mono);font-size:12px;color:var(--acc);white-space:nowrap}
/* contacts : une icône, la valeur, l'état, la source */
.fiche .fs-corps .fs-liste{list-style:none;margin:0;padding:0;display:grid}
.fiche .fs-corps .fs-ct{display:flex;align-items:flex-start;gap:12px;padding:11px 0}
.fiche .fs-corps .fs-ct:first-child{padding-top:0}
.fiche .fs-corps .fs-ct + .fs-ct{border-top:1px dashed rgba(17,19,24,.13)}
.fiche .fs-corps .fs-ct-corps{flex:1;min-width:0}
.fiche .fs-corps .fs-ct-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.fiche .fs-corps .fs-ct .val{font-size:15.5px;font-weight:600;color:var(--ink);border:0;text-decoration:none;overflow-wrap:anywhere}
.fiche .fs-corps .fs-ct .val:hover{color:var(--acc)}
.fiche .fs-corps .fs-ct .src{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--acc)}
.fiche .fs-corps .fs-ct em{display:block;margin-top:3px;font-style:normal;font-size:13px;line-height:1.45;color:var(--muted)}
.fiche .fs-corps .fs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(17,19,24,.13)}
.fiche .fs-corps .fs-contacts .zone-partage:empty{display:none}
/* courriel : à / objet en lignes fines, le message lisible, l'envoi en grand */
.fiche .fs-corps .fs-champ{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.fiche .fs-corps .fs-etiq{flex:none;width:46px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.fiche .fs-corps .fs-val{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.fiche .fs-corps .fs-carte .copier{position:static;transform:none;flex:none;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;color:var(--ink-2)}
.fiche .fs-corps .fs-message{margin:12px 0 0;padding:14px 16px;max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--sans);font-size:14.5px;line-height:1.65;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}
.fiche .fs-corps .fs-envoi .copier{margin-left:auto;padding:0 12px;height:34px;border:1px solid var(--line-2);background:#fff}
.fiche .fs-corps .fs-envoi{border-top:0;padding-top:0}
.fiche .fs-corps .fs-courriel .note{margin:10px 0 0}
/* le titre : l'étiquette ne déborde plus de la ligne du nom */
.fiche-solo article.fiche > header > div > .meta{min-width:0;max-width:50%}
.fiche-solo article.fiche > header > div > .meta .puce{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
  body[data-shell="app"] .fiche-solo article.fiche > .corps.fs-corps{grid-template-columns:minmax(0,1fr) !important}
  .fiche .fs-corps .fs-duo{grid-template-columns:minmax(0,1fr)}
  .fiche-solo article.fiche > header > div > .meta{max-width:none}
}

/* ══ Page d'un prospect, version empilée : une colonne, des encarts les uns sous les autres, le courriel en vedette ══ */
body[data-shell="app"] #vue > .fiche-solo.monte,body[data-shell="app"] #vue > .fiche-detail{max-width:920px !important}
body[data-shell="app"] .fiche-solo article.fiche > .corps.fs-corps{grid-template-columns:minmax(0,1fr) !important;gap:16px !important;padding-top:22px !important}
.fiche .fs-corps .fs-lecture{display:grid;gap:16px}
.fiche .fs-corps .fs-resume{max-width:none;font-size:16px;line-height:1.6;color:var(--ink-2);-webkit-line-clamp:3}
/* l'encart : blanc, filet fin, ombre douce ; le titre en lecture normale (plus de capitales à espacer) */
.fiche .fs-corps .fs-bloc,.fiche .fs-corps .fs-carte{padding:20px 24px 22px;border:1px solid rgba(17,19,24,.07);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.04),0 18px 36px -28px rgba(17,19,24,.38)}
.fiche .fs-corps .fs-bloc h4,.fiche .fs-corps .fs-carte h4{gap:12px;margin:0 0 14px;font-family:var(--sans);font-size:15.5px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.fiche .fs-corps .fs-carte h4 small{margin-left:auto;padding:3px 10px;border-radius:999px;background:linear-gradient(100deg,rgba(124,92,252,.1),rgba(2,181,142,.1));font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:#4B35B8}
.fiche .fs-corps .fs-ico{width:34px;height:34px;border-radius:11px}
.fiche .fs-corps .fs-ico svg{width:18px;height:18px}
.fiche .fs-corps .fs-bloc p{font-size:15.5px;line-height:1.7;color:var(--ink)}
/* dernière actualité : rangée dans « Pourquoi maintenant », comme sa preuve */
.fiche .fs-corps .fs-pourquoi .fs-actu{margin:16px 0 0;padding:12px 14px;border:0;border-radius:12px;background:var(--bg-soft);font-size:14px}
.fiche .fs-corps .fs-pourquoi .fs-actu b{display:block;margin:0 0 3px}
/* contacts : lignes aérées */
.fiche .fs-corps .fs-ct{padding:14px 0}
.fiche .fs-corps .fs-ct .fs-ico{width:34px;height:34px}
.fiche .fs-corps .fs-ct .val{font-size:16px}
.fiche .fs-corps .fs-ct em{font-size:13.5px}
.fiche .fs-corps .fs-actions{margin-top:16px;padding-top:16px}
/* courriel : l'encart vedette, bordure dégradée comme les encarts IA du ciblage */
.fiche .fs-corps .fs-courriel{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,252,.55),rgba(2,181,142,.45)) border-box;box-shadow:0 26px 48px -34px rgba(124,92,252,.55)}
.fiche .fs-corps .fs-champ{padding:11px 0}
.fiche .fs-corps .fs-val{font-size:15px}
.fiche .fs-corps .fs-message{max-height:380px;padding:18px 20px;border-radius:14px;font-size:15px;line-height:1.7}
.fiche .fs-corps .fs-envoi{margin-top:16px}
.fiche .fs-corps .fs-envoi .btn-acc{height:44px;padding:0 20px;border-radius:12px;font-size:15px}
@media (max-width:700px){
  .fiche .fs-corps .fs-bloc,.fiche .fs-corps .fs-carte{padding:16px 16px 18px;border-radius:16px}
}
.fiche .fs-corps .fs-pourquoi > h4 .fs-ico{background:rgba(2,181,142,.14);color:var(--acc)}
.fiche .fs-corps .fs-approche > h4 .fs-ico{background:#EEE9FF;color:#5B3FD0}
.fiche .fs-corps .fs-ct:last-child{padding-bottom:0}

/* ══ Page d'un prospect : plus compacte — textes et encarts plus petits, « Pourquoi » et « Approche » côte à côte ══ */
body[data-shell="app"] .barre-fiche .long{margin-left:.3em}
body[data-shell="app"] .fiche-solo article.fiche > .corps.fs-corps{gap:12px !important;padding-top:16px !important}
.fiche .fs-corps .fs-lecture{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.fiche .fs-corps .fs-lecture > .fs-resume{grid-column:1 / -1}
.fiche .fs-corps .fs-resume{font-size:14px;line-height:1.55}
.fiche .fs-corps .fs-bloc,.fiche .fs-corps .fs-carte{padding:14px 16px 16px;border-radius:14px;box-shadow:0 1px 2px rgba(17,19,24,.04),0 10px 22px -20px rgba(17,19,24,.3)}
.fiche .fs-corps .fs-bloc h4,.fiche .fs-corps .fs-carte h4{gap:9px;margin:0 0 10px;font-size:13.5px}
.fiche .fs-corps .fs-ico{width:26px;height:26px;border-radius:8px}
.fiche .fs-corps .fs-ico svg{width:14px;height:14px}
.fiche .fs-corps .fs-bloc p{font-size:13.5px;line-height:1.6}
.fiche .fs-corps .fs-carte h4 small{padding:2px 8px;font-size:10px}
.fiche .fs-corps .fs-pourquoi .fs-actu{margin-top:12px;padding:9px 11px;border-radius:10px;font-size:12.5px;line-height:1.5}
.fiche .fs-corps .fs-actu b{font-size:9.5px}
.fiche .fs-corps .fs-actu a{font-size:11px}
.fiche .fs-corps .fs-ct{gap:10px;padding:10px 0}
.fiche .fs-corps .fs-ct:first-child{padding-top:0}
.fiche .fs-corps .fs-ct:last-child{padding-bottom:0}
.fiche .fs-corps .fs-ct .fs-ico{width:26px;height:26px}
.fiche .fs-corps .fs-ct .val{font-size:14px}
.fiche .fs-corps .fs-ct .src{font-size:11px}
.fiche .fs-corps .fs-ct em{font-size:12.5px;line-height:1.45}
.fiche .fs-corps .fs-ct .puce{font-size:10px;padding:2px 6px}
.fiche .fs-corps .fs-actions{margin-top:12px;padding-top:12px;gap:6px}
.fiche .fs-corps .fs-actions .btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:9px}
.fiche .fs-corps .fs-champ{padding:8px 0;gap:8px}
.fiche .fs-corps .fs-etiq{width:40px;font-size:9.5px}
.fiche .fs-corps .fs-val{font-size:13.5px}
.fiche .fs-corps .fs-carte .copier{padding:3px 9px;font-size:11.5px}
.fiche .fs-corps .fs-message{max-height:260px;margin-top:10px;padding:12px 14px;border-radius:11px;font-size:13.5px;line-height:1.6}
.fiche .fs-corps .fs-envoi{margin-top:12px}
.fiche .fs-corps .fs-envoi .btn-acc{height:38px;padding:0 16px;border-radius:10px;font-size:13.5px}
.fiche .fs-corps .fs-envoi .copier{height:30px;font-size:12.5px}
@media (max-width:760px){.fiche .fs-corps .fs-lecture{grid-template-columns:minmax(0,1fr)}}

/* Page d'un prospect : le résumé est le sous-titre — un filet dégradé à gauche, une lecture posée */
.fiche .fs-corps .fs-resume{position:relative;max-width:76ch;margin:2px 0 6px;padding:2px 0 2px 18px;font-size:15px;line-height:1.6;font-weight:450;letter-spacing:-.005em;color:var(--ink-2)}
.fiche .fs-corps .fs-resume::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:3px;background:linear-gradient(180deg,#12CC9B,#7C5CFC)}

/* « Abandonner » : un petit texte sous la carte, à gauche — discret, jamais un bouton d'action */
.fiche-abandon{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;max-width:1180px;margin:14px auto 0;padding:0 4px}
body[data-shell="app"] .fiche-abandon{margin:12px 0 0;padding:0}
.lien-abandon{padding:2px 0;border:0;background:none;font:500 13px var(--sans,inherit);color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.lien-abandon:hover{color:var(--ink);text-decoration-color:currentColor}
.fiche-abandon small{font-size:12px;color:var(--faint,#9aa1ad)}

/* « Ouvrir » : un vrai bouton entre le statut et le partage (il ouvre la page du prospect) */
body .fiche-carte .actions-carte .ouvrir{display:inline-flex !important;align-items:center;justify-content:center;height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:13px;background:#fff;font:600 14px var(--sans,inherit);color:var(--ink);white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
body .fiche-carte .actions-carte .ouvrir:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}
body .fiche-carte .actions-carte .ouvrir .ouvert{display:none}
body .fiche-carte .actions-carte .ouvrir .ferme{display:inline}
body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:20px !important}
@media (max-width:760px){body .fiche-carte .actions-carte .ouvrir{height:38px;padding:0 14px}}

/* Encart « Devenir ambassadeur » du menu : l'icône reste petite, le texte prend la place restante (la règle « span » l'étirait) */
.reco-devenir > span:not(.amb-ico){flex:1;min-width:0}
.reco-devenir > .amb-ico{flex:none !important;width:26px !important;min-width:26px;height:26px}
.reco-devenir{white-space:normal;line-height:1.2}
.reco-devenir > span:not(.amb-ico){overflow-wrap:anywhere}

/* « À découvrir » : le travail de Scopos en trois chiffres, discret sous le titre */
.travail-scopos{display:flex;flex-wrap:wrap;gap:6px 8px;margin:10px 0 0}
.travail-scopos span{display:inline-flex;align-items:baseline;gap:6px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;color:var(--muted)}
.travail-scopos b{font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}

/* Menu « Résultats » : une étoile à la place du chiffre, pour dire que c'est la page importante */
.app-nav .app-item em.app-badge{display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:8px;background:linear-gradient(145deg,#12CC9B,#047257);box-shadow:0 6px 12px -8px rgba(4,128,101,.8)}
.app-nav .app-item em.app-badge svg{width:13px;height:13px;padding:0;border-radius:0;background:none;box-shadow:none;color:#fff;fill:rgba(255,255,255,.92)}
.app-nav .app-item.actif em.app-badge{background:linear-gradient(145deg,#12CC9B,#047257);border:0}

/* « Ouvrir » : même bouton partout (fiche offerte comme fiche débloquée) ; il ouvre la page du prospect */
body .fiche-carte .actions-carte .ouvrir{pointer-events:auto !important;cursor:pointer;background:var(--acc) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 8px 18px -10px rgba(4,128,101,.7);animation:none !important}
body .fiche-carte .actions-carte .ouvrir span{background:none !important;color:inherit !important}
body .fiche-carte .actions-carte .ouvrir:hover{filter:brightness(1.06);background:var(--acc) !important;color:#fff !important}

/* Paywall : la ligne des prospects par mois est la première promesse : un bloc teinté, le chiffre en grand */
body .formule .formule-spec.principale{align-items:center;margin:2px 0 6px;padding:13px 14px;border:0;border-radius:14px;background:var(--fs);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fb) 22%,transparent)}
body .formule .formule-spec.principale dt{align-items:center}
body .formule .formule-spec.principale .spec-txt b{font-size:14.5px;font-weight:700;color:var(--ink)}
body .formule .formule-spec.principale .spec-txt small{font-size:12px;color:var(--ink-2)}
body .formule .formule-spec.principale .coche-q{background:var(--fb);color:#fff}
body .formule .formule-spec.principale dd b{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--fb)}
body .formule .formule-spec.principale + .formule-spec{border-top:0}
@media (max-width:600px){body .formule .formule-spec.principale .spec-txt small{display:block !important}}

/* ── Téléphone : la carte se retourne (comme sur le site). Recto : rond et étiquette, titre, boutons. Verso : pourquoi maintenant, département et date, boutons. ── */
.verso-meta{display:none}
@media (max-width:700px){
  body[data-shell="app"] #lots .carte.choix.flip{height:214px !important;cursor:pointer}
  body[data-shell="app"] #lots .carte.choix.flip .flip-in{transform:rotateX(var(--rx)) rotateY(var(--ry)) scaleY(var(--sens,1)) !important;translate:none !important;scale:1 !important}
  body[data-shell="app"] #lots .carte.choix.flip.retournee{--sens:-1}
  body[data-shell="app"] #lots .carte.choix.flip.retournee .face.recto{visibility:hidden !important}
  body[data-shell="app"] #lots .carte.choix.flip:not(.retournee) .face.verso{visibility:hidden !important}
  /* recto */
  body[data-shell="app"] #lots .carte.choix.flip .face.recto{display:flex !important;flex-direction:column !important;padding:14px 16px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-haut{margin:0 !important;padding:0 38px 0 0 !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{margin:12px 0 0 !important;padding-right:34px !important;font-size:15.5px !important;line-height:1.38 !important;-webkit-line-clamp:3 !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison,body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-meta{display:none !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{position:static !important;margin:auto 0 0 !important;padding:0 !important;width:100% !important;border:0 !important;flex-direction:row !important;align-items:stretch !important;gap:8px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .retourner{display:inline-flex !important;flex:0 0 auto;justify-content:center;width:auto !important;height:42px !important;padding:0 14px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .r-debloquer{flex:1 1 0;min-width:0;width:auto !important;height:42px !important;justify-content:center;white-space:nowrap;padding:0 10px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{position:absolute !important;margin:0 !important;top:14px !important;right:14px !important;left:auto !important;bottom:auto !important;grid-row:auto !important;grid-column:auto !important}
  /* verso */
  body[data-shell="app"] #lots .carte.choix.flip .face.verso{display:flex !important;flex-direction:column !important;padding:14px 16px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .label{margin:0 0 6px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-raison{display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:4 !important;overflow:hidden !important;max-height:none !important;margin:0 !important;font-size:14.5px;line-height:1.45}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-meta{display:flex !important;margin:8px 0 0 !important;font-size:10.5px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions{margin-top:auto !important;width:100% !important;flex-direction:row !important;align-items:stretch !important;gap:8px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions .btn{flex:1 1 0;min-width:0;width:auto !important;height:42px !important;padding:0 8px !important;justify-content:center;font-size:13px !important;white-space:nowrap}
}

/* ── Téléphone : encart « Recherche automatique » compact (explication derrière l'icône i, interrupteur à droite), sans les trois pastilles au-dessus ── */
.auto-info{display:none}
.auto-dates{display:none}
@media (max-width:700px){
  body .auto-puces-haut{display:none !important}
  body .maj-carte.auto-maj{flex-wrap:nowrap !important;align-items:center !important;gap:12px !important}
  body .maj-carte.auto-maj .maj-ico{flex:none}
  body .maj-carte.auto-maj .maj-corps{flex:1 1 0 !important;min-width:0 !important}
  body .maj-carte.auto-maj .maj-droite{flex:0 0 auto !important;margin-left:auto;width:auto !important}
  body .maj-carte.auto-maj .maj-corps > b{display:flex !important;align-items:center;flex-wrap:wrap;gap:6px 8px}
  .auto-info{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:-2px;padding:0;border:0;border-radius:50%;background:transparent;color:#6D5BD0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .auto-info:active{background:rgba(124,92,252,.12)}
  body .maj-carte.auto-maj .maj-corps > p.auto-texte{display:none !important}
  body .maj-carte.auto-maj.info-ouverte .maj-corps > p.auto-texte{display:block !important;margin-top:8px}
  body .maj-carte.auto-maj.info-ouverte .auto-info{background:rgba(124,92,252,.14)}
  body .maj-carte.auto-maj .auto-dates{display:block;margin-top:8px;font:500 12px var(--mono,ui-monospace,monospace);color:#6B7280}
  /* Menu « Types de pistes » ouvert : le fond est assombri, comme pour l'assistant */
  body:has(.filtres-ligne details.reglage[open])::before{content:'';position:fixed;inset:0;z-index:55;background:rgba(10,12,16,.5);animation:assist-voile .2s ease both}
  .filtres-ligne details.reglage[open]{position:relative;z-index:60}
}

/* ── Téléphone : « Mes prospects » : la croix de retrait dans l'angle de la carte, sans numéro ni ligne ville · date ; page Abonnement remise en page ── */
@media (max-width:700px){
  body .fiche-carte > summary.carte{position:relative}
  body .fiche-carte > summary.carte .anneau,
  body .fiche-carte > summary.carte .meta-texte{display:none !important}
  body .fiche-carte > summary.carte .actions-carte{position:static !important;transform:none !important;width:auto !important;right:auto !important;top:auto !important}
  body .fiche-carte > summary.carte .actions-carte .fiche-retirer{position:absolute !important;top:8px;right:8px;z-index:3;width:34px !important;height:34px !important;min-width:0 !important;border-radius:50% !important;font-size:22px;background:transparent}
  body .fiche-carte > summary.carte > div:not(.actions-carte){padding-right:34px}
  /* Abonnement : une colonne (identité, état, boutons côte à côte) */
  body .cpt-abo{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important;padding:16px !important}
  body .cpt-abo .cpt-actions{justify-content:space-between !important;flex-wrap:nowrap !important;gap:12px !important}
  body .cpt-abo .cpt-actions .btn{flex:1 1 auto;justify-content:center}
}
/* Abonnement : le nombre de prospects restants à la place de la barre de progression */
.cpt-etat .cpt-formule{flex-wrap:wrap;gap:6px 12px}
.cpt-etat .cpt-restant{font-size:14px;color:var(--ink-2)}
.cpt-etat .cpt-restant b{font-size:17px;font-weight:700;color:var(--ink)}
.cpt-etat .cpt-restant .cpt-i{margin-left:8px}
.cpt-etat .cpt-reste{display:block;margin-top:2px}
@media (max-width:700px){
  body[data-shell="app"] .grille-fiches > details.fiche-carte{padding-right:0 !important}
}
@media (max-width:700px){
  body[data-shell="app"] .grille-fiches > details.fiche-carte > summary.carte{width:100% !important;max-width:none !important;margin-right:0 !important}
}

/* ── Accueil : encart « IA unique », film en boucle et les 4 étapes en images ; Vue d'ensemble : bandeau photo ── */
.ia-unique{max-width:680px;margin:18px auto 0;padding:14px 18px 15px;border:1px solid #D9F0E8;border-radius:16px;background:linear-gradient(135deg,#F2FBF7 0%,#F7F5FF 100%);text-align:left;box-shadow:0 14px 30px -24px rgba(4,114,87,.45)}
.ia-unique-etq{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:99px;background:#06A87E;color:#fff;font:600 11.5px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase}
.ia-unique-etq svg{width:12px;height:12px}
.ia-unique p{margin:9px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2,#3a4150)}
.ia-unique p b{font-weight:650;color:var(--ink,#111318)}
.ia-unique-fin{display:block;margin-top:4px;color:#047257 !important}
.film-acc .film-cadre{position:relative;overflow:hidden;max-width:960px;margin:0 auto 44px;border-radius:22px;aspect-ratio:16/9;background:#d8cdb9 url(/media/hero-bureau.jpg) center/cover no-repeat;box-shadow:0 30px 60px -36px rgba(17,19,24,.55)}
.film-video{position:absolute;top:0;bottom:0;right:0;left:auto;width:124%;max-width:none;height:100%;object-fit:cover;object-position:50% 40%}
.film-cadre::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,0) 38%,rgba(7,9,13,.62) 100%)}
.film-texte{position:absolute;z-index:2;right:clamp(16px,4vw,44px);top:50%;transform:translateY(-50%);max-width:min(36%,340px);margin:0;color:#fff;font-size:clamp(13px,1.7vw,20px);line-height:1.4;font-weight:500;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.film-texte b{color:#8FF5D4;font-weight:650}
.etapes-images{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.etapes-images figure{margin:0}
.etapes-images img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 22px 40px -28px rgba(17,19,24,.6);background:#0b0d12}
.etapes-images figcaption{margin-top:10px;font-size:13.5px;line-height:1.45;color:var(--muted,#6b7280)}
.etapes-images figcaption b{display:block;color:var(--ink,#111318);font-size:14.5px;margin-bottom:2px}
.etapes-note{margin:14px 0 0;text-align:center;font:500 12px var(--mono,ui-monospace,monospace);color:var(--muted,#6b7280)}
@media (max-width:860px){.etapes-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .film-acc .film-cadre{aspect-ratio:4/5;margin-bottom:34px}
  .film-video{left:0;right:auto;width:100%;object-position:34% 50%}
  .film-cadre::after{background:linear-gradient(0deg,rgba(7,9,13,.78) 0%,rgba(7,9,13,0) 62%)}
  .film-texte{top:auto;bottom:16px;right:16px;left:16px;transform:none;max-width:none;font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.film-video{display:none}}

/* ── Accueil (2e passe) : icône blanche, phrase finale à droite et en avant ; film 5:4 (on voit l'ordinateur) + métiers qui défilent ; étapes agrandissables ── */
.ia-unique-etq svg{color:#fff !important;width:13px;height:13px}
.ia-unique-etq svg path{fill:#fff !important}
.ia-unique > p:not(.ia-unique-fin){margin-top:9px}
.ia-unique .ia-unique-fin{margin:12px 0 0;text-align:right;font-size:18px;line-height:1.25;font-weight:750;letter-spacing:-.02em;color:#047257}
.ia-unique .ia-unique-fin::before{content:'';display:inline-block;width:26px;height:3px;margin:0 10px 4px 0;border-radius:2px;background:linear-gradient(90deg,#8FF5D4,#06A87E);vertical-align:middle}
.sans-siret{margin:14px 0 0}
.film-acc .film-grille{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;max-width:980px;margin:0 auto 46px}
.film-acc .film-cadre{margin:0;max-width:none;aspect-ratio:5/4;border-radius:22px}
.film-acc .film-video{position:absolute;inset:0;left:0;right:auto;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.film-acc .film-cadre::after{background:linear-gradient(0deg,rgba(7,9,13,.74) 0%,rgba(7,9,13,.4) 26%,rgba(7,9,13,0) 52%)}
.film-acc .film-texte{position:static;transform:none;max-width:none;color:var(--ink,#111318);text-shadow:none;font-size:clamp(20px,2.4vw,30px);line-height:1.3;font-weight:650;letter-spacing:-.02em}
.film-acc .film-texte b{color:#048065}
.metiers{position:absolute;z-index:2;left:0;right:0;bottom:14px;display:grid;gap:8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.metiers-ligne{overflow:hidden}
.metiers-piste{display:flex;gap:8px;width:max-content;animation:metiers-defile var(--v,40s) linear infinite}
.metiers-ligne:nth-child(2) .metiers-piste{animation-direction:reverse}
@keyframes metiers-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.metier{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:99px;background:rgba(10,12,16,.55);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.metier i{flex:none;width:6px;height:6px;border-radius:50%;background:#35E0B0}
@media (max-width:760px){.film-acc .film-grille{grid-template-columns:minmax(0,1fr);margin-bottom:36px}.film-acc .film-texte{font-size:20px}}
@media (prefers-reduced-motion:reduce){.metiers-piste{animation:none}}
.etape-zoom{display:block;width:100%;padding:0;border:0;background:none;border-radius:16px;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.etape-zoom:focus-visible{outline:3px solid #06A87E;outline-offset:3px}
.zoom-fond{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px;background:rgba(7,9,13,.84);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out;animation:assist-voile .18s ease both}
.zoom-fond img{display:block;max-width:min(94vw,640px);max-height:92vh;width:auto;height:auto;border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.zoom-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.zoom-x:hover{background:rgba(255,255,255,.26)}
/* Les métiers défilent sous le film (et non plus dessus : on voit la jeune femme devant son ordinateur) */
.film-acc .film-col{min-width:0}
.film-acc .metiers{position:static;margin-top:12px;bottom:auto;left:auto;right:auto}
.film-acc .film-cadre::after{display:none}
.film-acc .metier{background:#F2FBF7;border:1px solid #D2EDE2;color:var(--ink,#111318)}
.film-acc .metier i{background:#06A87E}
/* Les métiers défilent SUR le film, en bas, en verre transparent (comme dans le reel) ; le film est carré pour que l'ordinateur reste visible au-dessus */
.film-acc .film-cadre{aspect-ratio:1/1}
.film-acc .film-cadre::after{display:block;background:linear-gradient(0deg,rgba(7,9,13,.62) 0%,rgba(7,9,13,.28) 24%,rgba(7,9,13,0) 44%)}
.film-acc .metiers{position:absolute;z-index:2;left:0;right:0;bottom:12px;margin:0;gap:7px}
.film-acc .metier{padding:5px 12px;font-size:12.5px;background:rgba(10,12,16,.46);border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.film-acc .metier i{background:#35E0B0}
/* L'encart « IA unique » prend la place du texte à côté du film : même hauteur que la vidéo */
.film-acc .film-grille{align-items:stretch}
.film-acc .ia-unique{max-width:none;margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(18px,2.6vw,30px)}
.film-acc .ia-unique-etq{align-self:flex-start;font-size:12.5px;padding:4px 12px}
.film-acc .ia-unique > p:not(.ia-unique-fin){margin:0;font-size:clamp(16px,1.75vw,21px);line-height:1.55;color:var(--ink-2,#3a4150)}
.film-acc .ia-unique > p b{color:var(--ink,#111318)}
.film-acc .ia-unique .ia-unique-fin{margin:0;font-size:clamp(19px,2.1vw,26px);line-height:1.2}
@media (max-width:760px){.film-acc .ia-unique{height:auto;gap:14px}}

/* ── Accueil : un seul rythme vertical (même écart entre sections, même écart entre un titre et son contenu) ── */
:root{--ecart-section:clamp(36px,5vw,56px);--ecart-titre:clamp(20px,3vw,28px)}
.entete.accueil .etapes{margin-top:var(--ecart-section) !important}
.film-acc.sec{padding-top:calc(var(--ecart-section) - 8px) !important}
.film-acc .film-grille{margin-bottom:var(--ecart-section)}
.film-acc .etapes-images{margin-top:var(--ecart-titre)}
.film-acc .etapes-note{margin-top:14px}
.recevez.sec{padding-top:var(--ecart-section) !important;padding-bottom:0 !important}
.recevez .titre-sec{margin-bottom:var(--ecart-titre) !important}
.recevez #exemple{margin-top:0}
.recevez .prix-ligne{margin-top:var(--ecart-titre) !important}
.recevez .pile{margin-top:0 !important}
.entete.accueil{padding-bottom:0 !important}
.film-acc.sec{padding-top:var(--ecart-section) !important}
/* « Comment ça marche » retiré : le film et l'encart se suivent directement, la section suivante porte son propre écart */
.film-acc .film-grille{margin-bottom:0}
.film-acc.sec{padding-bottom:0}
/* Encart « IA unique » : texte plus petit et plus léger */
.film-acc .ia-unique > p:not(.ia-unique-fin){font-size:clamp(14px,1.3vw,16px);line-height:1.6;font-weight:400;color:#5f6877}
.film-acc .ia-unique > p b{font-weight:600;color:var(--ink,#111318)}
.film-acc .ia-unique .ia-unique-fin{font-size:clamp(16px,1.6vw,19px);font-weight:650;line-height:1.3}
.film-acc .ia-unique-etq{font-size:11.5px}

/* ── Encart des tarifs de l'accueil : bordure lumineuse « IA », prix par prospect en grand ── */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes prix-ia-tourne{to{--ang:360deg}}
.prix-ia{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:var(--ecart-titre);padding:clamp(22px,3.2vw,36px);border-radius:26px;background:linear-gradient(135deg,#F2FBF7 0%,#F8F6FF 62%,#F2FBF7 100%);box-shadow:0 30px 60px -38px rgba(4,114,87,.5)}
.prix-ia::before{content:'';position:absolute;inset:0;z-index:-1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--ang),#35E0B0,#8C78FF 34%,#35E0B0 52%,#06A87E 76%,#35E0B0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:prix-ia-tourne 9s linear infinite}
.prix-ia::after{content:'';position:absolute;z-index:-1;right:-60px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(140,120,255,.22),transparent 68%);pointer-events:none}
.prix-ia-etq{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;border-radius:99px;background:#06A87E;color:#fff;font:600 11.5px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase}
.prix-ia-etq svg{width:12px;height:12px;color:#fff}
.prix-ia-etq svg path{fill:#fff}
.prix-ia-titre{margin:12px 0 0;font-size:clamp(24px,3.2vw,36px);line-height:1.1;font-weight:750;letter-spacing:-.035em;color:var(--ink,#111318)}
.prix-ia-titre em{font-style:normal;background:linear-gradient(90deg,#06A87E,#7C5CFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.prix-ia-sous{margin:10px 0 0;font-size:clamp(14px,1.3vw,16px);line-height:1.55;color:#5f6877}
.prix-ia-sous b{font-weight:650;color:var(--ink,#111318)}
.prix-ia-droite{padding-left:clamp(0px,3vw,36px);border-left:1px solid rgba(124,92,252,.18);text-align:left}
.prix-ia-pre{display:block;font:500 12.5px var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#6B7280}
.prix-ia-montant{margin:4px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.prix-ia-montant b{font-size:clamp(46px,6.2vw,72px);line-height:1;font-weight:800;letter-spacing:-.05em;background:linear-gradient(120deg,#047257,#06A87E 45%,#7C5CFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.prix-ia-montant small{font-size:clamp(15px,1.5vw,18px);font-weight:600;color:var(--ink,#111318)}
.prix-ia-note{display:block;margin-top:8px;font-size:12.5px;line-height:1.45;color:#6B7280}
@media (max-width:760px){
  .prix-ia{grid-template-columns:minmax(0,1fr)}
  .prix-ia-droite{padding:16px 0 0;border-left:0;border-top:1px solid rgba(124,92,252,.18)}
}
@media (prefers-reduced-motion:reduce){.prix-ia::before{animation:none}}

/* Piste remplacée après enquête : on le dit au client */
.note-remplace{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#FFF8E6;border:1px solid #F5E2A8;color:#6B4A00;font-size:13px;line-height:1.45}

/* Paywall : rappel de la fiche offerte vue et des prospects en attente */
body .pw-rappel{display:grid;gap:5px;margin:12px 0 0;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft)}
body .pw-rappel p{margin:0;max-width:none;font-size:13px;line-height:1.5;color:var(--ink-2)}
body .pw-rappel b{color:var(--ink);font-weight:600}
body .pw-rappel .pw-vu{display:flex;align-items:flex-start;gap:8px}
body .pw-rappel .pw-vu .coche-q{flex:none;margin-top:3px}
body .pw-rappel .pw-prix{font-size:12px;color:var(--muted)}
@media (max-width:700px){body .pw-rappel{padding:10px 12px}body .pw-rappel p{font-size:12.5px}}

/* « Votre métier est unique. » sur le film : le même style que la phrase « Ce que ne font pas les autres IA. » de l'encart (Inter 650, trait menthe devant), en blanc sur la photo */
.film-acc .film-cadre>.film-titre{position:absolute;z-index:3;left:clamp(16px,4.5%,28px);top:clamp(16px,4.5%,28px);max-width:calc(100% - 32px);white-space:nowrap;pointer-events:none;color:#fff;font-size:clamp(16px,1.7vw,21px);line-height:1.25;font-weight:650;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.film-titre::before{content:'';display:inline-block;width:26px;height:3px;margin:0 10px 4px 0;border-radius:2px;background:linear-gradient(90deg,#8FF5D4,#06A87E);vertical-align:middle}
.film-acc .film-cadre::after{background:linear-gradient(180deg,rgba(7,9,13,.5) 0%,rgba(7,9,13,.18) 20%,rgba(7,9,13,0) 36%),linear-gradient(0deg,rgba(7,9,13,.62) 0%,rgba(7,9,13,.28) 24%,rgba(7,9,13,0) 44%)}
/* « Scopos aussi » : une étiquette un peu plus grande qu'avant */
.film-acc .ia-unique>.ia-unique-etq{gap:8px;padding:5px 14px;font-size:clamp(13px,1.2vw,15.5px);letter-spacing:.1em}
.film-acc .ia-unique>.ia-unique-etq svg{width:14px;height:14px}

/* Grand écran : « Votre métier est unique. » et l'étiquette « Scopos aussi » sur la même ligne (même hauteur, même marge du haut) */
@media (min-width:761px){
  .film-acc{--ligne-haut:clamp(18px,2.6vw,30px);--ligne-h:30px}
  .film-acc .film-cadre>.film-titre{top:var(--ligne-haut);height:var(--ligne-h);display:flex;align-items:center}
  .film-acc .film-titre::before{margin-bottom:0}
  .film-acc .ia-unique{padding-top:var(--ligne-haut)}
  .film-acc .ia-unique>.ia-unique-etq{height:var(--ligne-h);box-sizing:border-box;align-self:flex-start}
}

/* ══ Fiche d'un prospect : preuve du signal, carte d'identité, offre concernée, contacts, messages, avis ══ */
.fiche .fs-corps .fs-preuve{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);font-size:13px;color:var(--ink-2)}
.fiche .fs-corps .fs-preuve-point{flex:none;width:8px;height:8px;border-radius:50%;background:#C7CCD6}
.fiche .fs-corps .fs-preuve.frais .fs-preuve-point{background:var(--acc);box-shadow:0 0 0 4px rgba(2,181,142,.18)}
.fiche .fs-corps .fs-preuve-src{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.fiche .fs-corps .fs-preuve-date em{margin-left:7px;font-style:normal;color:var(--muted)}
.fiche .fs-corps .fs-preuve.frais .fs-preuve-date em{color:var(--acc);font-weight:600}
.fiche .fs-corps .fs-preuve-lien{margin-left:auto;font-weight:600;color:var(--acc);white-space:nowrap}
.fiche .fs-corps .fs-identite{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.fiche .fs-corps .fs-identite small{margin-right:4px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fiche .fs-corps .fs-identite>span{padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.fiche .fs-corps .fs-identite b{font-weight:650;color:var(--ink)}
.fiche .fs-corps .fs-evol{font-weight:600}
.fiche .fs-corps .fs-evol.haut{color:#047257}.fiche .fs-corps .fs-evol.bas{color:#B4531A}
.fiche .fs-corps .fs-identite>span:has(.fs-label){border-color:rgba(2,181,142,.28);background:var(--acc-soft)}
.fiche .fs-corps .fs-label{color:#047257;font-weight:600}
.fiche .fs-corps .fs-offre .fs-offre-puce{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px}
.fiche .fs-corps .fs-offre .fs-offre-puce span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fiche .fs-corps .fs-offre .fs-offre-puce b{padding:3px 11px;border-radius:999px;background:var(--acc-soft);color:#047257;font-size:13.5px;font-weight:650}
.fiche .fs-corps .fs-controle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none}
.fiche .fs-corps .fs-ctl{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12.5px;color:var(--ink-2)}
.fiche .fs-corps .fs-ctl i{flex:none;width:8px;height:8px;border-radius:50%;background:#D5D9E1}
.fiche .fs-corps .fs-ctl span{font-weight:600;color:var(--ink)}
.fiche .fs-corps .fs-ctl em{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:var(--muted)}
.fiche .fs-corps .fs-ctl.ok i{background:var(--acc)}
.fiche .fs-corps .fs-ctl.ok em{color:#047257}
.fiche .fs-corps .fs-ctl.av i{background:#E0A526}
.fiche .fs-corps .fs-ctl.av em{color:#9A6A00}
.fiche .fs-corps .fs-onglets{display:flex;gap:6px;margin:0 0 14px;padding:4px;border-radius:12px;background:var(--bg-soft)}
.fiche .fs-corps .fs-onglet{flex:1;padding:7px 12px;border:0;border-radius:9px;background:none;font:600 13px/1.2 var(--sans);color:var(--ink-2);cursor:pointer}
.fiche .fs-corps .fs-onglet.actif{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(17,19,24,.12)}
.fiche .fs-corps .fs-aide{margin:0 0 8px;font-size:13px;color:var(--ink-2)}
.fiche .fs-corps .fs-compteur{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.fiche .fs-corps .fs-compteur.trop{color:#B4531A;font-weight:600}
.fiche .fs-corps .fs-avis{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;padding:12px 16px;border:1px dashed var(--line-2,var(--line));border-radius:14px;background:#fff}
/* 21/10 (Paul) : « Remplacer ce prospect », aligné à droite de l'encart, en rouge sans contour, comme un « Supprimer » */
.fs-remplacer{margin-left:auto;padding:6px 4px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#B42318;cursor:pointer}
.fs-remplacer:hover:not(:disabled){text-decoration:underline}
.fs-remplacer:disabled{color:var(--ink-3,#6B7280);opacity:.6;cursor:default}
.remplacer-raisons{margin:4px 0 16px}
@media (max-width:560px){.fs-remplacer{margin-left:0}}
.fiche .fs-corps .fs-avis-q{margin-right:4px;font-size:13.5px;font-weight:600;color:var(--ink)}
.fiche .fs-corps .fs-avis-b,.fiche .fs-corps .fs-avis-raison{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 13px/1.2 var(--sans);color:var(--ink-2);cursor:pointer;transition:border-color .15s,background .15s}
.fiche .fs-corps .fs-avis-b:hover,.fiche .fs-corps .fs-avis-raison:hover{border-color:rgba(17,19,24,.35)}
.fiche .fs-corps .fs-avis-b.oui.actif{border-color:var(--acc);background:var(--acc-soft);color:#047257}
.fiche .fs-corps .fs-avis-b.non.actif{border-color:#E0A526;background:#FFF6DF;color:#9A6A00}
.fiche .fs-corps .fs-avis-merci{color:var(--muted);font-size:12.5px}
.fiche .fs-corps .fs-avis-raisons{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px}
.fiche .fs-corps .fs-avis-raison.actif{border-color:#E0A526;background:#FFF6DF;color:#9A6A00}
@media (max-width:700px){
  .fiche .fs-corps .fs-controle{grid-template-columns:minmax(0,1fr)}
  .fiche .fs-corps .fs-preuve-lien{margin-left:0;flex-basis:100%}
  .fiche .fs-corps .fs-avis{padding:12px}
}
/* mise en page : trois encarts de texte → le dernier prend toute la largeur ; une preuve sans carte d'identité aussi */
.fiche .fs-corps .fs-lecture .fs-offre~.fs-approche{grid-column:1/-1}
.fiche .fs-corps .fs-lecture .fs-preuve:not(:has(+ .fs-identite)){grid-column:1/-1}
/* Mobile : la preuve du signal et la carte d'identité du registre ne s'affichent pas (demande de Paul, 13/10) */
@media (max-width:700px){
  .fiche .fs-corps .fs-preuve,.fiche .fs-corps .fs-identite{display:none}
}
/* « À vérifier avant d'appeler » : le besoin est peut-être déjà couvert (indice lu pendant l'enquête) */
.fiche .fs-corps .fs-reserve{margin:12px 0 0;padding:10px 13px;border-radius:11px;background:#FFF6DF;border:1px solid #F0D9A8;font-size:13.5px;line-height:1.5;color:#7A5600}
.fiche .fs-corps .fs-reserve b{display:block;margin:0 0 2px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9A6A00}
/* Fiche peu adaptée après enquête : l'utilisateur choisit de la remplacer (sans frais) ou de la garder */
.fiche .fs-arevoir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:14px 0 0;padding:14px 16px;border:1px solid #F0D9A8;border-radius:14px;background:#FFF8E6}
.fiche .fs-arevoir-texte{display:grid;gap:3px;min-width:0;flex:1 1 320px}
.fiche .fs-arevoir-texte b{font-size:14px;color:#7A5600}
.fiche .fs-arevoir-texte span{font-size:13.5px;line-height:1.5;color:#5C4A1A}
.fiche .fs-arevoir-actions{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:700px){.fiche .fs-arevoir-actions{width:100%}.fiche .fs-arevoir-actions .btn{flex:1;justify-content:center}}
.fiche .fs-arevoir-echec{display:block;margin-top:4px;font-style:normal;font-size:13px;font-weight:600;color:#B4531A}
/* Mobile : l'en-tête d'une fiche (pastille, ville · date du signal · montant, nom) passe à la ligne au lieu de déborder */
@media (max-width:700px){
  article.fiche > header > div{min-width:0}
  article.fiche > header .meta .meta-texte{white-space:normal}
  article.fiche > header h2{overflow-wrap:anywhere}
}
@media (max-width:700px){.fiche .fs-arevoir-actions{flex-direction:column}.fiche .fs-arevoir-actions .btn{width:100%;white-space:normal}}
/* « Qui est ce prospect » : le résumé dans un encart, comme les autres, sur toute la largeur et sans coupure */
.fiche .fs-corps .fs-lecture .fs-qui{grid-column:1/-1}
.fiche .fs-corps .fs-qui .fs-ico{background:#EAF2FF;color:#2F5FD0}
.fiche .fs-corps .fs-qui p{display:block;-webkit-line-clamp:unset;overflow:visible}
/* Grille du 13/10 : prospects illimités, relances (Pro et Max) */
.formule-spec.absente dd b{color:var(--muted);font-weight:500}
.fiche .fs-corps .fs-relance{margin:0 0 18px;padding:0 0 16px;border-bottom:1px dashed var(--line)}
.fiche .fs-corps .fs-relance:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.fiche .fs-corps .fs-relance-quand{display:inline-block;margin:0 0 8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.fiche .fs-corps .fs-cadenas{display:inline-flex;vertical-align:-2px;margin-left:4px;color:var(--muted)}
.fiche .fs-corps .fs-cadenas svg{width:12px;height:12px}
.fiche .fs-corps .fs-verrou{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px dashed var(--line-2,var(--line));border-radius:14px;background:var(--bg-soft)}
.fiche .fs-corps .fs-verrou > i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--ink-2)}
.fiche .fs-corps .fs-verrou b{display:block;font-size:14.5px;color:var(--ink)}
.fiche .fs-corps .fs-verrou p{margin:4px 0 12px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}

/* « Illimités » : un mot, pas un chiffre — il passe sous le libellé au lieu de le recouvrir */
body .formule .formule-spec.principale.mot{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body .formule .formule-spec.principale.mot dt{width:100%;white-space:normal;overflow:visible}
body .formule .formule-spec.principale.mot .spec-txt small{display:block !important;white-space:normal}
body .formule .formule-spec.principale.mot dd{margin:0 0 0 30px;text-align:left}
body .formule .formule-spec.principale.mot dd b{font-size:26px}
/* Mandataire de justice d'une procédure collective (liquidateur…) : sous les contacts de la fiche */
body .fs-mandataire{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--fs, #F6F7FB);font-size:13.5px;line-height:1.45;color:var(--ink-2)}
body .fs-mandataire b{color:var(--ink);margin-right:6px}

/* Fiche en préparation (14/10) : la boîte du rond (48 px par une autre règle) et son dessin (42 px) n'avaient pas la même taille,
   le numéro était centré dans la boîte et tombait 4 px sous le centre du rond. Les deux font désormais 42 px. */
body .grille-fiches > .fiche-prepa .anneau.numero > svg{width:100%;height:100%} /* le dessin suit la boîte du rond (48 px, règle générale) */

/* Abonnement unique (14/10) : une seule offre, centrée ; le prix du mois, le prix par prospect, l'offre de lancement. */
.formules-grille:has(> .offre-unique){grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.offre-unique{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px 28px 26px;border:1.5px solid var(--acc);border-radius:22px;background:linear-gradient(180deg,#fff,#F4FCF9);box-shadow:0 0 0 4px var(--acc-soft),0 22px 44px -30px rgba(4,114,87,.55)}
.offre-unique .ou-bandeau{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:4px 14px;border-radius:999px;background:var(--acc);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap}
.ou-tete{display:grid;gap:6px;justify-items:center;text-align:center}
.ou-montant{display:flex;align-items:baseline;gap:8px}
.ou-montant b{font-size:44px;font-weight:750;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.ou-montant span{font-size:14px;color:var(--muted)}
.ou-avant{margin:0;font-size:13.5px;color:var(--muted);max-width:none}
.ou-avant s{color:var(--faint)}
.ou-unite{display:inline-flex;align-items:baseline;gap:6px;margin:4px 0 0;padding:5px 12px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:13px;max-width:none}
.ou-unite b{font-size:15px}
.ou-points{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ou-points li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.ou-points li .coche-q{flex:none;margin-top:3px}
.ou-points b{color:var(--ink)}
.ou-cta{width:100%;justify-content:center}
.modale.large .ou-montant b{font-size:38px}
@media (max-width:560px){.offre-unique{padding:28px 18px 20px}.ou-montant b{font-size:36px}.offre-unique .ou-bandeau{position:static;transform:none;align-self:center;font-size:12px;white-space:normal;text-align:center;line-height:1.35;padding:5px 14px}}

/* Paywall des crédits seul (prospects de la semaine épuisés, 14/10) : fenêtre resserrée, le pack centré. */
.modale.large.credits-seuls{max-width:480px}
body .modale.credits-seuls .fiches-plus-liste{grid-template-columns:minmax(0,240px);justify-content:center}
.modale.credits-seuls .fiches-plus-texte{text-align:center}

/* Paywall : la veille quotidienne mise en avant (14/10). */
.ou-veille{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#F3F0FF,#ECFAF5);border:1px solid #DCD3FF}
.ou-veille-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff}
.ou-veille-ico svg{width:16px;height:16px;fill:currentColor}
.ou-veille b{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}
.ou-veille p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}
body .ou-veille .ou-veille-ico svg.etincelle{width:18px;height:18px;margin:0;color:#fff}
/* Le bouton du prospect offert : bien visible sur la carte dorée (14/10). */
body #offerte .actions-carte .btn.ouvrir{background:var(--ink);color:#fff;border:0;box-shadow:0 10px 22px -12px rgba(17,19,24,.6)}
body #offerte .actions-carte .btn.ouvrir:hover{background:#000}

/* Paywall premium (14/10, Paul) : 79 € HT barré → 63 €, et le prix par prospect mis en valeur. */
.ou-prix-ligne{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ou-barre{font-size:21px;font-weight:600;color:var(--faint);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#E5484D}
.ou-fleche{font-size:18px;color:var(--faint)}
body .offre-unique .ou-montant b{font-size:54px;font-weight:800;letter-spacing:-.045em;background:linear-gradient(135deg,#111318 30%,#4B2FD6);-webkit-background-clip:text;background-clip:text;color:transparent}
body .offre-unique .ou-unite{position:relative;display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;padding:11px 18px;border-radius:16px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7C5CFF,#02B58E) border-box;border:1.5px solid transparent;box-shadow:0 14px 34px -16px rgba(124,92,255,.6),0 0 0 6px rgba(124,92,255,.06)}
body .offre-unique .ou-unite b{font-size:21px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#6D4BFF,#02A57F);-webkit-background-clip:text;background-clip:text;color:transparent}
body .offre-unique .ou-unite span:not(.ou-unite-ico){font-size:13.5px;color:var(--ink-2)}
body .offre-unique .ou-unite-ico svg.etincelle{width:16px;height:16px;color:#7C5CFF}
.modale.large .offre-unique .ou-montant b{font-size:46px}
@media (max-width:560px){body .offre-unique .ou-montant b{font-size:42px}.ou-barre{font-size:18px}}
/* Le prospect offert : une icône cadeau à la place de son numéro (il peut être le 2e de la liste si le 1er n'avait pas de contact, 14/10). */
.anneau-cadeau{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#FFE7A3,#F5C542);color:#7A5300;box-shadow:0 6px 16px -8px rgba(180,130,0,.55)}
.anneau-cadeau svg{width:22px;height:22px}

/* ── Paywall abonnement unique, mise en page premium (14/10) : une colonne, mêmes bords pour tous les blocs, espacements réguliers ── */
#modale-formules .modale.paywall-unique{max-width:580px;padding:30px 30px 26px}
.modale.paywall-unique > .label{margin:0 0 8px}
.modale.paywall-unique > h2{margin:0;font-size:27px;line-height:1.18;letter-spacing:-.025em;max-width:none;padding-right:28px}
.modale.paywall-unique .pw-rappel.compact{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line)}
.modale.paywall-unique .pw-rappel.compact .coche-q{flex:none;margin-top:2px}
.modale.paywall-unique .pw-rappel.compact p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}
.modale.paywall-unique .formules-grille{display:block;max-width:none;margin:22px 0 0}
.modale.paywall-unique .offre-unique{gap:0;padding:30px 26px 24px;border:1.5px solid transparent;border-radius:24px;
  background:linear-gradient(180deg,#fff,#FAF8FF) padding-box,linear-gradient(140deg,#8B6CFF,#02B58E 70%) border-box;
  box-shadow:0 30px 60px -36px rgba(91,59,234,.55),0 0 0 6px rgba(124,92,255,.05)}
.modale.paywall-unique .offre-unique .ou-bandeau{top:-14px;padding:5px 16px;background:linear-gradient(135deg,#6D4BFF,#02A57F);box-shadow:0 8px 20px -10px rgba(91,59,234,.7);letter-spacing:.01em}
.modale.paywall-unique .ou-tete{gap:4px}
.modale.paywall-unique .ou-avant{margin-top:2px}
.modale.paywall-unique .ou-unite{margin-top:14px}
.modale.paywall-unique .ou-cta{margin-top:22px;min-height:52px;font-size:16px;border-radius:14px;background:linear-gradient(135deg,#1F8A6A,#0B6B52);box-shadow:0 14px 28px -14px rgba(4,114,87,.75)}
.modale.paywall-unique .ou-rassure{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--muted);max-width:none}
.modale.paywall-unique .ou-inclus{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:14px}
.modale.paywall-unique .ou-inclus-titre{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:none}
.modale.paywall-unique .ou-points{gap:10px}
.modale.paywall-unique .ou-points li{font-size:14.5px}
@media (max-width:560px){
  #modale-formules .modale.paywall-unique{padding:24px 18px 20px}
  .modale.paywall-unique > h2{font-size:23px}
  .modale.paywall-unique .offre-unique{padding:26px 18px 20px}
}

/* Onglets des messages de la fiche : plus visibles (14/10). */
body .fiche .fs-corps .fs-onglets{gap:8px;margin:0 0 16px;padding:5px;border-radius:14px;background:linear-gradient(135deg,#F3F0FF,#ECFAF5);border:1px solid #E2DCFF}
body .fiche .fs-corps .fs-onglet{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:11px;font:650 14px/1.2 var(--sans);color:var(--ink-2);transition:background .15s,color .15s,box-shadow .15s}
body .fiche .fs-corps .fs-onglet:hover{background:rgba(255,255,255,.7);color:var(--ink)}
body .fiche .fs-corps .fs-onglet.actif{background:#fff;color:#4B2FD6;box-shadow:0 6px 16px -8px rgba(91,59,234,.45),0 0 0 1px rgba(124,92,255,.25)}
.fs-onglet-ico{display:inline-grid;place-items:center;width:18px;height:18px;font-style:normal}
.fs-onglet-ico svg{width:16px;height:16px}
.fs-onglet-ico.in{width:18px;height:18px;border-radius:4px;background:currentColor;color:inherit;font:800 11px/18px var(--sans);text-align:center}
.fs-onglet-ico.in{background:none;border:1.6px solid currentColor;line-height:15px;font-size:10px}
@media (max-width:560px){body .fiche .fs-corps .fs-onglets{flex-wrap:wrap}body .fiche .fs-corps .fs-onglet{flex:1 1 45%;padding:10px}}

/* ── Onglet « Marchés publics » (14/10) ── */
.grille-marches{display:grid;gap:14px}
.mp-intro{margin:0;font-size:14px;color:var(--muted);max-width:none}
.mp-titre{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:16px;font-weight:700;color:var(--ink)}
.mp-titre small{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:12px}
.mp-carte{display:grid;gap:12px;padding:20px 22px;border:1px solid var(--line-2);border-radius:18px;background:#fff;box-shadow:var(--ombre)}
.mp-carte.ouvert{border-left:4px solid #6D4BFF}
.mp-carte.renouveler{border-left:4px solid #02A57F}
.mp-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mp-genre{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mp-echeance{margin-left:auto;padding:4px 10px;border-radius:999px;background:#F3F0FF;color:#4B2FD6;font-size:12.5px;font-weight:600}
.mp-echeance.urgent{background:#FFF1EC;color:#B4400E}
.mp-echeance.doux{background:var(--acc-soft);color:var(--acc)}
.mp-carte h3{margin:0;font-size:16.5px;line-height:1.35;color:var(--ink)}
.mp-acheteur{margin:-6px 0 0;font-size:13.5px;color:var(--ink-2);font-weight:600;max-width:none}
.mp-bloc{display:grid;gap:3px}
.mp-bloc b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.mp-bloc p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2);max-width:none}
.mp-bloc a{color:var(--acc);font-weight:600}
.mp-bloc.conseil{padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#F3F0FF,#ECFAF5)}
.mp-liens{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:560px){.mp-carte{padding:16px}.mp-echeance{margin-left:0}}
/* Carte d'abonnement : espacements valables partout (fenêtre et page « Mon compte »), 14/10. */
body .offre-unique{gap:0}
body .offre-unique .ou-cta{margin-top:22px;min-height:52px;font-size:16px;border-radius:14px}
body .offre-unique .ou-rassure{margin:10px 0 0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--muted);max-width:none}
body .offre-unique .ou-inclus{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:14px}
body .offre-unique .ou-inclus-titre{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:none}
body .offre-unique .ou-points{display:grid;gap:10px;margin:2px 0 0}
body .offre-unique .ou-veille{margin:0}
/* Rappel compact du paywall (14/10) : coche et texte sur la même ligne, partout. */
.pw-rappel.compact{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line)}
.pw-rappel.compact .coche-q{flex:none;margin-top:2px}
.pw-rappel.compact p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}
#modale-formules .modale.paywall-unique > h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:750;margin:2px 0 0}
@media (max-width:560px){#modale-formules .modale.paywall-unique > h2{font-size:22px}}

/* ── Icône du prospect (14/10) : à la place du rond numéroté ── */
.pico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#F1EDFF,#E4F7EF);color:#5B3BEA;border:1px solid #E2DCFF;box-shadow:0 6px 14px -10px rgba(91,59,234,.55)}
.pico svg{width:22px;height:22px}
.pico.or{background:linear-gradient(135deg,#FFE9AE,#F5C542);color:#6E4A00;border-color:#EFD27C;box-shadow:0 6px 14px -9px rgba(180,130,0,.6)}
.pico.reco{background:linear-gradient(135deg,#7C5CFF,#4B2FD6);color:#fff;border-color:transparent}
.r-haut .pico{width:40px;height:40px;border-radius:12px}
.r-haut .pico svg{width:20px;height:20px}
/* ── Cartes d'appels d'offres : compactes, dépliables ── */
.grille-marches .mp-carte{display:block;padding:0;border:1px solid var(--line-2);border-left-width:1px;border-radius:18px;background:#fff;box-shadow:var(--ombre);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.grille-marches .mp-carte:hover{border-color:#D6CCFF;box-shadow:0 18px 40px -26px rgba(91,59,234,.45)}
.grille-marches .mp-carte > summary{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;cursor:pointer;list-style:none}
.grille-marches .mp-carte > summary::-webkit-details-marker{display:none}
.grille-marches .mp-carte.renouveler .pico{background:linear-gradient(135deg,#E4F7EF,#F1EDFF);color:#047857;border-color:#CDEFE2}
.mp-corps{flex:1;min-width:0;display:grid;gap:5px}
.grille-marches .mp-tete{gap:8px}
.grille-marches .mp-carte h3{margin:2px 0 0;font-size:15.5px;line-height:1.35}
.grille-marches .mp-acheteur{margin:0;font-size:13px;font-weight:600;color:var(--ink-2)}
.mp-apercu{margin:2px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mp-carte[open] .mp-apercu{-webkit-line-clamp:unset}
.mp-plus{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;color:#5B3BEA}
.mp-plus svg{transition:transform .2s}
.mp-carte[open] .mp-plus svg{transform:rotate(180deg)}
.mp-plus .ouvert,.mp-carte[open] .mp-plus .ferme{display:none}
.mp-carte[open] .mp-plus .ouvert{display:inline}
.mp-detail{display:grid;gap:12px;padding:0 18px 18px 76px}
.grille-marches .mp-echeance{font-size:12px;padding:3px 9px}
@media (max-width:560px){.grille-marches .mp-carte > summary{padding:14px}.mp-detail{padding:0 14px 16px}.grille-marches .mp-echeance{margin-left:0}}
/* L'onglet Appels d'offres : l'encart de la recherche automatique (prospects) n'y a pas sa place */
.sur-marches .auto-maj,.sur-marches .auto-puces-haut,.sur-marches .auto-actions-ligne{display:none !important}

/* ── Appels d'offres : en-tête en pastilles (14/10, retours de Paul) ── */
.grille-marches .mp-tete{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.grille-marches .mp-genre{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;padding:3px 9px;border-radius:999px;background:#F3F0FF;color:#4B2FD6}
.grille-marches .mp-carte.renouveler .mp-genre{background:#E7F6EF;color:#047857}
.grille-marches .mp-echeance{margin-left:0;font-size:12px;font-weight:600;padding:3px 9px;background:#F6F6F9;color:var(--ink-2)}
.grille-marches .mp-echeance.urgent{background:#FFF1EC;color:#B4400E}
.grille-marches .mp-carte h3{font-size:16px;font-weight:650;letter-spacing:-.005em}
.grille-marches .mp-acheteur{font-weight:500;color:var(--muted)}
.grille-marches{gap:14px}
/* Icône du prospect plus visible (14/10, Paul) : pleine, à la couleur du type de piste, pictogramme blanc */
.pico{background:linear-gradient(135deg,color-mix(in srgb,var(--teinte,#6D4CF5) 82%,#fff),var(--teinte,#4B2FD6));color:#fff;border:0;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--teinte,#4B2FD6) 90%,transparent)}
.pico svg{width:23px;height:23px;stroke-width:1.8}
.pico.reco{background:linear-gradient(135deg,#8B6CFF,#4B2FD6);color:#fff}
.pico.or{background:linear-gradient(135deg,#FFD66B,#E0A100);color:#4A3200}
.grille-marches .mp-carte .pico{--teinte:#5B3BEA}
.grille-marches .mp-carte.renouveler .pico{--teinte:#048065;background:linear-gradient(135deg,color-mix(in srgb,#048065 82%,#fff),#048065);color:#fff}
/* Cartes de la liste mieux séparées (14/10, Paul : « un peu dur à regarder ») : plus d'air entre elles, ombre plus nette */
.grille:has(> .carte.flip),.grille:has(> details.carte-fiche),.grille:has(> .fiche-carte){row-gap:20px}
.carte.flip .face{box-shadow:0 14px 30px -20px rgba(17,19,24,.38),0 1px 3px rgba(17,19,24,.06)}
/* Cartes à découvrir : hauteur selon le contenu (plus de titre coupé quand l'écran est moins large) */
body[data-shell="app"] #lots .carte.choix.flip{height:auto !important;min-height:150px}
body[data-shell="app"] #lots .carte.choix.flip .flip-in{position:relative;height:auto}
body[data-shell="app"] #lots .carte.choix.flip .face.recto{position:relative;inset:auto;min-height:150px}


/* ── « Prospects à découvrir » mis en avant dans le menu, version légère (14/10) : filet dégradé, icône dégradée, pas de pastille ── */
.app-nav .app-item.phare{margin:3px 0;font-weight:600;color:var(--ink);border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.38),rgba(2,181,142,.32)) border-box}
.app-nav .app-item.phare > span{white-space:normal;line-height:1.2}
.app-nav .app-item.phare svg{background:linear-gradient(145deg,#8B6CFF,#02B58E);color:#fff;box-shadow:0 6px 12px -8px rgba(91,59,234,.8)}
.app-nav .app-item.phare:hover{color:#2A1A7A;background:linear-gradient(100deg,#F7F4FF,#F1FBF7) padding-box,linear-gradient(120deg,rgba(124,92,255,.55),rgba(2,181,142,.45)) border-box}
.app-nav .app-item.phare:hover svg{background:linear-gradient(145deg,#8B6CFF,#02B58E);color:#fff}
.app-nav .app-item.phare.actif{color:#3B22B8;font-weight:650;box-shadow:0 8px 20px -14px rgba(91,59,234,.6);
  background:linear-gradient(100deg,#F3EFFF,#ECFAF5) padding-box,linear-gradient(120deg,#8B6CFF,#02B58E) border-box}
.app-nav .app-item.phare.actif svg{background:linear-gradient(145deg,#7C5CFF,#02A07E);box-shadow:0 6px 12px -6px rgba(91,59,234,.85)}
.app-nav .app-item.phare em.app-badge{display:none}
/* ── Encart « S'abonner » du menu, version légère et concise (14/10) ── */
.app-nav .app-abonner{display:grid;gap:10px;width:100%;margin:14px 0 0;padding:13px;border:1px solid transparent;border-radius:16px;text-align:left;cursor:pointer;color:var(--ink);
  background:linear-gradient(160deg,#FAF8FF,#F2FBF7) padding-box,linear-gradient(130deg,rgba(124,92,255,.45),rgba(2,181,142,.35)) border-box;
  box-shadow:0 10px 24px -18px rgba(91,59,234,.55);transition:transform .2s ease,box-shadow .2s ease}
.app-nav .app-abonner:hover{transform:translateY(-1px);box-shadow:0 14px 28px -18px rgba(91,59,234,.7)}
.app-abonner .aa-haut{display:flex;align-items:center;gap:10px}
.app-abonner .aa-haut > i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#8B6CFF,#02B58E);box-shadow:0 6px 12px -6px rgba(91,59,234,.8)}
.app-abonner .aa-haut > i svg{width:14px;height:14px;color:#fff}
.app-abonner .aa-haut > span{display:grid;gap:1px;min-width:0}
.app-abonner .aa-haut b{font-size:13.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.app-abonner .aa-prix{font-size:12px;color:var(--muted)}
.app-abonner .aa-prix s{margin-right:3px;color:var(--faint)}
.app-abonner .aa-prix strong{font-weight:700;color:#4B2FD6}
.app-abonner .aa-cta{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:10px;background:linear-gradient(100deg,#7C5CFF,#4B2FD6);color:#fff;font-size:13px;font-weight:650;box-shadow:0 8px 16px -10px rgba(75,47,214,.9);transition:gap .2s ease}
.app-abonner:hover .aa-cta{gap:9px}
/* Icône du prospect, version légère (14/10, Paul) : fond clair teinté, filet dégradé, pictogramme à la couleur du type */
.pico,.r-haut .pico{width:40px;height:40px;border-radius:12px;color:var(--teinte,#5B3BEA);border:1px solid transparent;
  background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--teinte,#5B3BEA) 10%,#fff)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--teinte,#5B3BEA) 45%,#fff),color-mix(in srgb,var(--teinte,#5B3BEA) 12%,#fff)) border-box;
  box-shadow:0 6px 14px -10px color-mix(in srgb,var(--teinte,#5B3BEA) 70%,transparent)}
.pico svg,.r-haut .pico svg{width:20px;height:20px;stroke-width:1.7}
.pico.reco{--teinte:#5B3BEA;color:#5B3BEA}
.pico.or{--teinte:#C98A00;color:#A06C00}
.grille-marches .mp-carte .pico,.grille-marches .mp-carte.renouveler .pico{color:var(--teinte);background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--teinte) 10%,#fff)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--teinte) 45%,#fff),color-mix(in srgb,var(--teinte) 12%,#fff)) border-box}

/* Contact « via » un intermédiaire (14/10) */
.puce.via{background:#F3F0FF;color:#4B2FD6;border-color:#E2DCFF}
/* Lien discret vers les crédits dans la confirmation de déblocage (14/10) */
.modale-texte .plus-credits{display:flex;width:fit-content;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#5B3BEA;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(91,59,234,.3);text-underline-offset:3px}
.modale-texte .plus-credits:hover{text-decoration-color:#5B3BEA}
.modale-texte .plus-credits::before{content:'+';display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#F1EDFF;font-size:12px;line-height:1;text-decoration:none}

/* ── Fenêtre d'achat de crédits (abonnement unique, 14/10) : même langage que le paywall d'abonnement ── */
#modale-fiches .modale.modale-credits{max-width:440px;padding:28px 28px 24px;text-align:center}
.modale-credits .label{justify-content:center}
.modale-credits h2{margin:6px auto 4px;max-width:340px;font-size:23px;line-height:1.2;letter-spacing:-.02em}
.modale-credits .cr-intro{margin:0 0 18px;font-size:14px;color:var(--muted)}
.cr-carte{display:grid;justify-items:center;gap:8px;padding:20px 20px 16px;border:1px solid transparent;border-radius:20px;
  background:linear-gradient(170deg,#FBFAFF,#F3FBF8) padding-box,linear-gradient(135deg,rgba(124,92,255,.5),rgba(2,181,142,.4)) border-box;box-shadow:0 18px 40px -28px rgba(91,59,234,.55)}
.cr-pill{padding:4px 12px;border-radius:999px;background:linear-gradient(100deg,#7C5CFF,#02B58E);color:#fff;font-size:12px;font-weight:650;letter-spacing:.01em}
.cr-prix{display:flex;align-items:baseline;gap:6px;margin:4px 0 0}
.cr-prix strong{font-size:44px;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.cr-prix small{font-size:14px;color:var(--muted);font-weight:500}
.cr-sous{margin:0;font-size:12.5px;color:var(--muted)}
.cr-unite{display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 2px;padding:10px 14px;border:1px solid transparent;border-radius:14px;text-align:left;font-size:13.5px;color:var(--ink-2);
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.55),rgba(2,181,142,.45)) border-box}
.cr-unite i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#8B6CFF,#02B58E);box-shadow:0 6px 12px -6px rgba(91,59,234,.8)}
.cr-unite i svg{width:13px;height:13px;color:#fff}
.cr-unite b{font-size:16px;font-weight:750;background:linear-gradient(90deg,#5B3BEA,#02A07E);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-cta{width:100%;height:48px;margin-top:6px;justify-content:center;font-size:15px;font-weight:700;border-radius:13px}
.cr-rassure{margin:2px 0 0;font-size:12px;color:var(--faint)}
.cr-points{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;text-align:left}
.cr-points li{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.cr-points i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#F3F0FF;color:#5B3BEA}
.cr-points b{color:var(--ink);font-weight:650}
@media (max-width:560px){#modale-fiches .modale.modale-credits{padding:24px 18px 20px}.modale-credits h2{font-size:21px}.cr-prix strong{font-size:40px}}

/* Mon compte : les crédits en réserve, à part de la semaine (14/10) */
.cpt-credits{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:4px 10px;border-radius:999px;font-size:12.5px;color:#4B2FD6;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.5),rgba(2,181,142,.4)) border-box;border:1px solid transparent}
.cpt-credits svg{width:11px;height:11px;color:#7C5CFF}
.cpt-credits b{font-weight:750}
.cpt-credits.vide{color:var(--muted);background:#F6F6F9;border-color:transparent}
.cpt-credits.vide svg{color:var(--faint)}

/* ── Menu, abonné : compteur de la semaine + crédits (14/10) ── */
.app-nav .app-compteur{display:grid;gap:8px;margin:14px 0 0;padding:12px 13px;border-radius:14px;border:1px solid var(--line);background:#fff}
.app-compteur .ac-haut{display:flex;align-items:baseline;gap:7px;margin:0}
.app-compteur .ac-haut span{font-size:13px;color:var(--muted)}
.app-compteur .ac-haut b{font-size:18px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
.app-compteur .ac-haut small{font-size:12px;color:var(--muted)}
.app-compteur .ac-barre{display:block;height:5px;border-radius:99px;background:#EFEFF4;overflow:hidden}
.app-compteur .ac-barre i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7C5CFF,#02B58E)}
.app-compteur .ac-credits{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:#4B2FD6}
.app-compteur .ac-credits svg{width:11px;height:11px;color:#7C5CFF}
.app-compteur .ac-credits b{font-weight:750}
.app-compteur .ac-plus{justify-self:start;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:#5B3BEA;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(91,59,234,.3);text-underline-offset:3px}
.app-compteur .ac-plus:hover{text-decoration-color:#5B3BEA}
.app-compteur .ac-plus{text-align:left;line-height:1.4}
/* Fiche en préparation : l'icône du prospect avec un anneau dégradé qui tourne (14/10) */
.pico-charge{position:relative;flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:16px}
.pico-charge::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a,0deg),#7C5CFF,#02B58E,rgba(124,92,255,.08) 55%,#7C5CFF);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pico-tour 1.6s linear infinite}
.pico-charge .pico{width:40px;height:40px}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes pico-tour{to{--a:360deg}}
@media (prefers-reduced-motion:reduce){.pico-charge::before{animation:none}}

/* Onglet LinkedIn ouvert par défaut quand c'est le seul canal (14/10) */
.fs-conseil-li{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--ink-2);background:linear-gradient(#F7F5FF,#F7F5FF) padding-box,linear-gradient(120deg,rgba(124,92,255,.45),rgba(2,181,142,.35)) border-box;border:1px solid transparent}
.fs-conseil-li b{color:var(--ink);font-weight:650}
.fs-conseil-li .fs-onglet-ico{flex:none;margin-top:1px}

/* Accueil, encart des tarifs (14/10) : 79 € barré → 63 €, prix par prospect */
.prix-ia-montant .prix-ia-barre{display:block;margin-bottom:2px;font-size:20px;font-weight:600;color:var(--faint);text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-fill-color:currentColor;background:none}
.prix-ia-unite{margin:10px 0 0;padding:6px 12px;width:fit-content;border-radius:999px;font-size:13px;color:var(--ink-2);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.5),rgba(2,181,142,.4)) border-box;border:1px solid transparent}
.prix-ia-unite b{color:#4B2FD6}
.prix-ia-unite s{margin-right:4px;color:var(--faint)}

/* ── Prospects de la semaine, livrés prêts (15/10) ── */
.puce.pret{background:linear-gradient(100deg,#EDE8FF,#E3F7EF);color:#3B22B8;border:1px solid rgba(124,92,255,.3);font-weight:650}
.livree-carte > summary.carte{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.45),rgba(2,181,142,.4)) border-box;box-shadow:0 14px 30px -22px rgba(91,59,234,.55)}
.livraison-prepa{display:flex;align-items:center;gap:14px;margin:0 0 4px;padding:14px 16px;border-radius:16px;border:1px solid transparent;background:linear-gradient(100deg,#F7F5FF,#F1FBF7) padding-box,linear-gradient(120deg,rgba(124,92,255,.4),rgba(2,181,142,.35)) border-box}
.livraison-prepa b{display:block;font-size:14.5px;color:var(--ink)}
.livraison-prepa div > span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}

/* Le vol d'une carte « Prêt » ou offerte vers « Mes prospects » (15/10) */
.offerte-carte.vol{border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(17,19,24,.5)}
.offerte-carte.vol > summary{list-style:none}

/* ── Cartes « à débloquer » : même allure que les encarts de « Mes prospects » (15/10, Paul) ──
   La mise en page horizontale existante est conservée (texte | bouton | coche) ; on harmonise le cadre,
   et un léger voile dit que le prospect n'est pas encore ouvert. */
body[data-shell="app"] #lots .carte.choix.flip{min-height:132px !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto{padding:20px 22px !important;border-radius:18px !important;border-color:var(--line-2) !important}
body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{font-size:16px !important;line-height:1.32}
body[data-shell="app"] #lots .carte.choix.flip .face.recto p.raison{font-size:13.5px !important;line-height:1.5 !important;
  -webkit-mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.4) 100%);mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.4) 100%)}
body[data-shell="app"] #lots .carte.choix.flip .filigrane{display:none}
/* icône givrée : le prospect n'est pas encore ouvert */
body[data-shell="app"] #lots .carte.choix.flip .pico{background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--teinte,#5B3BEA) 9%,#fff)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--teinte,#5B3BEA) 32%,#fff),color-mix(in srgb,var(--teinte,#5B3BEA) 10%,#fff)) border-box;box-shadow:none;opacity:.92}

/* « Mes prospects » : mêmes encarts que les prospects livrés (15/10, Paul) — aérés, filet dégradé léger, sans étiquette d'état */
.grille-fiches .fiche-carte > summary.carte{min-height:112px;padding:22px 26px !important;gap:20px !important;border:1px solid transparent;border-radius:18px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(124,92,255,.28),rgba(2,181,142,.24)) border-box;
  box-shadow:0 12px 28px -24px rgba(91,59,234,.45),0 1px 3px rgba(17,19,24,.05)}
.grille-fiches .fiche-carte > summary.carte:hover{background:linear-gradient(#fff,#FCFBFF) padding-box,linear-gradient(120deg,rgba(124,92,255,.5),rgba(2,181,142,.42)) border-box;box-shadow:0 18px 38px -26px rgba(91,59,234,.6)}
.grille-fiches .fiche-carte[open] > summary.carte{border-bottom-left-radius:0;border-bottom-right-radius:0}
.grille-fiches .fiche-carte > summary.carte h3{font-size:17px !important;line-height:1.3}
.grille-fiches .fiche-carte > summary.carte p{font-size:14px;color:var(--ink-2)}
.grille-fiches .fiche-carte .meta{gap:6px 10px !important}
/* « À découvrir » : rappel que les prospects inclus sont déjà livrés (15/10) */
.decouvrir-enplus{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-size:13.5px;line-height:1.5;color:var(--ink-2);background:linear-gradient(100deg,#F7F5FF,#F1FBF7) padding-box,linear-gradient(120deg,rgba(124,92,255,.35),rgba(2,181,142,.3)) border-box}
.decouvrir-enplus svg{flex:none;margin-top:3px;width:13px;height:13px;color:#7C5CFF}
.decouvrir-enplus b{color:var(--ink);font-weight:650}

/* ── Téléphone (15/10, Paul) : recto resserré et aligné, verso sans bouton (juste le pourquoi, le lieu et la date) ──
   Les deux faces sont posées dans la même case d'une grille : la carte prend la hauteur de la plus haute,
   plus de vide sous le recto, et le verso n'est jamais coupé. */
@media (max-width:700px){
  body[data-shell="app"] #lots .carte.choix.flip{height:auto !important;min-height:0 !important}
  body[data-shell="app"] #lots .carte.choix.flip .flip-in{display:grid !important;height:auto !important}
  body[data-shell="app"] #lots .carte.choix.flip .face{position:relative !important;grid-area:1 / 1 !important;inset:auto !important;min-height:148px !important;
    border-top-width:3px !important;border-radius:16px !important;box-shadow:0 10px 22px -18px rgba(17,19,24,.38),0 1px 3px -1px rgba(17,19,24,.07) !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto,
  body[data-shell="app"] #lots .carte.choix.flip .face.verso{padding:13px 14px !important}

  /* ·· recto ·· icône et étiquette plus petites, une seule étiquette, titre resserré */
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-haut{gap:9px !important;align-items:center !important;padding:0 32px 0 0 !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .pico{width:28px !important;height:28px !important;min-width:28px !important;border-radius:9px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .pico svg{width:14px !important;height:14px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-types{gap:5px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-types > :nth-child(n+2){display:none !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-types .r-type,
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-reco{padding:2px 8px !important;font-size:9.5px !important;letter-spacing:.01em !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto h3{margin:10px 0 0 !important;padding-right:28px !important;font-size:14px !important;line-height:1.36 !important;-webkit-line-clamp:3 !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas{margin:auto 0 0 !important;padding:12px 0 0 !important;gap:7px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .retourner{height:34px !important;padding:0 11px !important;font-size:12px !important;border-radius:10px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .r-debloquer{height:34px !important;padding:0 10px !important;font-size:12.5px !important;border-radius:10px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto .r-bas .btn svg{width:12px !important;height:12px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.recto input.coche{width:19px !important;height:19px !important;top:13px !important;right:13px !important}

  /* ·· verso ·· rien que le texte : pas de bouton, police plus petite pour que tout rentre */
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-actions{display:none !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .label{margin:0 0 7px !important;font-size:9.5px !important;letter-spacing:.11em !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-raison{-webkit-line-clamp:7 !important;font-size:12.5px !important;line-height:1.46 !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-meta{margin:auto 0 0 !important;padding-top:10px !important;font-size:10px !important;gap:2px 10px !important}
  body[data-shell="app"] #lots .carte.choix.flip .face.verso .verso-meta svg{width:10px !important;height:10px !important}
}

/* ── Le prospect offert, mis en valeur en tête de « Mes prospects » (15/10, Paul) : plus grand, filet doré, halo chaud ── */
body[data-shell="app"] #lots .grille-fiches > details#offerte{position:relative;margin:4px 0 22px !important;border-radius:22px}
body[data-shell="app"] #lots .grille-fiches > details#offerte::after{content:"";position:absolute;inset:-10px -6px auto;height:70%;z-index:-1;border-radius:30px;background:radial-gradient(60% 80% at 18% 40%,rgba(245,196,81,.28),transparent 70%);filter:blur(14px);pointer-events:none}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte{min-height:156px;padding:30px 32px !important;gap:24px !important;border-radius:22px !important;border:1.5px solid transparent !important;
  background:linear-gradient(118deg,#FFFAE8 0%,#FFFFFF 52%,#FFF7E2 100%) padding-box,linear-gradient(120deg,#F2BC45 0%,#FFE7A6 42%,#E3A13A 100%) border-box !important;
  box-shadow:0 26px 54px -30px rgba(196,132,18,.6),0 2px 8px -3px rgba(196,132,18,.2) !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau{width:64px !important;height:64px !important;min-width:64px;border-radius:20px !important;display:grid;place-items:center;
  background:linear-gradient(145deg,#FFE08A,#F2B53A) !important;color:#5B3A00 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 26px -14px rgba(196,132,18,.75) !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau svg{width:28px !important;height:28px !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .puce.cadeau{padding:4px 11px !important;border-radius:999px !important;font-size:11px !important;letter-spacing:.06em;color:#7A4E00 !important;background:linear-gradient(120deg,#FFF0C2,#FFE08A) !important;border:1px solid #F0CF73 !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte h3{margin-top:10px !important;font-size:21px !important;font-weight:700 !important;letter-spacing:-.015em;line-height:1.3 !important;color:#1B1405}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{margin-top:8px !important;max-width:64ch;font-size:15px !important;line-height:1.55 !important;color:#5A5140 !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .chargement{min-height:48px;padding:0 20px !important;border-radius:14px !important;font-size:14.5px !important;background:#FFF6D9 !important;border:1px solid #EFCB6A !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .ouvrir{min-height:50px !important;padding:0 24px !important;border-radius:14px !important;font-size:15.5px !important;font-weight:650;color:#fff !important;border:0 !important;
  background:linear-gradient(135deg,#1E1A12,#3A2E14) !important;box-shadow:inset 0 1px 0 rgba(255,231,166,.35),0 14px 26px -14px rgba(30,26,18,.7) !important}
@media (max-width:700px){
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte{min-height:0;padding:20px !important;gap:16px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau{width:50px !important;height:50px !important;min-width:50px;border-radius:16px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte h3{font-size:17.5px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{font-size:14px !important}
}

/* ── « Prospects à découvrir » sans abonnement : pas de liste, une explication (15/10, Paul) ── */
#lots[data-sans-veille="1"] > .filtres-ligne{display:none !important}
.decouvrir-veille{display:flex;align-items:flex-start;gap:18px;margin:4px 0 0;padding:28px 30px;border-radius:20px;border:1px solid transparent;
  background:linear-gradient(135deg,#F8F6FF 0%,#FFFFFF 50%,#F2FBF7 100%) padding-box,linear-gradient(120deg,rgba(124,92,255,.38),rgba(2,181,142,.3)) border-box;
  box-shadow:0 18px 40px -30px rgba(91,59,234,.45)}
.decouvrir-veille[hidden]{display:none !important}
.decouvrir-veille .dv-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#8B6CFF,#5B3BEA);box-shadow:0 12px 24px -12px rgba(91,59,234,.75)}
.decouvrir-veille .dv-ico svg{width:20px;height:20px}
.decouvrir-veille h3{margin:3px 0 6px;font-size:18px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.decouvrir-veille p{margin:0 0 16px;max-width:62ch;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.decouvrir-veille .btn{display:inline-flex;align-items:center;gap:8px}
@media (max-width:700px){.decouvrir-veille{flex-direction:column;gap:12px;padding:20px}}
/* le texte de l'encart offert reste visible (une ancienne règle cache le paragraphe des cartes de « Mes prospects ») */
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{display:block !important}
/* plus d'air entre la barre de séparation et l'encart « Vos prochains prospects arriveront ici » (15/10, Paul) */
#lots .decouvrir-veille{margin-top:26px !important}
.decouvrir-veille .dv-ico svg{width:22px;height:22px}
/* « En attente d'analyse » (livraison en cours) : même gabarit que les fiches en préparation, plus calme (15/10) */
.grille-fiches > .attente-livraison{opacity:.78}
.grille-fiches > .attente-livraison .prepa-etat i{display:none}
.grille-fiches > .attente-livraison .pico{filter:saturate(.6)}

/* ── Téléphone : l'encart du prospect offert (15/10, Paul) — petite icône à côté de l'étiquette, puis titre, texte et bouton
   sur toute la largeur, mêmes marges et mêmes tailles que les autres cartes de « Mes prospects ». ── */
@media (max-width:700px){
  body[data-shell="app"] #lots .grille-fiches > details#offerte{margin:2px 0 16px !important;border-radius:16px}
  body[data-shell="app"] #lots .grille-fiches > details#offerte::after{inset:-6px -4px auto;height:60%;filter:blur(12px)}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte{display:grid !important;grid-template-columns:32px minmax(0,1fr) !important;grid-template-rows:auto !important;
    column-gap:10px !important;row-gap:0 !important;align-items:center !important;min-height:0 !important;padding:14px !important;border-radius:16px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte > div{display:contents !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau{grid-column:1 !important;grid-row:1 !important;width:32px !important;height:32px !important;min-width:32px !important;border-radius:10px !important;margin:0 !important;align-self:center !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau svg{width:16px !important;height:16px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte > div > :first-child{grid-column:2 !important;grid-row:1 !important;margin:0 !important;align-self:center !important;justify-self:start !important;min-width:0}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .puce.cadeau{padding:2px 9px !important;font-size:9.5px !important;letter-spacing:.06em}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte h3{grid-column:1 / -1 !important;grid-row:2 !important;margin:11px 0 0 !important;padding:0 !important;font-size:15.5px !important;line-height:1.35 !important;white-space:normal !important;text-overflow:clip !important;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3 !important;overflow:hidden !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{grid-column:1 / -1 !important;grid-row:3 !important;margin:5px 0 0 !important;max-width:none !important;font-size:13.5px !important;line-height:1.5 !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte{grid-column:1 / -1 !important;grid-row:4 !important;justify-self:stretch !important;width:100% !important;margin:12px 0 0 !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .chargement,
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .ouvrir{width:100% !important;min-height:40px !important;height:40px !important;justify-content:center;font-size:13px !important;border-radius:11px !important;padding:0 14px !important}
}

/* ── Téléphone : en-tête de la liste (15/10, Paul) — sans les deux pastilles de chiffres, encart « Recherche automatique » aéré, avec son sous-titre ── */
.auto-sous{display:none}
@media (max-width:700px){
  .travail-scopos{display:none !important}
  body .maj-carte.auto-maj{margin-top:16px !important;margin-bottom:6px !important}
  body .maj-carte.auto-maj .auto-sous{display:block;margin-top:3px;font-size:12.5px;font-weight:500;line-height:1.35;color:var(--muted);letter-spacing:0}
}
@media (max-width:700px){ body .maj-carte.auto-maj .maj-corps > b .auto-sous{flex-basis:100%;width:100%;margin:2px 0 4px} }

/* ── Téléphone : paywall allégé (15/10, Paul) — marges régulières, prix moins massif, « prix par prospect » en petite pastille ── */
@media (max-width:700px){
  #modale-formules .modale.paywall-unique{padding:18px 16px 20px !important;border-radius:20px !important}
  #modale-formules .modale.paywall-unique > .label{margin:0 32px 6px 0 !important;font-size:10px !important;letter-spacing:.12em !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #modale-formules .modale.paywall-unique > h2{margin:0 0 14px !important;font-size:21px !important;line-height:1.22 !important;letter-spacing:-.015em}
  #modale-formules .modale.paywall-unique .pw-rappel.compact{margin:0 0 14px !important;padding:10px 12px !important;border-radius:12px !important;gap:9px !important;font-size:13.5px !important;line-height:1.45 !important}
  #modale-formules .modale.paywall-unique .pw-rappel.compact svg{width:16px !important;height:16px !important;flex:none}
  #modale-formules .modale.paywall-unique .formules-grille{gap:0 !important;margin:0 !important}
  #modale-formules .modale.paywall-unique .offre-unique{gap:0 !important;padding:18px 14px 16px !important;border-width:1px !important;border-radius:18px !important;box-shadow:0 14px 32px -26px rgba(75,47,214,.45) !important;outline:none !important}
  #modale-formules .modale.paywall-unique .offre-unique::before,#modale-formules .modale.paywall-unique .offre-unique::after{display:none !important}
  #modale-formules .modale.paywall-unique .ou-bandeau{position:static !important;transform:none !important;align-self:center !important;margin:0 0 12px !important;padding:5px 12px !important;font-size:11.5px !important;white-space:nowrap}
  #modale-formules .modale.paywall-unique .ou-tete{display:flex !important;flex-direction:column !important;align-items:center !important;gap:0 !important;text-align:center}
  #modale-formules .modale.paywall-unique .ou-prix-ligne{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:8px !important;margin:0 !important}
  #modale-formules .modale.paywall-unique .ou-barre{font-size:14.5px !important}
  #modale-formules .modale.paywall-unique .ou-fleche{font-size:13px !important}
  #modale-formules .modale.paywall-unique .ou-montant{display:flex !important;align-items:baseline !important;gap:5px !important}
  #modale-formules .modale.paywall-unique .ou-montant b{font-size:40px !important;line-height:1 !important}
  #modale-formules .modale.paywall-unique .ou-montant span{font-size:12.5px !important}
  #modale-formules .modale.paywall-unique .ou-avant{margin:8px 0 0 !important;font-size:12.5px !important;line-height:1.45 !important}
  /* le prix par prospect : une petite pastille sur une ligne */
  #modale-formules .modale.paywall-unique .ou-unite{display:inline-flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:6px !important;width:auto !important;min-height:0 !important;margin:12px 0 0 !important;padding:6px 12px !important;border-radius:999px !important;border:1px solid rgba(91,59,234,.18) !important;background:#F6F4FF !important;box-shadow:none !important;color:#4B2FD6 !important}
  #modale-formules .modale.paywall-unique .ou-unite::before,#modale-formules .modale.paywall-unique .ou-unite::after{display:none !important}
  #modale-formules .modale.paywall-unique .ou-unite b{font-size:13px !important;white-space:nowrap;background:none !important;-webkit-text-fill-color:currentColor !important;color:#4B2FD6 !important}
  #modale-formules .modale.paywall-unique .ou-unite > span:not(.ou-unite-ico){font-size:12px !important;white-space:nowrap;color:var(--ink-2) !important}
  #modale-formules .modale.paywall-unique .ou-unite-ico{display:inline-grid !important;width:auto !important;height:auto !important;background:none !important;box-shadow:none !important;color:#7C5CFF !important}
  #modale-formules .modale.paywall-unique .ou-unite-ico svg{width:11px !important;height:11px !important}
  #modale-formules .modale.paywall-unique .ou-cta{width:100% !important;height:46px !important;min-height:46px !important;margin:16px 0 0 !important;font-size:15px !important;border-radius:12px !important}
  #modale-formules .modale.paywall-unique .ou-rassure{margin:8px 0 0 !important;font-size:11.5px !important;line-height:1.45 !important;text-align:center}
  #modale-formules .modale.paywall-unique .ou-inclus{margin:16px 0 0 !important;padding:14px 0 0 !important}
  #modale-formules .modale.paywall-unique .ou-inclus-titre{margin:0 0 10px !important;font-size:10px !important;letter-spacing:.14em !important}
  #modale-formules .modale.paywall-unique .ou-veille{gap:10px !important;padding:12px !important;border-radius:14px !important;margin:0 0 10px !important}
  #modale-formules .modale.paywall-unique .ou-veille-ico{width:32px !important;height:32px !important;min-width:32px !important;border-radius:10px !important}
  #modale-formules .modale.paywall-unique .ou-veille b{font-size:14.5px !important}
  #modale-formules .modale.paywall-unique .ou-veille p{margin:3px 0 0 !important;font-size:12.5px !important;line-height:1.5 !important}
  #modale-formules .modale.paywall-unique .ou-points{gap:7px !important;margin:0 !important}
  #modale-formules .modale.paywall-unique .ou-points li{font-size:13px !important;line-height:1.45 !important;gap:8px !important}
}

/* ── Ciblage en lecture seule à l'inscription (15/10, Paul) : on lit ce que Scopos va chercher pendant que la recherche continue ── */
.cible-lecture{max-width:760px;margin:0 auto;padding-bottom:48px}
.cible-lecture .cl-etape{margin:0 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cible-lecture h1{margin:0 0 20px;font-size:32px;line-height:1.15;letter-spacing:-.02em}
.cl-strategie{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:18px;border:1px solid transparent;
  background:linear-gradient(135deg,#F7F4FF 0%,#FFFFFF 55%,#F3F0FF 100%) padding-box,linear-gradient(120deg,rgba(124,92,255,.5),rgba(91,59,234,.22)) border-box;box-shadow:0 18px 40px -30px rgba(91,59,234,.55)}
.cl-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8B6CFF,#5B3BEA);box-shadow:0 10px 22px -12px rgba(91,59,234,.75)}
.cl-ico svg{width:18px;height:18px}
.cl-strategie small{display:block;margin-bottom:3px;font-size:12px;font-weight:600;color:#5B3BEA}
.cl-strategie p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.cl-titre{margin:24px 0 10px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.cl-ideaux{display:flex;flex-wrap:wrap;gap:7px}
.cl-ideaux span{padding:6px 12px;border-radius:999px;font-size:13px;line-height:1.35;color:#3C2A9E;background:#F3F0FF;border:1px solid rgba(124,92,255,.18)}
.cl-signaux{list-style:none;margin:0;padding:0;border:1px solid var(--line-2,#E6E6EC);border-radius:14px;background:#fff;overflow:hidden}
.cl-signal{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line,#EFEFF3)}
.cl-signal:first-child{border-top:0}
.cl-signal[hidden]{display:none !important}
.cl-signal .pico{width:30px !important;height:30px !important;min-width:30px;border-radius:9px !important}
.cl-signal .pico svg{width:15px !important;height:15px !important}
.cl-signal > span:not(.pico){flex:1;min-width:0;font-size:14px;line-height:1.4;color:var(--ink)}
.cl-signal em{flex:none;font-style:normal;font-size:11.5px;line-height:1.3;padding:3px 9px;border-radius:999px;color:#0B6B50;background:#E6F7F1;white-space:nowrap}
.cl-plus{border-top:1px solid var(--line,#EFEFF3)}
.cl-plus button{width:100%;padding:10px 14px;text-align:left;background:none;border:0;font-size:13px;color:var(--muted);cursor:pointer}
.cl-plus button:hover{color:var(--ink)}
.cl-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cl-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line-2,#E6E6EC);font-size:12.5px;color:var(--ink-2)}
.cl-meta svg{width:12px;height:12px}
.cl-note{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
.cl-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.cl-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:15.5px;border-radius:13px}
.cl-erreur{margin:0;font-size:13px;color:#B42318}
@media (max-width:700px){
  .cible-lecture h1{font-size:23px;margin-bottom:16px}
  .cl-strategie{padding:14px;gap:11px;border-radius:16px}
  .cl-ico{width:34px;height:34px;border-radius:10px}
  .cl-strategie p{font-size:14px}
  .cl-titre{margin-top:20px}
  .cl-signal{padding:10px 12px;gap:10px}
  .cl-signal > span:not(.pico){font-size:13.5px}
  .cl-signal em{font-size:11px;padding:2px 8px}
  .cl-actions .btn{width:100%;justify-content:center}
}

/* ── Fiche d'inscription sur téléphone (15/10, Paul) : certaines listes repliées par défaut, ouvertes d'un geste sur leur titre ── */
@media (max-width:700px){
  .champ-fiche[data-replie]:not(.deplie) > :not(.champ-tete){display:none !important}
  .champ-fiche[data-replie] > .champ-tete{position:relative;cursor:pointer;padding-right:26px !important}
  .champ-fiche[data-replie] > .champ-tete::before{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-75%) rotate(45deg);transition:transform .2s}
  .champ-fiche[data-replie].deplie > .champ-tete::before{transform:translateY(-25%) rotate(-135deg)}
}
/* les 4 onglets de la fiche tiennent sur une ligne sur téléphone (15/10) */
@media (max-width:700px){
  .fiche-page .fiche-pas{flex-wrap:nowrap !important;justify-content:space-between !important;gap:4px !important;padding:6px !important}
  .fiche-page .fiche-pas li{padding:6px 9px 6px 6px !important;gap:6px !important;font-size:13px !important;white-space:nowrap}
  .fiche-page .fiche-pas li b{width:20px !important;height:20px !important;min-width:20px !important;font-size:11px !important}
}
/* ciblage en lecture seule : cœur de l'icône IA en blanc ; titre des signaux, repliable sur téléphone (15/10, Paul) */
.cl-ico .etincelle{color:#fff !important}
.cl-ico .etincelle path{fill:#fff !important}
.cl-repli{display:flex;align-items:center;gap:8px;width:auto;margin:24px 0 10px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:default;text-align:left}
.cl-repli small{padding:1px 8px;border-radius:999px;background:#F3F0FF;color:#5B3BEA;font-size:11.5px;font-weight:600}
@media (max-width:700px){
  .cl-repli{position:relative;width:100%;margin:20px 0 0;padding:13px 40px 13px 14px;border:1px solid var(--line-2,#E6E6EC);border-radius:14px;background:#fff;font-size:14px;color:var(--ink);cursor:pointer}
  .cl-repli::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-75%) rotate(45deg);transition:transform .2s}
  .cl-bloc.ouvert .cl-repli::after{transform:translateY(-25%) rotate(-135deg)}
  .cl-bloc:not(.ouvert) .cl-signaux{display:none}
  .cl-bloc.ouvert .cl-repli{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
  .cl-bloc.ouvert .cl-signaux{border-top-left-radius:0;border-top-right-radius:0}
}


/* ── Paywall de l'abonnement unique, version épurée (16/10, Paul) : une colonne, un seul bord gauche, la veille en tête, le prix puis le bouton.
   Gabarit à part (pw2-*) ; la fenêtre tient toujours dans l'écran (hauteur dynamique du téléphone), le contenu défile à l'intérieur. ── */
#modale-formules.modale-fond{padding:16px;place-items:center}
#modale-formules .modale.pw2{width:min(480px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;
  padding:28px 28px 24px;border-radius:22px;display:flex;flex-direction:column;gap:0;text-align:left}
.pw2 .modale-x{top:14px;right:14px}
.pw2-label{display:flex;align-items:center;gap:7px;margin:0 36px 10px 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw2-label svg.etincelle{flex:none;width:12px;height:12px;margin:0;color:#7C5CFF}
.pw2-label span{overflow:hidden;text-overflow:ellipsis}
#modale-formules .pw2 h2{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.025em;font-weight:750;color:var(--ink);max-width:none;padding-right:20px}
.pw2-attente{display:flex;align-items:center;gap:9px;margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2);max-width:none}
.pw2-attente b{color:var(--ink)}
.pw2-point{flex:none;width:8px;height:8px;border-radius:50%;background:#02B58E;box-shadow:0 0 0 4px rgba(2,181,142,.15)}

.pw2-veille{display:flex;gap:14px;align-items:flex-start;margin:20px 0 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#F4F1FF,#EEFAF6);border:1px solid #E2DBFF}
.pw2-veille-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);box-shadow:0 8px 18px -10px rgba(91,59,234,.8)}
.pw2-veille-ico svg.etincelle{width:18px;height:18px;margin:0;color:#fff}
.pw2-veille-ico svg.etincelle path{fill:#fff}
.pw2-veille-titre{margin:1px 0 4px;font-size:16px;font-weight:700;color:var(--ink);max-width:none}
.pw2-veille-texte{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}

.pw2-prix{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 0 0;text-align:center}
.pw2-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#6D4BFF,#02A57F);color:#fff;font-size:12px;font-weight:650;letter-spacing:.01em}
.pw2-montant{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0;max-width:none}
.pw2-montant s{font-size:20px;font-weight:600;color:var(--faint);text-decoration-thickness:2px;text-decoration-color:#E5484D}
.pw2-montant b{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.pw2-montant span{font-size:14px;color:var(--muted)}
.pw2-detail{margin:0;font-size:13px;line-height:1.5;color:var(--muted);max-width:none}
.pw2-detail b{color:#4B2FD6;font-weight:700}

#modale-formules .pw2-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin:20px 0 0;padding:0 20px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#1F8A6A,#0B6B52);color:#fff;font-size:16px;font-weight:650;box-shadow:0 14px 28px -14px rgba(4,114,87,.75);cursor:pointer;transition:transform .15s,box-shadow .15s}
#modale-formules .pw2-cta:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 18px 32px -14px rgba(4,114,87,.85)}
#modale-formules .pw2-cta[disabled]{background:var(--bg-soft);color:var(--muted);box-shadow:none;cursor:default}
#modale-formules .pw2-cta svg{width:16px;height:16px}
.pw2-rassure{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted);text-align:center;max-width:none}
.pw2-rassure span{white-space:nowrap}
.pw2-rassure svg{display:inline-block;width:11px;height:11px;margin:0 4px 0 0;vertical-align:-1px}

.pw2-inclus{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.pw2-inclus li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.pw2-inclus li .coche-q{flex:none;margin-top:2px}
.pw2-inclus b{color:var(--ink);font-weight:650}
#modale-formules .pw2 #formules-erreur{margin:12px 0 0;text-align:center}

@media (max-width:560px){
  #modale-formules.modale-fond{padding:10px}
  #modale-formules .modale.pw2{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:20px 18px 18px;border-radius:20px}
  .pw2 .modale-x{top:10px;right:10px}
  .pw2-label{font-size:10px;margin-bottom:8px}
  #modale-formules .pw2 h2{font-size:21px}
  .pw2-attente{margin-top:10px;font-size:13px}
  .pw2-veille{gap:12px;margin-top:16px;padding:13px}
  .pw2-veille-ico{width:34px;height:34px;border-radius:10px}
  .pw2-veille-titre{font-size:15px}
  .pw2-veille-texte{font-size:12.5px}
  .pw2-prix{margin-top:18px;gap:6px}
  .pw2-montant s{font-size:16px}
  .pw2-montant b{font-size:40px}
  .pw2-montant span{font-size:12.5px}
  .pw2-detail{font-size:12px}
  #modale-formules .pw2-cta{min-height:50px;margin-top:16px;font-size:15px}
  .pw2-rassure{font-size:11px}
  .pw2-inclus{grid-template-columns:1fr;gap:8px;margin-top:16px;padding-top:14px}
  .pw2-inclus li{font-size:13px}
}


/* Fenêtre « Confirmez votre entreprise », sur téléphone : Scopos se lit mieux sur ordinateur (16/10, Paul). Caché au-delà de 760 px. */
.info-ordi{display:none}
@media (max-width:760px){
  .info-ordi{display:flex;gap:12px;align-items:center;margin:16px 0 0;padding:12px 14px;border-radius:14px;border:1px solid transparent;
    background:linear-gradient(135deg,#F6F3FF,#EFFAF6) padding-box,linear-gradient(135deg,#B9A6FF,#7FD9C1) border-box}
  .info-ordi-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff;box-shadow:0 8px 16px -10px rgba(91,59,234,.8)}
  .info-ordi-ico svg{width:19px;height:19px}
  .info-ordi-titre{margin:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--ink);max-width:none}
  .info-ordi-texte{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2);max-width:none}
}


/* Livraison de la semaine (16/10, Paul) : on voit ce qui s'analyse. Les prospects en cours d'analyse ressortent (bord violet, reflet qui passe,
   « Analyse en cours » qui tourne) ; ceux qui attendent leur tour restent discrets. */
.grille-fiches > .carte.fiche-prepa:not(.attente-livraison){position:relative;overflow:hidden;border-color:#C9BBFF;background:linear-gradient(100deg,#FBFAFF,#F3FBF8)}
.grille-fiches > .carte.fiche-prepa:not(.attente-livraison)::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(124,92,255,.10) 50%,transparent 70%);background-size:220% 100%;animation:reflet-prepa 1.8s linear infinite}
@keyframes reflet-prepa{from{background-position:120% 0}to{background-position:-120% 0}}
.grille-fiches > .carte.fiche-prepa:not(.attente-livraison) .prepa-etat{background:#EFEAFF;color:#4B2FD6}
.grille-fiches > .carte.fiche-prepa:not(.attente-livraison) .prepa-etat i{display:inline-block;border-color:rgba(91,59,234,.22);border-top-color:#5B3BEA}
.grille-fiches > .carte.fiche-prepa:not(.attente-livraison) .pct-fiche:empty::before{content:'Analyse en cours'}
.grille-fiches > .attente-livraison{opacity:.62}
.grille-fiches > .attente-livraison .prepa-etat{display:none}
@media (prefers-reduced-motion:reduce){.grille-fiches > .carte.fiche-prepa::after{animation:none}}


/* Badge « Fort potentiel » (16/10, Paul) : prospects notés 75 et plus ; la note n'est jamais affichée. */
.puce.palier.potentiel,.r-potentiel{background:linear-gradient(120deg,#FFF0E6,#FFE3D1);color:#B4430E;border-color:transparent}
.r-potentiel{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.puce.palier.potentiel svg.flamme,.r-potentiel svg.flamme{width:12px;height:12px;flex:none;color:#E8590C}

/* ── Lignes prospect de « Mes prospects », style épuré (16/10, Paul) : inspirées des encarts de la fiche d'entreprise
   (fond gris très clair, filet fin, ombre violette diffuse, étiquette en petites capitales violettes, bouton en pastille). Le prospect offert garde sa carte dorée. ── */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte),
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{border:0 !important;background:none !important;box-shadow:none !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{
  padding:18px 22px !important;gap:16px !important;border:1px solid #EAEAEE !important;border-left-width:1px !important;border-radius:12px !important;
  background:#FAFAFA !important;box-shadow:0 22px 44px -32px rgba(124,92,252,.5) !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte::before,
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte)::before{display:none !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte:hover{border-color:#DCD3FF !important;background:#fff !important}
/* l'icône s'efface : l'étiquette dit déjà le type de signal */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte > .ico-prospect,
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte > [class*="ico"]:first-child{display:none !important}
/* l'étiquette : petites capitales violettes, sans pastille ; ville et date en gris à côté */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta .puce,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .meta .puce,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa > div > .puce{display:inline-flex;align-items:center;gap:5px;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;animation:none !important;
  font-family:var(--mono) !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.16em !important;text-transform:uppercase;color:#5B3FD6 !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta .puce.potentiel{color:#C2410C !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta .puce.cadeau{color:#9A6B00 !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta .puce svg{width:11px;height:11px}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .meta .meta-texte{font-size:13px !important;color:var(--muted) !important;letter-spacing:0;text-transform:none}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte h3{margin:0 !important;font-size:15.5px !important;font-weight:650 !important;line-height:1.35 !important;color:var(--ink) !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte p{margin:3px 0 0 !important;font-size:13.5px !important;line-height:1.5 !important;color:#5B616B !important}
/* les boutons : « Ouvrir » en pastille violette, comme « Modifier » ; le reste discret */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte{gap:8px !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .ouvrir{min-height:34px !important;height:34px !important;padding:0 16px !important;border-radius:999px !important;border:1px solid #E3DBFF !important;
  background:#F7F4FF !important;color:#5B3FD6 !important;font-size:13px !important;font-weight:600 !important;box-shadow:none !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .ouvrir:hover{background:#fff !important;border-color:#B9A6FF !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte > :not(.ouvrir):not(.statut-choix):not([class*="statut"]){border-radius:999px !important}
@media (max-width:760px){
  body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte,
  body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{padding:14px 16px !important}
}
/* mise en page de la ligne : le texte à gauche, les boutons à droite, sur une seule rangée (16/10) */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto !important;align-items:center !important;column-gap:20px !important;row-gap:0 !important;min-height:0 !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte > div{display:block !important;grid-column:1 !important;grid-row:1 !important;min-width:0}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte > div > *{grid-column:auto !important;grid-row:auto !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte .meta{flex-wrap:nowrap !important;overflow:hidden;white-space:nowrap}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte .meta .meta-texte{overflow:hidden;text-overflow:ellipsis}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte .actions-carte{grid-column:2 !important;grid-row:1 !important;align-self:center !important;justify-self:end !important;margin:0 !important;width:auto !important}
@media (max-width:760px){
  body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte{grid-template-columns:minmax(0,1fr) !important}
  body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) > summary.carte .actions-carte{grid-column:1 !important;grid-row:2 !important;justify-self:stretch !important;margin-top:12px !important}
}
/* boutons de la ligne : tous à 34 px de haut, en pastille (16/10) */
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .statut-bouton{height:34px !important;min-height:34px !important;padding:0 12px !important;border-radius:999px !important;font-size:12.5px !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .partager-icone,
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .fiche-retirer{width:34px !important;height:34px !important;min-height:34px !important;padding:0 !important;display:inline-grid;place-items:center}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .fiche-retirer{border-color:transparent !important;background:none !important;color:var(--faint) !important}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte) .actions-carte .fiche-retirer:hover{color:var(--ink) !important;background:#F1F1F4 !important}

/* ── Cartes « À découvrir », même style épuré que les lignes de « Mes prospects » (16/10, Paul) ── */
body[data-shell="app"] #lots .carte.choix.flip.flip .face{background:#FAFAFA !important;border:1px solid #EAEAEE !important;border-radius:12px !important;box-shadow:0 22px 44px -32px rgba(124,92,252,.5) !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto,
body[data-shell="app"] #lots .carte.choix.flip.flip .face.verso{padding:18px 20px !important}
body[data-shell="app"] #lots .carte.choix.flip.flip.reco .face{border-color:#D9CEFF !important;background:linear-gradient(180deg,#FCFBFF,#F7F4FF) !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .reflet,
body[data-shell="app"] #lots .carte.choix.flip.flip .filigrane,
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto .pico{display:none !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto .r-haut{padding:0 30px 0 0 !important;gap:0 !important;min-height:0 !important}
/* l'étiquette : petites capitales, sans pastille */
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-type,
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-reco,
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-nouveau,
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-potentiel{display:inline-flex;align-items:center;gap:5px;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;
  font-family:var(--mono) !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.16em !important;text-transform:uppercase;color:#5B3FD6 !important;white-space:nowrap}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-potentiel{color:#C2410C !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-nouveau{color:#047A5F !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types svg{width:11px !important;height:11px !important;margin:0 !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto h3{margin:8px 0 0 !important;font-size:15.5px !important;font-weight:650 !important;line-height:1.35 !important;color:var(--ink) !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto p.raison{margin-top:4px !important;font-size:13.5px !important;line-height:1.5 !important;color:#5B616B !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-meta{font-size:12.5px !important;color:var(--muted) !important}
/* les boutons en pastilles : « Pourquoi ? » discret, « Débloquer » violet plein (le bouton qui compte) */
body[data-shell="app"] #lots .carte.choix.flip.flip .r-bas{gap:8px !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-bas .btn{height:34px !important;min-height:34px !important;padding:0 14px !important;border-radius:999px !important;font-size:13px !important;box-shadow:none !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-bas .retourner{border:1px solid #E6E6EB !important;background:#fff !important;color:var(--ink-2) !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-bas .r-debloquer{border:1px solid #5B3FD6 !important;background:#5B3FD6 !important;color:#fff !important;font-weight:600 !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-bas .r-debloquer:hover{background:#4B2FD6 !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .face.verso .label{font-family:var(--mono) !important;font-size:11px !important;letter-spacing:.16em !important;text-transform:uppercase;color:#5B3FD6 !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .verso-actions .btn{height:34px !important;border-radius:999px !important;font-size:13px !important}
body[data-shell="app"] #lots .carte.choix.flip.flip .verso-actions .btn-acc{background:#5B3FD6 !important;border-color:#5B3FD6 !important;color:#fff !important}
@media (max-width:760px){
  body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto,
  body[data-shell="app"] #lots .carte.choix.flip.flip .face.verso{padding:14px 15px !important}
  body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-type,
  body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-reco,
  body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-nouveau,
  body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-potentiel{font-size:10px !important;letter-spacing:.12em !important}
  body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto h3{font-size:14.5px !important}
}

/* ── Cartes en cours d'analyse et en attente, dans le même style (16/10) : la carte en analyse garde son bord violet et son reflet ── */
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa:not(.attente-livraison){border-color:#C9BBFF !important;background:linear-gradient(100deg,#FBFAFF,#F4F1FF) !important}
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center !important;column-gap:16px !important}
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .pico,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .anneau{width:36px !important;height:36px !important;min-width:36px !important;border-radius:11px !important}
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa h3{margin:4px 0 0 !important;font-size:15.5px !important;font-weight:650 !important;color:var(--ink) !important}
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .prepa-etat{height:34px;padding:0 14px !important;border-radius:999px !important;font-size:12.5px !important}
body[data-shell="app"] #lots .grille-fiches > .attente-livraison{opacity:.6}
@media (max-width:760px){
  body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{grid-template-columns:auto minmax(0,1fr) !important}
  body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .prepa-etat{grid-column:2 !important;justify-self:start !important;margin-top:8px}
}

/* ── Prospect offert, même style épuré mais doré pour le mettre en valeur (16/10, Paul) ── */
body[data-shell="app"] #lots .grille-fiches > details#offerte{border:0 !important;background:none !important;box-shadow:none !important;margin:0 0 14px !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte::before,
body[data-shell="app"] #lots .grille-fiches > details#offerte::after{display:none !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;grid-template-rows:auto !important;align-items:center !important;column-gap:18px !important;row-gap:0 !important;
  min-height:0 !important;padding:20px 22px !important;border:1px solid #F0D58A !important;border-radius:12px !important;
  background:linear-gradient(110deg,#FFFCF2 0%,#FFF6DC 100%) !important;box-shadow:0 24px 46px -30px rgba(201,138,0,.55),0 0 0 4px rgba(245,183,0,.08) !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte > div{display:block !important;grid-column:2 !important;grid-row:1 !important;min-width:0}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte > div > *{grid-column:auto !important;grid-row:auto !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau{grid-column:1 !important;grid-row:1 !important;width:44px !important;height:44px !important;min-width:44px !important;border-radius:13px !important;
  background:linear-gradient(135deg,#FFE7A3,#F5C542) !important;color:#7A5300 !important;box-shadow:0 8px 18px -10px rgba(180,130,0,.7) !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau svg{width:20px !important;height:20px !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .meta{display:flex;align-items:baseline;flex-wrap:nowrap;gap:4px 10px;margin:0 0 6px !important;white-space:nowrap;overflow:hidden}
body[data-shell="app"] #lots .grille-fiches > details#offerte .puce.cadeau,
body[data-shell="app"] #lots .grille-fiches > details#offerte .meta .puce{display:inline-flex;align-items:center;gap:5px;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;animation:none !important;
  font-family:var(--mono) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase;color:#A06C00 !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .meta .meta-texte{font-size:13px !important;color:#8A7A55 !important;overflow:hidden;text-overflow:ellipsis}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte h3{margin:0 !important;font-size:16.5px !important;font-weight:700 !important;line-height:1.35 !important;letter-spacing:-.01em;color:#1B1405 !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{display:block !important;margin:4px 0 0 !important;max-width:none !important;font-size:13.5px !important;line-height:1.5 !important;color:#6B5E40 !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte{grid-column:3 !important;grid-row:1 !important;align-self:center !important;justify-self:end !important;margin:0 !important;width:auto !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .ouvrir,
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .chargement{min-height:38px !important;height:38px !important;padding:0 18px !important;border-radius:999px !important;font-size:13.5px !important;font-weight:650 !important;
  background:#1B1405 !important;border:1px solid #1B1405 !important;color:#FFE8A3 !important;box-shadow:0 10px 20px -12px rgba(27,20,5,.6) !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .chargement{background:#FFF1C7 !important;border-color:#F0D58A !important;color:#7A5300 !important;box-shadow:none !important}
body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .ouvrir:hover{background:#000 !important}
@media (max-width:760px){
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte{grid-template-columns:auto minmax(0,1fr) !important;padding:16px !important;column-gap:12px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .anneau-cadeau{width:36px !important;height:36px !important;min-width:36px !important;border-radius:11px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte > div{display:block !important;grid-column:2 !important;grid-row:1 !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte h3{grid-column:auto !important;font-size:15px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte > summary.carte p{grid-column:auto !important;font-size:13px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte{grid-column:1 / -1 !important;grid-row:2 !important;justify-self:stretch !important;margin-top:12px !important}
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .ouvrir,
  body[data-shell="app"] #lots .grille-fiches > details#offerte .actions-carte .chargement{width:100% !important;justify-content:center}
}
body[data-shell="app"] #lots .grille-fiches > details.fiche-carte:not(#offerte){padding:0 !important} /* même largeur que le prospect offert et les filtres (16/10) */
/* cartes en analyse / en attente : sans icône, texte aligné sur les lignes prêtes ; le rond qui tourne reste à droite (16/10) */
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{grid-template-columns:minmax(0,1fr) auto !important}
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa > .pico,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa > .anneau,
body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa > [class*="ico"]:first-child{display:none !important}
@media (max-width:760px){body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa{grid-template-columns:minmax(0,1fr) !important}body[data-shell="app"] #lots .grille-fiches > .carte.fiche-prepa .prepa-etat{grid-column:1 !important}}

/* ── Prospects à débloquer (16/10, Paul) : fond lavande, filet violet en pointillés, et une ligne voilée (société, courriel, téléphone floutés) derrière un petit cadenas.
   Les prospects déjà débloqués gardent le fond gris clair et le filet plein. ── */
body[data-shell="app"] #lots .carte.choix.flip.flip .face.recto{background:linear-gradient(180deg,#FDFCFF,#F6F3FF) !important;border:1px dashed #CDBFFF !important}
body[data-shell="app"] #lots .carte.choix.flip.flip.reco .face.recto{border-style:solid !important;border-color:#BBA9FF !important}
body[data-shell="app"] #lots .carte.choix.flip.flip.choisie .face.recto{border-style:solid !important;border-color:#5B3FD6 !important}
.r-voile{display:none}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-voile{display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:7px 10px;border-radius:9px;background:rgba(91,63,214,.06);color:#5B3FD6;overflow:hidden;max-width:100%}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-voile svg{flex:none;width:13px;height:13px}
body[data-shell="app"] #lots .carte.choix.flip.flip .r-voile i{font-style:normal;font-size:12.5px;color:#4B4F58;white-space:nowrap;overflow:hidden;text-overflow:clip;filter:blur(4px);user-select:none;pointer-events:none}
/* l'étincelle devant « NOUVEAU » : visible */
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-nouveau svg,
body[data-shell="app"] #lots .carte.choix.flip.flip .r-types .r-nouveau svg path{color:#047A5F !important;fill:#047A5F !important;opacity:1 !important;animation:none !important}


/* Accueil : les métiers en liens directs, famille par famille (17/10) */
.metiers-accueil{margin-top:48px}
.metiers-accueil-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:14px}
.metiers-accueil-grille b{display:block;margin-bottom:6px;font-size:14px;color:var(--ink)}
.metiers-accueil-grille ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px}
.metiers-accueil-grille a{font-size:13.5px;color:var(--ink-2);text-decoration:none}
.metiers-accueil-grille a:hover{color:var(--acc);text-decoration:underline}
@media (max-width:820px){.metiers-accueil-grille{grid-template-columns:1fr}}

/* ── Santé des entreprises françaises (17/10) : baromètre et carte d'accueil. Une seule série par courbe ; couleurs validées (outil dataviz) ── */
.sante,.explorer-sante{--sante-serie:#6250d6;--sante-s1:#2a78d6;--sante-s2:#eb6834;--sante-s3:#1baf7a;--sante-grille:#ECEDF1;--sante-texte:#5B616B}
.sante:not(.pico){margin:26px 0 34px;padding:26px 26px 22px;border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,#FDFCFF,#F7F5FF) padding-box,linear-gradient(135deg,#C9BBFF,#B6E9D8) border-box;box-shadow:0 30px 60px -44px rgba(91,59,234,.6)}
.sante-label,.explorer-sante-label{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#5B3FD6}
.sante-titre{margin:8px 0 0 !important;font-size:24px;letter-spacing:-.02em}
.sante-chapo{margin:8px 0 0;color:var(--sante-texte);font-size:15px;max-width:70ch}
.sante-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.sante-tuile{display:grid;gap:2px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #ECE8FB}
.sante-tuile-nom{font-size:13px;color:var(--sante-texte)}
.sante-tuile b{font-size:26px;letter-spacing:-.03em;color:var(--ink)}
.sante-tuile-evol{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.sante-spark{display:block;width:100%;height:34px;margin-top:4px}
.sante-duo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px}
.sante-bloc{margin:0;padding:16px 16px 10px;border-radius:16px;background:#fff;border:1px solid #ECE8FB;position:relative}
.sante-large{margin-top:14px}
.sante-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sante-tete figcaption{font-weight:650;font-size:16px;color:var(--ink)}
.sante-tete p{margin:3px 0 0;font-size:13px;color:var(--sante-texte);max-width:52ch}
.sante-menu{padding:9px 34px 9px 12px;border:1px solid #D9D0FB;border-radius:999px;background:#F7F4FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%235B3FD6' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:600;color:#3D2BA8;cursor:pointer}
.sante-graphe,.sante-france{position:relative;margin-top:8px}
.sante-svg{display:block;width:100%;height:auto;overflow:visible}
.sante-grille{stroke:var(--sante-grille);stroke-width:1}
.sante-base{stroke:#C9CCD3;stroke-width:1}
.sante-axe{font-size:11px;fill:#8A8F98;font-family:var(--mono)}
.sante-ligne{fill:none;stroke:var(--sante-serie);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.sante-ligne.fine{stroke-width:1.6}
.sante-point{fill:var(--sante-serie);stroke:#fff;stroke-width:2}
.sante-etiquette{font-size:12px;font-weight:700;fill:var(--ink)}
.sante-repere{stroke:#9A8BEA;stroke-width:1;stroke-dasharray:3 3}
.sante-barre.s1{fill:var(--sante-s1)}.sante-barre.s2{fill:var(--sante-s2)}.sante-barre.s3{fill:var(--sante-s3)}
.sante-cles{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.sante-cles i,.sante-bulle i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sante-cles i.s1,.sante-bulle i.s1{background:var(--sante-s1)}.sante-cles i.s2,.sante-bulle i.s2{background:var(--sante-s2)}.sante-cles i.s3,.sante-bulle i.s3{background:var(--sante-s3)}
.sante-bulle{position:absolute;z-index:5;transform:translate(-50%,-100%);pointer-events:none;padding:8px 11px;border-radius:10px;background:#16131F;color:#fff;font-size:12.5px;line-height:1.45;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.sante-bulle b{display:block;font-size:14px}.sante-bulle span{display:block;color:#C9C4DE}.sante-bulle em{display:block;font-style:normal;color:#B7F0DA}
.france .dep{stroke:#fff;stroke-width:.8;cursor:pointer;transition:fill .25s ease;outline:0}
.france .dep.c0{fill:#EEF0F3}.france .dep.c1{fill:#B7A9F5}.france .dep.c2{fill:#9581EE}.france .dep.c3{fill:#7259E2}.france .dep.c4{fill:#5539CC}.france .dep.c5{fill:#3B1FA3}
.france .dep:hover,.france .dep.vise,.france .dep:focus-visible{stroke:#16131F;stroke-width:1.6}
.sante-legende{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11.5px;color:var(--sante-texte);font-family:var(--mono)}
.sante-legende i{display:inline-block;width:12px;height:8px;border-radius:2px;margin-right:4px}
.sante-legende i.c1{background:#B7A9F5}.sante-legende i.c2{background:#9581EE}.sante-legende i.c3{background:#7259E2}.sante-legende i.c4{background:#5539CC}.sante-legende i.c5{background:#3B1FA3}
.sante-donnees{margin-top:14px}.sante-donnees summary{cursor:pointer;font-weight:600;color:#5B3FD6}
@media (max-width:860px){.sante{padding:18px 14px}.sante-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sante-duo{grid-template-columns:1fr}.sante-titre{font-size:20px}}

/* La carte mise en avant de l'accueil : toute la première ligne d'« Explorer » */
.explorer-sante{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:22px;align-items:center;padding:22px 24px;border-radius:20px;border:1px solid transparent;background:linear-gradient(135deg,#FDFCFF,#F2FBF7) padding-box,linear-gradient(135deg,#C9BBFF,#B6E9D8) border-box;box-shadow:0 30px 60px -44px rgba(91,59,234,.6)}
.explorer-sante-texte b{display:block;margin-top:6px;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.explorer-sante-texte p{margin:8px 0 12px;font-size:14.5px;color:#5B616B;line-height:1.55}
.explorer-sante-texte strong{color:var(--ink)}
.explorer-sante-lien{display:inline-block;margin-top:12px;font-weight:650;color:#5B3FD6}
.explorer-sante .sante-graphe{margin:0}
@media (max-width:820px){.explorer-sante{grid-template-columns:1fr;padding:18px 16px}}

/* La section santé déborde de la colonne de texte pour laisser de la place à la courbe et à la carte (17/10) */
@media (min-width:900px){.contenu .sante{width:min(1100px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}}
.sante-axe{font-size:12px}

/* ── Paywall des crédits (17/10, Paul) : trois paquets dégressifs en lignes à choisir, même gabarit que le paywall d'abonnement (pw2). ── */
.modale-fond.fond-pwc{padding:16px;place-items:center}
.fond-pwc .modale.pwc{width:min(460px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  padding:28px 28px 22px;border-radius:22px;display:flex;flex-direction:column;gap:0;text-align:left}
.pwc .modale-x{top:14px;right:14px}
.pwc h2{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.02em}
.pwc-intro{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:none}
.pwc-liste{display:grid;gap:10px;margin:22px 0 0}
.pwc-choix{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;border:1.5px solid #E3E6EE;border-radius:16px;background:#fff;
  font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.pwc-choix:hover{border-color:#C9C0FF}
.pwc-choix.choisi{border-color:#6D4BFF;background:linear-gradient(135deg,#F7F5FF,#F1FBF7);box-shadow:0 10px 26px -18px rgba(91,59,234,.7)}
.pwc-choix:focus-visible{outline:2px solid #6D4BFF;outline-offset:2px}
.pwc-radio{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #C5CAD6;background:#fff;transition:border-color .15s,box-shadow .15s}
.pwc-choix.choisi .pwc-radio{border:6px solid #6D4BFF}
.pwc-qte{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pwc-qte b{font-size:16px;font-weight:700;letter-spacing:-.01em}
.pwc-qte small{font-size:12.5px;color:var(--muted);white-space:nowrap}
.pwc-choix.choisi .pwc-qte small{color:#4B2FD6}
.pwc-droite{display:flex;align-items:center;gap:10px;flex:none}
.pwc-prix{font-size:20px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.pwc-prix small{margin-left:3px;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0}
.pwc-remise{padding:3px 8px;border-radius:99px;background:#E4F7EE;color:#0A7A45;font-size:12px;font-weight:700;white-space:nowrap}
.pwc-pop{position:absolute;top:-10px;left:50px;padding:2px 10px;border-radius:99px;background:linear-gradient(135deg,#6D4BFF,#02A57F);color:#fff;font-size:11px;font-weight:650;letter-spacing:.01em}
.pwc-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin:20px 0 0;padding:0 20px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#1F8A6A,#0B6B52);color:#fff;font-size:16px;font-weight:650;box-shadow:0 14px 28px -14px rgba(4,114,87,.75);cursor:pointer;transition:transform .15s,box-shadow .15s}
.pwc-cta:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 18px 32px -14px rgba(4,114,87,.85)}
.pwc-cta[disabled]{opacity:.65;cursor:default}
.pwc-cta svg{width:16px;height:16px}
.pwc-points{list-style:none;display:grid;gap:10px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.pwc-points li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.pwc-points i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#F2EFFF;color:#5B3BEA}
.pwc-points b{color:var(--ink)}
@media (max-width:520px){
  .fond-pwc .modale.pwc{padding:24px 18px 18px}
  .pwc h2{font-size:20px;padding-right:28px}
  .pwc-choix{gap:12px;padding:14px 13px}
  .pwc-prix{font-size:18px}
  .pwc-remise{font-size:11px;padding:2px 7px}
  .pwc-pop{left:44px}
  .pwc-ht{display:none}
}
/* Très petits écrans (320-360 px) : la remise passe sous le prix pour que la ligne tienne */
@media (max-width:360px){
  .pwc-choix{gap:10px;padding:13px 12px}
  .pwc-droite{flex-direction:column-reverse;align-items:flex-end;gap:4px}
  .pwc-qte b{font-size:15px}
  .pwc-pop{left:40px}
}
/* Sous-titre de « Mes prospects » pour un non-abonné : lien vers l'abonnement (17/10) */
.lien-abo{display:inline;margin:0 0 0 4px;padding:0;border:0;background:none;font:inherit;font-weight:650;color:#5B3BEA;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lien-abo:hover{color:#3B1FA3}
/* Encart « Sélection du lundi » en tête de « Mes prospects » (17/10, Paul) : même famille que la veille quotidienne du paywall */
.sel-lundi{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;margin:16px 0 0;padding:16px 18px;border-radius:18px;border:1px solid #E2DBFF;
  background:linear-gradient(120deg,#F5F2FF 0%,#F1F6FF 55%,#ECFAF5 100%);box-shadow:0 14px 34px -26px rgba(91,59,234,.55)}
.sel-lundi::after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.16),transparent 65%);pointer-events:none}
.sel-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);box-shadow:0 10px 20px -10px rgba(91,59,234,.85)}
.sel-ico svg.etincelle{width:18px;height:18px;margin:0;color:#fff}
.sel-corps{flex:1;min-width:0}
body[data-shell] .page-titre p.sel-titre,body .page-titre p.sel-titre,.sel-titre{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);max-width:none}
body[data-shell] .page-titre p.sel-texte,body .page-titre p.sel-texte,.sel-texte{margin:3px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}
.sel-texte b{color:#4B2FD6;font-weight:700}
.sel-date{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #E2DBFF;font:500 12px var(--mono,ui-monospace,monospace);color:#4B2FD6;white-space:nowrap}
.sel-date i{width:7px;height:7px;border-radius:50%;background:#02B58E;box-shadow:0 0 0 3px rgba(2,181,142,.18)}
.sel-cta{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:12px;
  background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff;font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px -12px rgba(91,59,234,.8);transition:transform .15s}
.sel-cta:hover{transform:translateY(-1px)}
.sel-cta svg{width:14px;height:14px}
@media (max-width:640px){
  .sel-lundi{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:15px}
  .sel-corps{flex-basis:calc(100% - 58px)}
  .sel-date,.sel-cta{margin-left:54px}
}
/* Bandeau « Vos prospects de la semaine se préparent » (17/10) : l'orbe tourne visiblement (anneau violet → vert, 1,1 s par tour), même si Windows réduit les animations : c'est un indicateur de chargement */
.livraison-prepa > .orbe{display:inline-grid;place-items:center;width:36px;height:36px;margin:0}
.livraison-prepa > .orbe::before{background:conic-gradient(from 0deg,rgba(124,92,255,0) 0deg,#7C5CFF 200deg,#02B58E 330deg,rgba(2,181,142,0) 360deg);animation:tourne 1.1s linear infinite}
.livraison-prepa > .orbe i{inset:3px}
.livraison-prepa > .orbe .etincelle{width:14px;height:14px;color:#5B3BEA}
@media (prefers-reduced-motion:reduce){.livraison-prepa > .orbe::before{animation:tourne 1.6s linear infinite !important}}

/* Encart « Recherche automatique » dans « Mes prospects » (17/10) : la promesse chiffrée sous la phrase */
.auto-texte .auto-quota{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:#4B2FD6}
body[data-shell="app"] .page-titre .auto-maj{margin-top:16px}

/* « Mes prospects » (17/10) : la date d'analyse de chaque fiche, et un menu caché reste caché */
.tri-liste[hidden],.filtre-statut-select[hidden]{display:none !important}
.meta .date-analyse{margin-left:auto;padding:3px 9px;border-radius:99px;background:#F3F4F8;color:var(--muted);font:500 11.5px var(--mono,ui-monospace,monospace);white-space:nowrap}
.meta .date-analyse.du-jour{background:#ECFAF5;color:#0A7A45}
@media (max-width:640px){.meta .date-analyse{margin-left:0}}
/* 17/10 (Paul) : dans « Mes prospects », la date d'analyse prend la place de la date du signal, juste après la ville */
.meta .date-analyse{margin-left:0}

/* Vue d'ensemble (17/10) : la tuile « Veille automatique », verte quand elle tourne */
.ens-tuile.veille-on .ens-valeur{color:#0A7A45}
.ens-tuile.veille-on .ens-valeur::before{content:"";display:inline-block;width:9px;height:9px;margin:0 9px 3px 0;border-radius:50%;background:#02B58E;box-shadow:0 0 0 4px rgba(2,181,142,.16);vertical-align:middle}
.ens-tuile.veille-off .ens-valeur{color:var(--muted)}

/* « Voir d'autres prospects » (17/10) : toujours visible, à droite de la barre des filtres de « À découvrir » */
.btn-autres{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:12px;
  background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff;font:inherit;font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px -14px rgba(91,59,234,.85);transition:transform .15s,box-shadow .15s}
.btn-autres:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 14px 26px -14px rgba(91,59,234,.9)}
.btn-autres[disabled]{opacity:.7;cursor:default}
.btn-autres[hidden]{display:none !important}
.btn-autres svg.etincelle{width:14px;height:14px;margin:0;color:#fff}
.btn-autres svg.etincelle path{fill:#fff}
@media (max-width:640px){.btn-autres{margin-left:0;width:100%;justify-content:center}}

/* Avis Trustpilot au bas de « Mes prospects » (17/10) */
.avis-tp{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0 4px;padding:16px 18px;border:1px dashed #D9DCE5;border-radius:16px;background:#FCFCFE}
.avis-tp p{flex:1 1 280px;margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);max-width:none}
.avis-tp p b{color:var(--ink)}
.avis-tp .trustpilot-widget{flex:0 0 240px;min-height:52px}
.avis-tp .trustpilot-widget a{font-size:13.5px;font-weight:650;color:#00754A}
.btn-avis-tp{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid #CFE9DD;background:#fff;color:#0B6B52;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.btn-avis-tp:hover{border-color:#00B67A;box-shadow:0 8px 18px -12px rgba(0,182,122,.7)}
.btn-avis-tp .etoile-tp{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#00B67A;color:#fff;font-size:13px;line-height:1}
/* 17/10 (Paul) : « veille quotidienne » mise en avant, en violet (la couleur premium / IA du site) */
.entete .vites .vite.veille,.vites .vite.veille{background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff;box-shadow:0 8px 20px -10px rgba(91,59,234,.85)}
.entete .vites .vite.veille svg,.vites .vite.veille svg{color:#E4DCFF}
/* 17/10 (Paul) : plus léger — dégradé violet clair → vert d'eau, comme l'encart « Veille quotidienne » du paywall */
.entete .vites .vite.veille,.vites .vite.veille{background:linear-gradient(135deg,#F1ECFF 0%,#ECE8FF 45%,#E6F7F1 100%);color:#4B2FD6;box-shadow:0 6px 16px -10px rgba(91,59,234,.45),inset 0 0 0 1px #DDD3FF}
.entete .vites .vite.veille svg,.vites .vite.veille svg{color:#7C5CFF}
/* 17/10 (Paul) : l'icône de « veille quotidienne » devient un radar dont le balayage tourne, et un point qui clignote */
.vites .vite.veille svg.radar{animation:none;overflow:visible}
.vites .vite.veille svg.radar .balayage{transform-origin:8px 8px;animation:tourne 2.6s linear infinite}
.vites .vite.veille svg.radar .point{animation:radar-point 2.6s ease-in-out infinite}
@keyframes radar-point{0%,55%{opacity:0}65%{opacity:1}100%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.vites .vite.veille svg.radar .balayage{animation:tourne 6s linear infinite !important}}
.fs-arevoir-note{display:block;margin-top:4px;font-style:normal;font-size:12.5px;color:#8a6a10}
/* 18/10 : dans « Appels d'offres », la barre de recherche et de tri des prospects ne s'affiche pas (display:flex écrasait hidden) */
.filtres-ligne[hidden]{display:none !important}

/* 18/10 (Paul) : « À découvrir » en lignes compactes, façon liste LinkedIn : type · titre sur une ligne · raison sur une ligne · ajouté le…, bouton à droite */
html body[data-shell="app"] #lots .grille .carte.choix.flip{min-height:0 !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto{padding:11px 18px !important;min-height:0 !important;row-gap:0 !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .r-voile,html body[data-shell="app"] #lots .grille .carte.choix.flip .filigrane{display:none !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .r-haut{margin:0 0 1px !important;min-height:0 !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto h3{margin:0 !important;font-size:15px !important;line-height:1.35 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto p.raison{margin:1px 0 0 !important;font-size:13px !important;line-height:1.45 !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;max-height:1.45em !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto .r-meta{margin:3px 0 0 !important;font-size:11.5px !important}
html body[data-shell="app"] #lots .grille{gap:8px !important}
@media (max-width:640px){html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto h3{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}}

/* 18/10 (Paul) : « Mes prospects » au même format ligne compacte que « À découvrir » : type · titre sur une ligne · raison sur une ligne, actions à droite (#lots#lots : passe devant le style épuré du 16/10) */
html body[data-shell="app"] #lots#lots .grille-fiches{gap:8px !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte{padding:10px 16px !important;align-items:center !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta{margin:0 0 1px !important;flex-wrap:nowrap !important;overflow:hidden}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte h3{margin:0 !important;font-size:15px !important;line-height:1.35 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte p{margin:1px 0 0 !important;font-size:13px !important;line-height:1.45 !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;max-height:1.45em !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte[open] > summary.carte p{-webkit-line-clamp:3 !important;line-clamp:3 !important;max-height:4.4em !important}
@media (max-width:640px){html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte h3{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > *{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .date-analyse{flex:none !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .puce{display:block !important;flex:0 1 auto !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .puce svg{display:inline-block;margin-right:5px;vertical-align:-1px}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .meta-texte{flex:0 1000 auto !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .puce:first-child{flex:none !important;overflow:visible}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .puce:not(:first-child){flex:0 1000 auto !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .date-analyse{flex:0 1 auto !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte > div{container-type:inline-size}
@container (max-width:440px){html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .meta-texte{display:none !important}}
/* 18/10 : la note « Elle remplace une piste… » n'est pas rognée par la ligne compacte : petite pastille sur une ligne */
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte p.note-remplace{display:block !important;max-height:none !important;-webkit-line-clamp:unset !important;line-clamp:none !important;margin:5px 0 0 !important;padding:3px 10px !important;border-radius:8px !important;font-size:12px !important;line-height:1.45 !important;color:#6B4A00 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}

/* 18/10 (Paul) : « Mes prospects » groupé par jour d'analyse (intertitre au-dessus de chaque groupe) ; ville toujours en majuscules */
html body[data-shell="app"] #lots .grille-fiches > .jour-analyse{margin:10px 0 -2px 2px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
html body[data-shell="app"] #lots .grille-fiches > .jour-analyse:first-of-type{margin-top:2px}
html body[data-shell="app"] #lots .grille-fiches > .jour-analyse[hidden]{display:none}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .meta > .meta-texte{text-transform:uppercase !important}
/* 18/10 (Paul) : dans « À découvrir », un texte trop long passe à la ligne (2 lignes au plus) au lieu d'être coupé : l'encart grandit un peu */
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto h3{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto p.raison{-webkit-line-clamp:2 !important;line-clamp:2 !important;max-height:2.9em !important}

/* 19/10 (Paul, ESSAI) : « Mes prospects » en tableau sobre façon Stripe, sur ordinateur : en-tête, lignes fines séparées d'un filet, sans cartes.
   Pour revenir en arrière : retirer la classe « vue-tableau » de .grille-fiches dans app.js (ou restaurer style.avant-tableau.css). */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau{gap:0 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte{display:grid !important;grid-template-columns:minmax(140px,1fr) minmax(0,1.7fr) 150px 110px 268px !important;column-gap:16px !important;row-gap:0 !important;align-items:center !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete{margin-top:10px;padding:9px 14px;border-bottom:1px solid #E3E3E8;font-size:12.5px;font-weight:600;color:#6B7280}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete span:last-child{padding-left:2px}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte{margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte{margin:0 !important;padding:11px 14px !important;min-height:0 !important;border:0 !important;border-bottom:1px solid #EDEDF1 !important;border-radius:0 !important;background:#fff !important;background-image:none !important;box-shadow:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte:hover{background:#F7F7F9 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.offerte-carte:not(.achetee) > summary.carte{background:#FFFCF2 !important}
  /* les cellules : le bloc texte et sa ligne d'étiquettes s'effacent, leurs éléments se rangent chacun dans sa colonne */
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > div,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > div > .meta{display:contents !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > [class*="ico"]:first-child,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .puce:not(:first-child),
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .date-analyse{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte h3{grid-column:1 !important;grid-row:1 !important;margin:0 !important;font-size:14px !important;font-weight:600 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte p:not(.note-remplace){grid-column:2 !important;grid-row:1 !important;margin:0 !important;font-size:13.5px !important;color:#4B5160 !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-height:none !important;-webkit-line-clamp:unset !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .puce:first-child{grid-column:3 !important;grid-row:1 !important;justify-self:start;max-width:100%;display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;padding:2px 8px !important;border-radius:6px !important;background:#F3F0FF !important;font-family:inherit !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:#5B3FD6 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .puce.potentiel:first-child{background:#FFF1E8 !important;color:#B4430E !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .meta-texte{grid-column:4 !important;grid-row:1 !important;display:block !important;font-size:12.5px !important;color:#4B5160 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > .actions-carte{grid-column:5 !important;grid-row:1 !important;justify-self:start;display:flex !important;align-items:center;gap:6px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .statut-bouton{height:26px !important;min-height:0 !important;padding:0 10px !important;font-size:12.5px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .ouvrir{height:26px !important;min-height:0 !important;padding:0 12px !important;font-size:12.5px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .partager,html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .fiche-retirer{flex:none !important;width:26px !important;min-width:26px !important;height:26px !important;min-height:0 !important;padding:0 !important;font-size:18px !important;line-height:1 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte p.note-remplace{grid-column:1 / -1 !important;grid-row:2 !important;margin:6px 0 0 !important;justify-self:start}
  /* partager et retirer : visibles au survol de la ligne (comme les actions d'un tableau Stripe) */
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .partager,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .fiche-retirer{opacity:0;transition:opacity .15s ease}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte:hover .actions-carte .partager,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte:hover .actions-carte .fiche-retirer,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte :focus-visible{opacity:1}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .actions-carte .statut-bouton{font-size:12px !important;padding:0 8px !important}
  /* les jours d'analyse : une ligne de section du tableau */
  html body[data-shell="app"] #lots .grille-fiches.vue-tableau > .jour-analyse{margin:0 !important;padding:7px 14px;background:#F8F8FA;border-bottom:1px solid #EDEDF1;font-size:10.5px}
}
@media (max-width:1199px){html body[data-shell="app"] #lots .grille-fiches.vue-tableau > .tab-tete{display:none}}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte{grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr) 140px 268px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete span:nth-child(4),
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .meta-texte{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > .actions-carte{grid-column:4 !important}
}
/* 19/10 (Paul, ESSAI tableau) : les fiches en préparation deviennent aussi des lignes du tableau */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa{display:grid !important;grid-template-columns:minmax(140px,1fr) minmax(0,1.7fr) 150px 110px 268px !important;column-gap:16px !important;row-gap:0 !important;align-items:center !important;
    margin:0 !important;padding:11px 14px !important;min-height:0 !important;border:0 !important;border-bottom:1px solid #EDEDF1 !important;border-radius:0 !important;background:#FCFBFF !important;background-image:none !important;box-shadow:none !important;animation:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa::after{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa > div,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa > div > .meta{display:contents !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa > [class*="ico"]:first-child,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa p,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .mini,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .meta > :not(.puce):not(.meta-texte),
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .meta > .puce ~ .puce{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa h3{grid-column:1 / 3 !important;grid-row:1 !important;margin:0 !important;font-size:13.5px !important;font-weight:500 !important;color:#6B7280 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .puce{grid-column:3 !important;grid-row:1 !important;justify-self:start;max-width:100%;display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;padding:2px 8px !important;border:0 !important;border-radius:6px !important;background:#F1F1F4 !important;box-shadow:none !important;animation:none !important;font-family:inherit !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:#5B616B !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .puce svg{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .meta-texte{grid-column:4 !important;grid-row:1 !important;display:block !important;font-size:12.5px !important;color:#4B5160 !important;text-transform:uppercase !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .prepa-etat{grid-column:5 !important;grid-row:1 !important;justify-self:start;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;font-size:12.5px !important}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa{grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr) 140px 268px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .meta-texte{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .prepa-etat{grid-column:4 !important}
}
/* 19/10 (Paul) : lus / non lus, comme une boîte mail : une fiche jamais ouverte a un point vert et son nom en gras ; une fois ouverte, nom en poids normal */
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte:not(.non-lu) > summary.carte h3{font-weight:500 !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte.non-lu > summary.carte h3{font-weight:700 !important;color:#111318 !important}
/* 19/10 (Paul) : pas de point (il décalait le nom) : une fine barre violette au bord gauche de la ligne, le nom en gras et le texte en noir */
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte.non-lu > summary.carte{box-shadow:inset 3px 0 0 #7C5CFC !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte.non-lu > summary.carte p:not(.note-remplace){color:#1F2329 !important}
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte:not(.non-lu) > summary.carte p:not(.note-remplace){color:#6B7280 !important}

/* 19/10 (Paul) : dans le tableau, « Pourquoi maintenant » peut tenir sur 2 lignes */
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte p:not(.note-remplace){white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;line-height:1.45 !important;max-height:2.9em !important}}
/* 19/10 (Paul) : en tête de fiche, l'icône d'un prospect « Notre recommandation » reprend le style clair des autres (plus de carré violet foncé) */
html body .fiche-solo article.fiche > header .pico.reco{background:#F3F0FF !important;background-image:none !important;color:#5B3FD6 !important;border-color:#E3DBFF !important;box-shadow:none !important}

/* 19/10 (Paul) : « À découvrir » en tableau, comme « Mes prospects » (à partir de 1200 px ; en dessous, les lignes compactes).
   Colonnes : Prospect · Pourquoi maintenant · Signal · Ville · Ajouté · Débloquer · sélection / écarter */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau{display:block !important;gap:0 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{display:grid !important;grid-template-columns:minmax(150px,1.1fr) minmax(0,1.8fr) 150px 120px 120px 132px 44px !important;column-gap:14px !important;align-items:center !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete{margin-top:6px;padding:9px 14px;border-bottom:1px solid #E3E3E8;font-size:12.5px;font-weight:600;color:#6B7280}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{height:auto !important;min-height:0 !important;margin:0 !important;padding:11px 14px !important;border:0 !important;border-bottom:1px solid #EDEDF1 !important;border-radius:0 !important;background:#fff !important;background-image:none !important;box-shadow:none !important;transform:none !important;animation:none !important;opacity:1 !important;perspective:none !important;cursor:default}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip[hidden],
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip[data-mot="0"]{display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip:hover{background:#F7F7F9 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip.choisie{background:#F6F3FF !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip.non-lu{box-shadow:inset 3px 0 0 #7C5CFC !important}
  /* la carte s'efface : chaque élément se range dans sa colonne */
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip > .flip-in,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-haut,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-meta{display:contents !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.verso,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .reflet,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .filigrane,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-voile,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-haut > [class*="ico"],
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .retourner,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-dist,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-montant{display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3{grid-column:1 !important;grid-row:1 !important;margin:0 !important;padding:0 !important;font-size:14px !important;font-weight:500 !important;line-height:1.4 !important;color:#2A2E36 !important;white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip.non-lu h3{font-weight:700 !important;color:#111318 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison{grid-column:2 !important;grid-row:1 !important;margin:0 !important;font-size:13.5px !important;line-height:1.45 !important;color:#6B7280 !important;white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;max-height:2.9em !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip.non-lu p.raison{color:#1F2329 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types{grid-column:3 !important;grid-row:1 !important;justify-self:start;min-width:0;max-width:100%;margin:0 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types > *{display:block !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px !important;border:0 !important;border-radius:6px !important;background:#F3F0FF !important;box-shadow:none !important;font-family:inherit !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:#5B3FD6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types > .r-potentiel{background:#FFF1E8 !important;color:#B4430E !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types svg{display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-lieu{grid-column:4 !important;grid-row:1 !important;font-size:12.5px !important;color:#4B5160 !important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-ajoute{grid-column:5 !important;grid-row:1 !important;font-size:12.5px !important;color:#6B7280 !important;white-space:nowrap}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-meta svg{display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-bas{grid-column:6 !important;grid-row:1 !important;display:flex !important;justify-content:flex-start;margin:0 !important;padding:0 !important;border:0 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-debloquer{height:28px !important;min-height:0 !important;padding:0 12px !important;font-size:12.5px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche{grid-column:7 !important;grid-row:1 !important;justify-self:start;position:static !important;width:18px !important;height:18px !important;margin:0 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:7 !important;grid-row:1 !important;justify-self:end;position:static !important;opacity:0;transition:opacity .15s ease}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip:hover .ecarter,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter:focus-visible{opacity:1}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:minmax(130px,1fr) minmax(0,1.7fr) 140px 112px 132px 44px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(4),
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-lieu{display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-ajoute{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-bas{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:6 !important}
}
@media (max-width:1199px){html body[data-shell="app"] #lots .grille.vue-tableau > .tab-tete{display:none !important}}
/* lignes compactes (mobile, petit écran) : une carte non lue a aussi sa barre violette */
html body[data-shell="app"] #lots .grille .carte.choix.flip.non-lu .face.recto{box-shadow:inset 3px 0 0 #7C5CFC}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-lieu,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .m-ajoute{font-family:inherit !important;letter-spacing:0 !important}html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-debloquer{white-space:nowrap}}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-bas .r-debloquer{width:auto !important;min-width:0 !important;flex:none !important;max-width:100% !important}html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{font-family:var(--sans, Inter, system-ui, sans-serif) !important;letter-spacing:0 !important;text-transform:none !important}html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{text-transform:uppercase !important}}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{width:auto !important;min-width:0 !important;flex-direction:row !important;align-items:center !important;gap:0 !important}}
/* 19/10 : le tableau « À découvrir » reste caché quand on est sur « Mes prospects » ou « Appels d offres » (display:block écrasait hidden) */
html body[data-shell="app"] #lots#lots .grille.vue-tableau[hidden],html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau[hidden]{display:none !important}
/* 19/10 (Paul) : dans les tableaux, prospect et « Pourquoi maintenant » en entier (plus de « … ») ; la ville et le signal passent à la ligne au lieu d être coupés */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte h3,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte p:not(.note-remplace),
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa h3{display:block !important;-webkit-line-clamp:unset !important;line-clamp:none !important;max-height:none !important;overflow:visible !important;white-space:normal !important;text-overflow:clip !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .meta-texte{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:anywhere}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types > *,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .puce:first-child{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;line-height:1.35 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip,html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte{padding-top:12px !important;padding-bottom:12px !important}
}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important}}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto::before,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto::after,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip::before,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip::after{display:none !important;content:none !important}}

/* 19/10 (Paul) : « À découvrir », la case à cocher passe en première colonne, à gauche du prospect ; le × reste tout à droite (au survol) */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:22px minmax(150px,1.1fr) minmax(0,1.8fr) 150px 120px 120px 112px 22px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche{grid-column:1 !important;justify-self:start}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3{grid-column:2 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison{grid-column:3 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:7 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:8 !important;justify-self:center}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:22px minmax(130px,1fr) minmax(0,1.7fr) 140px 112px 112px 22px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(4){display:block !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(5){display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:7 !important}
}
/* 19/10 : localisation inconnue : « — » dans le tableau, rien sur les lignes compactes */
html body[data-shell="app"] #lots .grille .carte.choix .m-vide{display:none}
@media (min-width:1200px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu.m-vide{display:block !important;color:#9AA0AA !important}}
@media (min-width:1200px) and (max-width:1399px){html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu,html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu.m-vide{display:none !important}}

/* 19/10 (Paul) : l'étoile « favori » en première colonne de « Mes prospects » et de « À découvrir » */
.fav{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:0;border-radius:6px;background:none;color:#C3C7CF;cursor:pointer;flex:none;transition:color .15s ease,background .15s ease}
.fav svg path{fill:none}
.fav:hover{color:#8A8F99;background:#F1F1F4}
.fav.on{color:#E8A400}
.fav.on svg path{fill:#F5B700}
.fav:focus-visible{outline:2px solid #7C5CFC;outline-offset:1px}
/* lignes compactes (mobile, petit écran) : l'étoile en haut à droite, à côté de la case */
html body[data-shell="app"] #lots .grille-fiches > details.fiche-carte > summary.carte{position:relative}
html body[data-shell="app"] #lots .grille-fiches > details.fiche-carte > summary.carte .fav{float:left;margin:-2px 6px 0 -4px}
html body[data-shell="app"] #lots .grille .carte.choix.flip .face.recto > .fav{position:absolute;top:9px;right:44px;z-index:3}
@media (min-width:1200px){
  /* Mes prospects : ☆ | Prospect | Pourquoi maintenant | Signal | Ville | Statut */
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa{grid-template-columns:24px minmax(140px,1fr) minmax(0,1.7fr) 150px 110px 268px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .fav{grid-column:1 !important;grid-row:1 !important;float:none;margin:0 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte h3{grid-column:2 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte p:not(.note-remplace){grid-column:3 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .puce:first-child{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte .meta > .meta-texte{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > .actions-carte{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa h3{grid-column:2 / 4 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .puce{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .meta-texte{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .prepa-etat{grid-column:6 !important}
  /* À découvrir : ☆ | ☐ | Prospect | Pourquoi maintenant | Signal | Ville | Ajouté | Débloquer | × */
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:24px 20px minmax(150px,1.1fr) minmax(0,1.8fr) 150px 120px 120px 112px 22px !important;column-gap:12px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto > .fav{grid-column:1 !important;grid-row:1 !important;position:static !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche{grid-column:2 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3{grid-column:3 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:7 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:8 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:9 !important}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa{grid-template-columns:24px minmax(120px,1fr) minmax(0,1.6fr) 140px 268px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete span:nth-child(4){display:block !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .tab-tete span:nth-child(5){display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details.fiche-carte > summary.carte > .actions-carte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.fiche-prepa .prepa-etat{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:24px 20px minmax(130px,1fr) minmax(0,1.7fr) 140px 112px 112px 22px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(5){display:block !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(6){display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:7 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:8 !important}
}

/* 19/10 (Paul) : « Mes prospects » d'un visiteur pas encore abonné, en lignes du tableau :
   le prospect offert (carte dorée) et les pistes à débloquer qui complètent la liste.
   Colonnes de « Mes prospects » : ☆ | Prospect | Pourquoi maintenant | Signal | Ville | Statut */
@media (min-width:1200px){
  /* — le prospect offert — */
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte{margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte{display:grid !important;grid-template-columns:24px minmax(140px,1fr) minmax(0,1.7fr) 150px 110px 268px !important;column-gap:16px !important;row-gap:0 !important;align-items:center !important;
    margin:0 !important;padding:12px 14px !important;min-height:0 !important;border:0 !important;border-bottom:1px solid #EDEDF1 !important;border-radius:0 !important;background:#FFFCF2 !important;background-image:none !important;box-shadow:inset 3px 0 0 #F5B700 !important;animation:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte::before,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte::after{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte > div,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte > div > .meta{display:contents !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .anneau-cadeau{grid-column:1 !important;grid-row:1 !important;width:24px !important;height:24px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border-radius:6px !important;box-shadow:none !important;display:flex !important;align-items:center;justify-content:center}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .anneau-cadeau svg{width:15px !important;height:15px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte h3{grid-column:2 !important;grid-row:1 !important;margin:0 !important;font-size:14px !important;font-weight:700 !important;line-height:1.4 !important;color:#111318 !important;white-space:normal !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte p{grid-column:3 !important;grid-row:1 !important;margin:0 !important;font-size:13.5px !important;line-height:1.45 !important;color:#1F2329 !important;display:block !important;white-space:normal !important;max-height:none !important;-webkit-line-clamp:unset !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .puce:first-of-type{grid-column:4 !important;grid-row:1 !important;justify-self:start;display:block !important;padding:2px 8px !important;border:0 !important;border-radius:6px !important;background:#FFF3C4 !important;box-shadow:none !important;animation:none !important;font-family:inherit !important;font-size:12px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:#8A6100 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .puce:first-of-type svg,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .puce ~ .puce{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .meta-texte{grid-column:5 !important;grid-row:1 !important;font-size:12.5px !important;color:#4B5160 !important;text-transform:uppercase}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .meta > :not(.puce):not(.meta-texte){display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte > .actions-carte{grid-column:6 !important;grid-row:1 !important;justify-self:start;display:flex !important;align-items:center;gap:6px}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte > .actions-carte > *{height:28px !important;min-height:0 !important;padding:0 12px !important;font-size:12.5px !important;white-space:nowrap}

  /* — les pistes à débloquer, en lignes — */
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip{display:grid !important;grid-template-columns:24px minmax(140px,1fr) minmax(0,1.7fr) 150px 110px 268px !important;column-gap:16px !important;align-items:center !important;
    height:auto !important;min-height:0 !important;margin:0 !important;padding:12px 14px !important;border:0 !important;border-bottom:1px solid #EDEDF1 !important;border-radius:0 !important;background:#fff !important;background-image:none !important;box-shadow:none !important;transform:none !important;animation:none !important;opacity:1 !important;perspective:none !important;cursor:default}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip[hidden]{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip:hover{background:#F7F7F9 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip.choisie{background:#F6F3FF !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip::before,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip::after,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto::before,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto::after{display:none !important;content:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip > .flip-in,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-haut,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-meta{display:contents !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.verso,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .reflet,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .filigrane,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-voile,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-haut > [class*="ico"],
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .retourner,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .ecarter,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .m-dist,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .m-montant,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .m-ajoute,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-meta svg,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-types svg{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto > .fav{grid-column:1 !important;grid-row:1 !important;position:static !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip h3{grid-column:2 !important;grid-row:1 !important;margin:0 !important;padding:0 !important;font-size:14px !important;font-weight:500 !important;line-height:1.4 !important;color:#2A2E36 !important;white-space:normal !important;display:block !important;-webkit-line-clamp:unset !important;max-height:none !important;overflow:visible !important;-webkit-mask-image:none !important;mask-image:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip p.raison{grid-column:3 !important;grid-row:1 !important;margin:0 !important;font-size:13.5px !important;line-height:1.45 !important;color:#6B7280 !important;white-space:normal !important;display:block !important;-webkit-line-clamp:unset !important;max-height:none !important;overflow:visible !important;-webkit-mask-image:none !important;mask-image:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-types{grid-column:4 !important;grid-row:1 !important;justify-self:start;min-width:0;max-width:100%;margin:0 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-types > *{display:block !important;max-width:100%;white-space:normal;line-height:1.35;padding:2px 8px !important;border:0 !important;border-radius:6px !important;background:#F3F0FF !important;box-shadow:none !important;font-family:inherit !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:#5B3FD6 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .r-types > .r-potentiel{background:#FFF1E8 !important;color:#B4430E !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{grid-column:5 !important;grid-row:1 !important;font-family:var(--sans) !important;font-size:12.5px !important;letter-spacing:0 !important;color:#4B5160 !important;text-transform:uppercase !important;white-space:normal}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu.m-vide{display:block !important;color:#9AA0AA !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:6 !important;grid-row:1 !important;position:static !important;display:flex !important;flex-direction:row !important;align-items:center !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;gap:0 !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-bas .r-debloquer{width:auto !important;min-width:0 !important;flex:none !important;height:28px !important;min-height:0 !important;padding:0 12px !important;font-size:12.5px !important;white-space:nowrap}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip input.coche{grid-column:6 !important;grid-row:1 !important;justify-self:end;position:static !important;width:18px !important;height:18px !important;margin:0 8px 0 0 !important}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip{grid-template-columns:24px minmax(120px,1fr) minmax(0,1.6fr) 140px 268px !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte .meta-texte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{display:none !important}
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > details#offerte > summary.carte > .actions-carte,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip .face.recto .r-bas,
  html body[data-shell="app"] #lots#lots .grille-fiches.vue-tableau > .carte.choix.flip input.coche{grid-column:5 !important}
}
/* 19/10 (Paul) : le radar de la veille quotidienne dans la fenêtre d abonnement */
.pw2-veille-ico svg.radar{width:22px;height:22px;color:#fff;overflow:visible}
.pw2-veille-ico svg.radar .balayage{transform-origin:8px 8px;animation:tourne 2.6s linear infinite}
.pw2-veille-ico svg.radar .point{animation:radar-point 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pw2-veille-ico svg.radar .balayage{animation:tourne 6s linear infinite}}
/* 19/10 (Paul) : la ligne « Répondez STOP » sous la signature, en petit */
.fs-message .fs-stop{font-size:12px;color:#9AA0AA}

/* 19/10 (Paul) : « Mes prospects » : partager toujours visible ; une case à cocher à la place de la croix ; « Supprimer (N) » dans la ligne des titres */
html body[data-shell="app"] #lots#lots .grille-fiches > details.fiche-carte > summary.carte .actions-carte .partager{opacity:1 !important}
html body[data-shell="app"] #lots .grille-fiches .fiche-coche{flex:none;width:18px;height:18px;margin:0 0 0 6px;accent-color:#7C5CFC;cursor:pointer}
.btn-suppr-coches{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid #F4C7C3;border-radius:999px;background:#FFF5F4;color:#B42318;font:600 12.5px/1 var(--sans);cursor:pointer;white-space:nowrap}
.btn-suppr-coches:hover{background:#FEE4E2;border-color:#F1A9A3}
.barre-coches{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;padding:8px 12px;border:1px solid #F4C7C3;border-radius:12px;background:#FFFBFA;font-size:13.5px;color:#7A271A}
.barre-coches[hidden]{display:none !important}
@media (min-width:1200px){html body[data-shell="app"] #lots .grille-fiches .barre-coches{display:none !important}}

/* « À découvrir » : la case à cocher revient tout à droite, après « Débloquer » (☆ | Prospect | Pourquoi | Signal | Ville | Ajouté | Débloquer | ☐ | ×) */
@media (min-width:1200px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:24px minmax(150px,1.1fr) minmax(0,1.8fr) 150px 120px 120px 132px 22px 22px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip h3{grid-column:2 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip p.raison{grid-column:3 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .r-types{grid-column:4 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-lieu{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:7 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche{grid-column:8 !important;justify-self:center}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:9 !important}
}
@media (min-width:1200px) and (max-width:1399px){
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete,
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip{grid-template-columns:24px minmax(130px,1fr) minmax(0,1.7fr) 140px 112px 132px 22px 22px !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(5){display:none !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .tab-tete span:nth-child(6){display:block !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-meta > span.m-ajoute{grid-column:5 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .face.recto .r-bas{grid-column:6 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip input.coche{grid-column:7 !important}
  html body[data-shell="app"] #lots#lots .grille.vue-tableau > .carte.choix.flip .ecarter{grid-column:8 !important}
}

/* ── 19/10 : le mail du lundi : accueil et envoi offert ── */
.titre-lundi .vert{white-space:nowrap}
.offert-lundi{margin:10px auto 0;font-size:14px;color:var(--muted)}
.envoi-offert{max-width:720px;margin:0 auto;padding-bottom:56px;text-align:left}
.envoi-offert h1{font-size:34px;line-height:1.12;letter-spacing:-.02em}
.envoi-offert h1 em,.envoi-offert h2 em{font-style:normal;color:var(--acc-title)}
.eo-sous{margin:28px 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eo-compris{margin-top:18px;padding:6px 20px 16px;border-radius:20px;background:var(--bg-soft);border:1px solid var(--line)}
.eo-compris .eo-sous{margin-top:14px}
.eo-compris-ligne{padding:8px 0;border-top:1px solid var(--line)}
.eo-compris-ligne:first-of-type{border-top:0}
.eo-compris-ligne small{display:block;font-size:12px;font-weight:600;color:var(--acc)}
.eo-compris-ligne p{margin:2px 0 0;font-size:15px;line-height:1.5;color:var(--ink)}
.eo-voiles{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.eo-voile{padding:16px 18px;border-radius:18px;border:1px solid #CFEBE1;background:#F7FCFA}
.eo-voile-tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.eo-num{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--acc);color:#fff;font-size:13px;font-weight:700}
.eo-nom{font-weight:700;color:var(--ink);filter:blur(5px);user-select:none;letter-spacing:.05em}
.eo-voile-tete em{margin-left:auto;font-style:normal;font-size:11.5px;padding:3px 9px;border-radius:999px;color:#0B6B50;background:#E6F7F1}
.eo-voile b{display:block;font-size:15.5px;line-height:1.35;color:var(--ink)}
.eo-voile p{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.eo-voile small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.eo-cta{margin-top:30px;padding:26px 24px;border-radius:24px;background:linear-gradient(180deg,#EEF9F5,#fff);border:1px solid #CFEBE1;box-shadow:var(--ombre-haute);display:grid;gap:12px;justify-items:start}
.eo-cta h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.02em}
.eo-cta p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.eo-cta input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);font:inherit;font-size:16px;background:#fff}
.eo-cta input:focus{outline:2px solid var(--acc-bright);outline-offset:1px}
.eo-cta .btn{width:100%;justify-content:center}
.eo-cta small{font-size:13px;color:var(--muted)}
.eo-adresse b{color:var(--ink)}
.envoi-parti p{font-size:16px;line-height:1.6;color:var(--ink-2)}
@media (max-width:640px){.envoi-offert h1{font-size:27px}.eo-cta{padding:20px 16px}.titre-lundi .vert{white-space:normal}}
.eo-spam{margin-top:22px;font-size:13.5px !important;color:var(--muted) !important}
.envoi-parti .etapes{margin-top:22px}
@media (max-width:480px){.entete.accueil .vites .vite{padding:6px 10px;font-size:13px;gap:5px}.entete.accueil .vites{gap:6px}.entete.accueil .vites .vite.b2b{display:none}}
/* 19/10 (Paul) : « message prêt » aussi discret que « contact vérifié », en vert succès */
.entete .vites .vite.clic,.vites .vite.clic{background:linear-gradient(135deg,#E9F8F2 0%,#E4F6F1 55%,#EEF9F5 100%);color:var(--acc);box-shadow:0 6px 16px -10px rgba(4,128,101,.45),inset 0 0 0 1px #C9EBDD}
.entete .vites .vite.clic svg,.vites .vite.clic svg{color:var(--acc-bright);animation:none}
/* ── 19/10 (Paul) : le titre de l'accueil, « 10 prospects » au centre ── */
.entete.accueil h1.titre-lundi{display:flex;flex-direction:column;align-items:center;gap:.04em;line-height:1.02}
/* 20/10 (Paul) : « Chaque lundi » en grand (le rythme), « dans votre boîte mail » en petit */
.tl-avant{margin-bottom:.02em}
.tl-coeur{position:relative;display:inline-block;font-size:1.22em;font-weight:700;letter-spacing:-.045em;padding:0 .04em .06em;
  background:linear-gradient(115deg,#0BC08F 0%,#06A87E 45%,#047257 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tl-apres{font-size:.5em;font-weight:600;letter-spacing:-.02em;color:var(--ink-2);margin-top:.18em}
@media (max-width:480px){.tl-apres{font-size:.56em}.tl-coeur{font-size:1.12em}}
/* 25/10 (Paul) : « Scopos repère qui a besoin de vous maintenant », sous le titre */
.tl-sous{display:table;margin:22px auto 28px;padding:9px 18px 9px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,252,249,.86));border:1px solid #D5EDE3;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 28px -16px rgba(4,114,87,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:16.5px;font-weight:500;letter-spacing:-.01em;color:var(--ink-2);line-height:1.4;text-align:center}
.tl-sous b{font-weight:700;white-space:nowrap;background:linear-gradient(115deg,#0BC08F 0%,#06A87E 45%,#047257 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tl-pouls{display:inline-block;vertical-align:.08em;margin-right:10px;width:8px;height:8px;border-radius:50%;background:#0BC08F;box-shadow:0 0 0 3px rgba(11,192,143,.16),0 0 0 0 rgba(11,192,143,.5);animation:tl-pouls 2.2s ease-out infinite}
@keyframes tl-pouls{0%{box-shadow:0 0 0 3px rgba(11,192,143,.16),0 0 0 0 rgba(11,192,143,.45)}70%{box-shadow:0 0 0 3px rgba(11,192,143,.16),0 0 0 11px rgba(11,192,143,0)}100%{box-shadow:0 0 0 3px rgba(11,192,143,.16),0 0 0 0 rgba(11,192,143,0)}}
@media (prefers-reduced-motion:reduce){.tl-pouls{animation:none}}
@media (max-width:480px){.tl-sous{font-size:13.5px;letter-spacing:-.015em;margin:16px auto 22px;padding:7px 13px 7px 11px;border-radius:18px;max-width:calc(100% - 16px)}.tl-pouls{margin-right:7px;width:7px;height:7px}}
.eo-direct{margin-top:22px;padding:18px 20px;border-radius:18px;border:1px solid #CFEBE1;background:#F7FCFA;display:grid;gap:10px;justify-items:start}
.eo-direct p{margin:0;font-size:15px !important;line-height:1.55}
.eo-direct small{font-size:13px;color:var(--muted)}
/* 19/10 (Paul) : avec le mail du lundi, pas de compte à ouvrir sur le site : ni connexion, ni profil, ni crédits en haut de page */
body:not(.ancien-modele) #entete-connexion,body:not(.ancien-modele) #profil,body:not(.ancien-modele) #solde,body:not(.ancien-modele) #espace-chip,body:not(.ancien-modele) #menu-profil{display:none !important}
/* 19/10 : barre d'actions de la fiche (copier, pertinence, partager) */
.actions-fiche{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.af-avis{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}
.af-pastille{padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.af-pastille:hover{border-color:var(--faint)}
.af-pastille.actif{background:var(--acc-soft);border-color:#C9EBDD;color:var(--acc)}
.barre-fiche-bas{max-width:var(--maxw);margin:22px auto 48px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
/* 19/10 (Paul) : le bloc des métiers de l'accueil, rangé : 4 colonnes, un métier par ligne, 6 par famille, puis « Voir tous les métiers » */
.metiers-accueil{margin-top:72px;padding:40px 0 12px;border-top:1px solid var(--line)}
.metiers-accueil-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px;margin-top:18px}
.metiers-accueil-grille b{margin-bottom:12px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;color:var(--muted)}
.metiers-accueil-grille ul{display:block}
.metiers-accueil-grille li{margin:0 0 8px;line-height:1.35}
.metiers-accueil-grille li:nth-child(n+7){display:none}
.metiers-accueil-grille a{font-size:14px;color:var(--ink-2)}
.metiers-tous{margin:8px 0 0}
.metiers-tous a{font-size:14px;font-weight:600;color:var(--acc);text-decoration:none}
@media (max-width:900px){.metiers-accueil-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.metiers-accueil-grille{grid-template-columns:1fr;gap:22px}}
/* 19/10 (Paul) : « Mes prospects » dans l'en-tête */
.entete-prospects{display:inline-flex;align-items:center;text-decoration:none}
/* 19/10 (Paul) : « Mes prospects » sans tableau de bord : l'étoile à gauche de l'icône, une ligne simple */
.grille-fiches > details.fiche-carte > summary.carte.carte-lundi{display:flex !important;align-items:center;gap:12px}
.carte-lundi > .fav{margin:0;flex:none}
.carte-lundi > div{flex:1;min-width:0}
.carte-lundi > .actions-carte{flex:none;display:flex;align-items:center;gap:8px}
@media (max-width:640px){.grille-fiches > details.fiche-carte > summary.carte.carte-lundi{flex-wrap:wrap}.carte-lundi > .actions-carte{width:100%;justify-content:flex-end}}
/* 19/10 (Paul) : « Mes prospects » : la liste seule, sur toute la largeur ; cases à cocher plus grandes */
.deux.large.liste-seule{display:block}
.deux.large.liste-seule #lots{max-width:var(--maxw);margin:0 auto}
.grille-fiches .fiche-coche{width:22px !important;height:22px !important;cursor:pointer;accent-color:var(--acc)}
.filtres-lundi{display:flex;gap:12px;align-items:center;margin:0 0 18px}
.filtres-lundi .rech-fiches-ligne{flex:1}
.entete-quitter{margin-left:14px;font-size:14px;color:var(--muted);background:none;border:0;cursor:pointer}
.entete-quitter:hover{color:var(--ink)}
.entete-quitter[hidden]{display:none}
.fav-filtre{display:inline-flex;align-items:center;gap:6px;height:56px;padding:0 18px;border:1px solid var(--line-2);border-radius:14px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.fav-filtre span{color:#C3C7CF;font-size:16px}
.fav-filtre.on{border-color:#F5D27A;background:#FFF8E6;color:#8A5A00}
.fav-filtre.on span{color:#F5B700}
/* 19/10 (Paul) : « Mes prospects » profite de toute la largeur, comme le bloc des métiers */
body:has(.liste-seule) main.wrap{max-width:1240px}
.deux.large.liste-seule #lots{max-width:none}
html body .deux.large.liste-seule{display:block !important;grid-template-columns:none !important}
html body .deux.large.liste-seule > #lots{max-width:none !important;width:100%}
.retour-prospects{background:none;border:0;padding:0;font:inherit;font-size:15px;font-weight:600;color:var(--acc);cursor:pointer}
.retour-prospects:hover{text-decoration:underline}
/* 19/10 (Paul) : raccourcis de la fiche, collés en haut au défilement */
.raccourcis-fiche{position:sticky;top:var(--haut-entete,72px);z-index:30;display:flex;flex-wrap:wrap;gap:8px;max-width:var(--maxw);margin:0 auto 18px;padding:10px 0;background:linear-gradient(180deg,#fff 75%,rgba(255,255,255,0))}
.raccourci{padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}
.raccourci:hover{border-color:var(--faint);color:var(--ink)}
.raccourci.actif{background:var(--acc-soft);border-color:#C9EBDD;color:var(--acc)}
.filtres-lundi .suppr-slot{margin-left:auto}
.filtres-lundi .btn-suppr-coches{height:56px;padding:0 18px;border-radius:14px}
.fiche-solo .raccourcis-fiche{max-width:none;margin:14px 0 6px}
/* 19/10 (Paul) : la barre du haut de la fiche : retour à gauche, étoile, statut et partage à droite */
.fiche-detail .barre-fiche{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.actions-fiche-haut{display:flex;align-items:center;gap:10px}
.actions-fiche-haut .fav{width:36px;height:36px;border:1px solid var(--line-2);border-radius:10px;background:#fff}
.actions-fiche-haut .fav svg{width:18px;height:18px}
html body .fiche-detail .barre-fiche{max-width:none;width:100%}
/* 20/10 (Paul) : prospects verrouillés de l'envoi offert */
.fiche-verrou .ico-verrou{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#F3F4F6;color:var(--muted)}
.fiche-verrou .ico-verrou svg{width:18px;height:18px}
.fiche-verrou h3{color:var(--ink-2)}
.note-verrou{display:flex;align-items:center;gap:6px;margin-top:6px !important;font-size:13px !important;font-weight:600;color:var(--muted) !important}
.note-verrou svg{width:13px;height:13px}
.verrou-page{max-width:640px;margin:8px auto 60px;padding:0 16px}
.verrou-page .ico-verrou{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#F3F4F6;color:var(--muted);margin-bottom:16px}
.verrou-page .ico-verrou svg{width:22px;height:22px}
.verrou-page h1{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:6px 0 12px}
.verrou-raison{font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.verrou-encart{margin-top:26px;padding:22px 24px;border:1px solid var(--line-2);border-radius:16px;background:#fff}
.verrou-encart b{font-size:17px}
.verrou-encart p{margin:6px 0 16px;color:var(--ink-2);line-height:1.55}
/* 20/10 (Paul) : « Mes prospects » : plus de bloc des métiers ; l'encart des appels d'offres, dépliable */
body[data-page="recherche"] .metiers-accueil{display:none}
.encart-marches-lundi{max-width:var(--maxw);margin:40px auto 0;border:1px solid var(--line-2);border-radius:16px;background:#fff}
.encart-marches-lundi>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 22px}
.encart-marches-lundi>summary::-webkit-details-marker{display:none}
.eml-titre{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16.5px}
.eml-titre small{padding:2px 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:12.5px;font-weight:600}
.eml-note{grid-column:1;font-size:13.5px;color:var(--muted)}
.eml-fleche{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--muted);transition:transform .2s}
.encart-marches-lundi[open] .eml-fleche{transform:rotate(180deg)}
.encart-marches-lundi>summary:hover .eml-titre b{color:var(--acc)}
.eml-corps{padding:4px 22px 20px;border-top:1px solid var(--line)}
.eml-corps .mp-carte{margin-top:12px}
/* 20/10 : « Mes prospects » sur téléphone : la ligne tient dans l'écran ; la carte verrouillée montre sa raison */
.liste-seule .grille-fiches > details.fiche-carte{min-width:0;max-width:100%}
.liste-seule .carte-lundi h3{white-space:normal;overflow-wrap:anywhere}
.fiche-verrou .carte-lundi > div > p{display:block !important;margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.fiche-verrou .carte-lundi > div > p.note-verrou{display:flex !important}
@media (max-width:640px){
  .fiche-verrou .ico-verrou{display:none}
  .liste-seule .carte-lundi h3{overflow:visible;text-overflow:clip}
  .liste-seule .carte-lundi > .actions-carte{flex-wrap:wrap}
  .liste-seule .grille-fiches > details.fiche-carte > summary.carte.carte-lundi{padding:16px}
}
.liste-seule .fiche-verrou .carte-lundi h3{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
/* 20/10 (Paul) : l'encart des appels d'offres : même largeur et même dessin que les lignes de prospects */
.encart-marches-lundi{border:0;border-radius:0;background:transparent;margin-top:44px}
.encart-marches-lundi>summary{padding:0 0 14px;border-bottom:1px solid var(--line)}
.encart-marches-lundi .eml-corps{padding:4px 0 0;border-top:0}
.eml-corps .mp-carte{margin-top:10px;padding:0;border:1px solid var(--line-2) !important;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(17,19,24,.05)}
.eml-corps .mp-carte>summary{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;list-style:none;cursor:pointer}
.eml-corps .mp-carte>summary::-webkit-details-marker{display:none}
.eml-corps .mp-carte>summary::marker{content:''}
.eml-corps .mp-carte .pico{flex:none;margin:0}
.eml-corps .mp-carte .mp-corps{flex:1;min-width:0}
.eml-corps .mp-carte .mp-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 6px}
.eml-corps .mp-carte .mp-tete .mp-echeance{margin-left:auto}
.eml-corps .mp-carte h3{margin:0;font-size:16.5px;line-height:1.35}
.eml-corps .mp-carte .mp-acheteur{margin:3px 0 0}
.eml-corps .mp-carte .mp-apercu{margin:8px 0 0}
.eml-corps .mp-carte .mp-detail{padding:0 24px 20px 80px}
.eml-corps .mp-carte:hover{border-color:var(--faint) !important}
@media (max-width:640px){.eml-corps .mp-carte>summary{padding:16px}.eml-corps .mp-carte .mp-detail{padding:0 16px 16px}.eml-corps .mp-carte .pico{display:none}.eml-corps .mp-carte .mp-tete .mp-echeance{margin-left:0}}
.encart-marches-lundi{max-width:none;margin-left:0;margin-right:0;width:100%}
/* 20/10 (Paul) : encart d'attente pleine largeur, façon IA : bordure en dégradé qui tourne, aurore, barre lumineuse */
@property --pe-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.pe-carte{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:18px;margin:26px 0 22px;padding:20px 24px;border-radius:18px;border:1.5px solid transparent;
  background:linear-gradient(#F7F8F8,#F7F8F8) padding-box,conic-gradient(from var(--pe-ang),#2EA078,#3FC59A,#38BDF8,#7C5CFF,#2EA078) border-box;
  box-shadow:0 18px 40px -28px rgba(46,160,120,.55),0 1px 2px rgba(17,19,24,.04);animation:pe-tour 6s linear infinite}
.pe-aurore{position:absolute;inset:-60% -10%;z-index:-1;pointer-events:none;opacity:.55;filter:blur(28px);
  background:radial-gradient(28% 60% at 15% 50%,rgba(63,197,154,.35),transparent 70%),radial-gradient(25% 55% at 55% 40%,rgba(124,92,255,.22),transparent 70%),radial-gradient(25% 60% at 90% 60%,rgba(56,189,248,.22),transparent 70%);
  animation:pe-aurore 9s ease-in-out infinite alternate}
.pe-carte .orbe{flex:none;width:46px;height:46px;box-shadow:0 0 0 0 rgba(63,197,154,.45);animation:pe-orbe 2.4s ease-out infinite}
.pe-carte .orbe i{inset:4px}
.pe-carte .orbe .etincelle{width:17px;height:17px}
.pe-corps{flex:1;min-width:0}
.pe-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pe-ligne b{font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.pe-pct{font-family:var(--mono);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#2EA078,#7C5CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.pe-pct .pe-nb{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-right:2px}
.pe-sous{display:flex;align-items:center;gap:10px;margin:3px 0 0;font-size:14px;color:var(--ink-2);white-space:nowrap;overflow:hidden}
.pe-etape{flex:none;padding:2px 8px;border-radius:99px;background:rgba(46,160,120,.1);color:var(--acc);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em}
.pe-titre{overflow:hidden;text-overflow:ellipsis}
.pe-sous.change .pe-titre{animation:pe-fondu .6s ease}
.pe-barre{position:relative;height:6px;margin-top:12px;border-radius:99px;background:rgba(46,160,120,.12);overflow:visible}
.pe-barre i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2EA078,#3FC59A,#38BDF8,#7C5CFF,#2EA078);background-size:200% 100%;animation:pe-flux 3s linear infinite;transition:width 1.2s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.pe-barre i::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-100%);animation:pe-reflet 1.6s ease-in-out infinite}
.pe-barre i::after{content:'';position:absolute;right:-1px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #7C5CFF,0 0 12px 3px rgba(124,92,255,.6)}
@keyframes pe-tour{to{--pe-ang:360deg}}
@keyframes pe-aurore{0%{transform:translateX(-4%) scale(1)}100%{transform:translateX(4%) scale(1.08)}}
@keyframes pe-orbe{0%{box-shadow:0 0 0 0 rgba(63,197,154,.45)}80%,100%{box-shadow:0 0 0 12px rgba(63,197,154,0)}}
@keyframes pe-flux{to{background-position:-200% 0}}
@keyframes pe-reflet{to{transform:translateX(100%)}}
@keyframes pe-fondu{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.pe-carte,.pe-aurore,.pe-carte .orbe,.pe-barre i,.pe-barre i::before{animation:none}}
@media (max-width:640px){.pe-carte{padding:16px;gap:12px}.pe-carte .orbe{width:38px;height:38px}.pe-etape{display:none}}
/* 20/10 (Paul) : « Mes prospects » et les appels d'offres en lignes compactes, façon tableau de bord Stripe */
.liste-seule .grille-fiches{row-gap:0 !important}
.liste-seule .grille-fiches > .jour-analyse{margin:22px 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.liste-seule .grille-fiches > details.fiche-carte{margin:0 !important;border:1px solid var(--line) !important;border-top-width:0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important;overflow:hidden}
.liste-seule .grille-fiches > .jour-analyse + details.fiche-carte,.liste-seule .grille-fiches > .filtres-statut + details.fiche-carte{border-top-width:1px !important;border-top-left-radius:12px !important;border-top-right-radius:12px !important}
.liste-seule .grille-fiches > details.fiche-carte:not(:has(+ details.fiche-carte)){border-bottom-left-radius:12px !important;border-bottom-right-radius:12px !important}
.liste-seule .grille-fiches > details.fiche-carte > summary.carte.carte-lundi{min-height:0 !important;padding:9px 14px !important;gap:12px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important;transition:background .15s}
.liste-seule .grille-fiches > details.fiche-carte > summary.carte.carte-lundi:hover{background:#F7F9F9 !important}
.liste-seule .carte-lundi .pico,.liste-seule .carte-lundi .ico-verrou{width:28px !important;height:28px !important;border-radius:8px !important;box-shadow:none !important}
.liste-seule .carte-lundi .pico svg,.liste-seule .carte-lundi .ico-verrou svg{width:14px !important;height:14px !important}
.liste-seule .carte-lundi > div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.liste-seule .carte-lundi > div > h3{order:-1;margin:0 !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;max-width:46ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liste-seule .carte-lundi > div > .meta{margin:0 !important;gap:8px}
.liste-seule .carte-lundi .puce{font-size:10.5px !important;padding:2px 7px !important}
.liste-seule .carte-lundi .meta-texte{font-size:12.5px !important}
.liste-seule .carte-lundi > div > p:not(.note-verrou){display:none !important}
.liste-seule .carte-lundi .actions-carte{gap:6px !important}
.liste-seule .carte-lundi .actions-carte .btn,.liste-seule .carte-lundi .statut-bouton{height:28px !important;min-height:0 !important;padding:0 10px !important;font-size:12.5px !important;border-radius:8px !important;box-shadow:none !important}
.liste-seule .carte-lundi .partager-icone{width:28px !important;height:28px !important;border-radius:8px !important}
.liste-seule .carte-lundi .partager-icone svg{width:14px;height:14px}
.liste-seule .carte-lundi .fiche-coche{width:16px !important;height:16px !important}
.liste-seule .carte-lundi .fav svg{width:15px;height:15px}
.liste-seule .fiche-verrou .carte-lundi > div > p.note-verrou{margin:0 !important;font-size:12px !important}
.liste-seule .fiche-verrou .carte-lundi > div > h3{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
/* appels d'offres : mêmes lignes */
.encart-marches-lundi .eml-corps{padding-top:12px}
.eml-corps .mp-carte{margin:0 !important;border-radius:0 !important;border-top-width:0 !important;box-shadow:none !important}
.eml-corps .mp-carte:first-child{border-top-width:1px !important;border-top-left-radius:12px !important;border-top-right-radius:12px !important}
.eml-corps .mp-carte:last-child{border-bottom-left-radius:12px !important;border-bottom-right-radius:12px !important}
.eml-corps .mp-carte>summary{align-items:center !important;gap:12px !important;padding:9px 14px !important;transition:background .15s}
.eml-corps .mp-carte>summary:hover{background:#F7F9F9}
.eml-corps .mp-carte .pico{width:28px !important;height:28px !important;border-radius:8px !important;box-shadow:none !important}
.eml-corps .mp-carte .pico svg{width:14px !important;height:14px !important}
.eml-corps .mp-carte .mp-corps{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
.eml-corps .mp-carte h3{order:1;flex:1 1 280px;min-width:0;font-size:14px !important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eml-corps .mp-carte .mp-acheteur{order:2;margin:0 !important;font-size:12.5px;color:var(--muted);max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eml-corps .mp-carte .mp-tete{order:3;margin:0 !important}
.eml-corps .mp-carte .mp-tete .mp-genre{display:none}
.eml-corps .mp-carte .mp-echeance{font-size:11.5px !important;padding:3px 8px !important;margin:0 !important}
.eml-corps .mp-carte .mp-apercu{order:4;flex-basis:100%;margin:2px 0 0 !important;font-size:13px}
.eml-corps .mp-carte:not([open]) .mp-apercu,.eml-corps .mp-carte .mp-plus{display:none !important}
.eml-corps .mp-carte .mp-detail{padding:4px 16px 14px 54px !important;font-size:13.5px}
@media (max-width:640px){.liste-seule .carte-lundi > div > h3,.eml-corps .mp-carte h3{white-space:normal;max-width:none}.eml-corps .mp-carte .mp-detail{padding:4px 14px 14px !important}}
.liste-seule .grille-fiches .carte-lundi .actions-carte .partager-icone,.liste-seule .grille-fiches .carte-lundi .actions-carte .fiche-coche{min-height:0 !important;min-width:0 !important;height:28px !important;padding:0 !important;margin:0 !important}
.liste-seule .grille-fiches .carte-lundi .actions-carte .partager-icone{width:28px !important}
.liste-seule .grille-fiches .carte-lundi .actions-carte .fiche-coche{width:16px !important;height:16px !important}
/* 20/10 (Paul) : « Arrêter la recherche » de l'écran d'attente : petit, dans le même texte que « Pas de mail ? » */
.envoi-parti .arret-recherche{margin:8px 0 0 !important;font-size:13.5px !important}
.envoi-parti .arret-recherche .lien{font:inherit !important;font-size:13.5px !important;font-weight:400 !important;color:var(--muted) !important;padding:0 !important;background:none !important;border:0 !important;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.envoi-parti .arret-recherche .lien:hover{color:var(--ink) !important}
/* 20/10 (Paul) : lignes alignées (même place pour le partage, boutons de même largeur) ; les prospects ouverts mis en avant */
.liste-seule .carte-lundi .actions-carte{margin-left:auto}
.liste-seule .carte-lundi .actions-carte .ouvrir{min-width:96px;justify-content:center}
.liste-seule .carte-lundi .actions-carte .statut-bouton{min-width:150px;justify-content:space-between}
.liste-seule .carte-lundi .partage-vide{display:inline-block;width:28px;height:28px;flex:none}
.liste-seule .fiche-verrou .carte-lundi > div{flex-wrap:nowrap}
.liste-seule .fiche-verrou .carte-lundi > div > .meta{flex:none}
.liste-seule .fiche-verrou .carte-lundi > div > p.note-verrou{flex:none;margin-left:4px !important}
.liste-seule .grille-fiches > details.fiche-carte:not(.fiche-verrou) > summary.carte.carte-lundi{background:linear-gradient(90deg,#EAF8F1 0%,#F6FCF9 45%,#fff 100%) !important;box-shadow:inset 3px 0 0 var(--acc) !important}
.liste-seule .grille-fiches > details.fiche-carte:not(.fiche-verrou) > summary.carte.carte-lundi:hover{background:linear-gradient(90deg,#E1F4EA 0%,#F0FAF5 45%,#fff 100%) !important}
.liste-seule .grille-fiches > details.fiche-carte:not(.fiche-verrou) .carte-lundi > div > h3{color:var(--ink) !important}
.liste-seule .fiche-verrou .carte-lundi > div > h3{color:var(--ink-2) !important;font-weight:500 !important}
.liste-seule .fiche-verrou .carte-lundi .actions-carte .ouvrir{background:#fff !important;color:var(--acc) !important;border:1px solid #BFE6D3 !important}
.liste-seule .fiche-verrou .carte-lundi .actions-carte .ouvrir:hover{background:var(--acc-soft) !important}
@media (max-width:900px){.liste-seule .fiche-verrou .carte-lundi > div{flex-wrap:wrap}}
/* 20/10 (Paul) : plus conventionnel : prospects prêts sur fond blanc, prospects à débloquer grisés */
.liste-seule .grille-fiches > details.fiche-carte:not(.fiche-verrou) > summary.carte.carte-lundi{background:#fff !important;box-shadow:none !important}
.liste-seule .grille-fiches > details.fiche-carte:not(.fiche-verrou) > summary.carte.carte-lundi:hover{background:#F9FAFB !important}
.liste-seule .grille-fiches > details.fiche-verrou > summary.carte.carte-lundi{background:#F4F5F7 !important}
.liste-seule .grille-fiches > details.fiche-verrou > summary.carte.carte-lundi:hover{background:#EEF0F3 !important}
.liste-seule .fiche-verrou .carte-lundi > div > h3{color:var(--muted) !important}
.liste-seule .fiche-verrou .carte-lundi .puce{opacity:.75}
.liste-seule .fiche-verrou .ico-verrou{background:#E9EBEF !important}
/* 20/10 (Paul) : même hauteur pour toutes les lignes (la place vide du partage héritait de 44 px) */
.liste-seule .grille-fiches .carte-lundi .actions-carte .partage-vide{min-height:0 !important;min-width:0 !important;height:28px !important;width:28px !important;padding:0 !important;margin:0 !important}
.liste-seule .grille-fiches .carte-lundi .actions-carte{min-height:0 !important;height:28px;align-items:center}
/* 20/10 (Paul) : lignes plus hautes et plus aérées (prospects et appels d'offres) */
.liste-seule .grille-fiches > details.fiche-carte > summary.carte.carte-lundi{padding:17px 20px !important;gap:14px !important}
.eml-corps .mp-carte>summary{padding:17px 20px !important;gap:14px !important}
.liste-seule .carte-lundi > div > h3,.eml-corps .mp-carte h3{font-size:15px !important}
@media (max-width:640px){.liste-seule .grille-fiches > details.fiche-carte > summary.carte.carte-lundi,.eml-corps .mp-carte>summary{padding:14px 14px !important}}
/* 20/10 (Paul) : paywall épuré, titre dans l'encart violet */
.pw2-veille-titre-dedans{margin-top:18px}
.pw2-veille-titre-dedans h2{margin:0 0 4px !important;font-size:19px !important;line-height:1.25 !important;letter-spacing:-.01em;color:var(--ink)}
.pw2-veille-titre-dedans .pw2-veille-texte{margin:0}
/* 20/10 (Paul) : l'encart des appels d'offres dans une boîte visible (contour, flèche comprise) */
.encart-marches-lundi{border:1px solid var(--line-2) !important;border-radius:14px !important;background:#fff !important;box-shadow:0 1px 3px rgba(17,19,24,.05)}
.encart-marches-lundi>summary{padding:18px 22px !important;border-bottom:0 !important}
.encart-marches-lundi[open]>summary{border-bottom:1px solid var(--line) !important}
.encart-marches-lundi>summary:hover{background:#F9FAFB;border-radius:14px}
.encart-marches-lundi[open]>summary:hover{border-radius:14px 14px 0 0}
.encart-marches-lundi .eml-fleche{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:8px;background:#fff}
.encart-marches-lundi .eml-corps{padding:14px 16px 16px !important}
/* 20/10 (Paul) : une boîte dépliable par jour de réception */
.liste-seule .groupe-jour{margin:0 0 14px;border:1px solid var(--line-2);border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(17,19,24,.05);overflow:hidden}
.liste-seule .groupe-jour>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 20px}
.liste-seule .groupe-jour>summary::-webkit-details-marker{display:none}
.liste-seule .groupe-jour>summary:hover{background:#F9FAFB}
.gj-titre{font-size:15.5px;font-weight:650;color:var(--ink)}
.gj-n{padding:2px 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc);font-size:12.5px;font-weight:600}
.gj-fleche{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:8px;color:var(--muted);transition:transform .2s}
.groupe-jour[open] .gj-fleche{transform:rotate(180deg)}
.liste-seule .groupe-corps{display:grid;row-gap:0 !important;border-top:1px solid var(--line)}
.liste-seule .groupe-corps > details.fiche-carte{border:0 !important;border-top:1px solid var(--line) !important;border-radius:0 !important}
.liste-seule .groupe-corps > details.fiche-carte:first-child{border-top:0 !important}
.liste-seule .groupe-jour .groupe-corps{margin:0 !important;padding:0 !important}
/* 20/10 (Paul) : l'encart des appels d'offres en violet léger, comme l'encart de l'abonnement, avec son icône */
.encart-marches-lundi{border:1px solid #E2DBFF !important;background:linear-gradient(135deg,#F6F3FF 0%,#F1FAF7 100%) !important;box-shadow:0 10px 26px -22px rgba(91,59,234,.55),0 1px 2px rgba(17,19,24,.04) !important}
.encart-marches-lundi>summary{grid-template-columns:auto 1fr auto !important;column-gap:16px !important;align-items:center}
.encart-marches-lundi>summary:hover{background:rgba(124,92,255,.04) !important}
.encart-marches-lundi .eml-ico{grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);box-shadow:0 8px 18px -10px rgba(91,59,234,.8)}
.encart-marches-lundi .eml-titre,.encart-marches-lundi .eml-note{grid-column:2}
.encart-marches-lundi .eml-fleche{grid-column:3 !important;grid-row:1 / span 2 !important;border-color:#DCD3FF !important;color:#6D4BFF}
.encart-marches-lundi .eml-titre b{color:var(--ink)}
.encart-marches-lundi .eml-titre small{background:#EDE8FF !important;color:#5B3BEA !important}
.encart-marches-lundi[open]>summary{border-bottom:1px solid #E2DBFF !important}
.encart-marches-lundi .eml-corps{background:#fff}
@media (max-width:640px){.encart-marches-lundi .eml-ico{width:36px;height:36px}}
/* 20/10 (Paul) : petit séparateur au-dessus des appels d'offres */
.eml-separateur{display:flex;align-items:center;gap:14px;margin:44px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.eml-separateur::before,.eml-separateur::after{content:'';flex:1;height:1px;background:var(--line)}
.eml-separateur::before{flex:0 0 0;display:none}
.eml-separateur + .encart-marches-lundi{margin-top:12px !important}
/* 20/10 (Paul) : « Vous aimez Scopos ? Partagez-le », centré sous les appels d'offres, bien espacé */
.partage-scopos{display:flex;align-items:center;justify-content:center;gap:12px;margin:40px 0 8px;font-size:14.5px;color:var(--ink-2)}
.partage-scopos .btn{min-height:0;height:36px;padding:0 18px;border-radius:999px;font-size:14px}
.encart-marches-lundi{margin-bottom:0 !important}
/* 20/10 : l'icône « santé » héritait d'une règle .sante d'une autre page (marges) : toutes les icônes de la liste à la même taille */
.liste-seule .carte-lundi .pico,.eml-corps .mp-carte .pico{padding:0 !important;margin:0 !important}
/* 20/10 (Paul) : en-tête sur téléphone, connecté : « Se déconnecter » tient sur une ligne */
.entete-quitter{white-space:nowrap}
@media (max-width:420px){.entete-quitter{font-size:13px}}

/* 20/10 (Paul) : « 10 futurs clients » tient sur une ligne sur les petits téléphones */
@media (max-width:360px){.tl-coeur{font-size:.92em;white-space:nowrap}}

/* l'encart d'essai sous la fiche offerte d'un signal */
.essai-signal{max-width:820px;margin:0 auto 60px;padding:28px 26px;border-radius:20px;background:linear-gradient(135deg,#0F3B2E,#1E5A45);color:#fff;text-align:center}
.essai-signal h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}
.essai-signal p{margin:8px auto 18px;max-width:52ch;color:#D7EFE6;font-size:15px}
.essai-signal .btn{background:#fff;color:#0F3B2E}
.essai-signal small{display:block;margin-top:14px;font-size:12.5px;color:#B7DCCD}

/* 22/10 (Paul) : la date de réception, discrète, au début de chaque ligne de « Mes prospects » */
.date-recue{flex:none;min-width:64px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em;margin-right:4px}

/* 22/10 (Paul) : sous le nom du prospect, ce que le pro peut lui vendre */
.benefice-fiche{margin:6px 0 0 !important;font-size:16.5px;font-weight:600;color:var(--acc);letter-spacing:-.005em}
.fiche article.fiche > header > div:has(> .benefice-fiche),.fiche-solo article.fiche > header > div:has(> .benefice-fiche){flex-wrap:wrap}
.benefice-fiche{order:3;flex-basis:100%}
/* 22/10 (Paul) : espacements réguliers en tête de fiche */
.fiche-solo article.fiche > header > div:has(> .benefice-fiche){align-content:flex-start;row-gap:0}
.benefice-fiche{margin:4px 0 0 !important;line-height:1.35}
.fiche-solo .raccourcis-fiche ~ .corps{padding-top:16px !important}
/* 22/10 (Paul) : l'encart de titre d'un prospect venu d'un signal : la date et le lieu, le nom, ce que le pro peut lui vendre */
.fiche-solo article.fiche > header:has(.benefice-fiche){padding:22px 24px !important;border:1px solid #CDEBDD !important;border-bottom:1px solid #CDEBDD !important;border-radius:18px !important;background:linear-gradient(135deg,#F1FBF6 0%,#FFFFFF 70%) !important;box-shadow:0 10px 30px -22px rgba(4,128,101,.5) !important;align-items:center}
.fiche-solo article.fiche > header > div:has(> .benefice-fiche){display:grid !important;gap:4px;align-content:start;flex:1}
.fiche-solo article.fiche > header > div:has(> .benefice-fiche) > .meta{order:0;margin:0 !important;justify-self:start;font-size:13px}
.fiche-solo article.fiche > header > div:has(> .benefice-fiche) > h2{order:1}
.fiche-solo article.fiche > header > div > .benefice-fiche{order:2;margin:2px 0 0 !important;flex-basis:auto}
/* 22/10 (Paul) : l'encart de titre, moins haut et plus discret */
.fiche-solo article.fiche > header:has(.benefice-fiche){padding:12px 18px !important;gap:14px !important;border:1px solid var(--line) !important;border-radius:14px !important;background:#FAFCFB !important;box-shadow:none !important}
.fiche-solo article.fiche > header:has(.benefice-fiche) h2{font-size:24px !important;line-height:1.2 !important}
.fiche-solo article.fiche > header:has(.benefice-fiche) .meta{font-size:12px !important}
.fiche-solo article.fiche > header:has(.benefice-fiche) .benefice-fiche{font-size:14.5px;margin-top:0 !important}
.fiche-solo article.fiche > header:has(.benefice-fiche) > :first-child:not(div){transform:scale(.8);transform-origin:center}
/* 22/10 (Paul) : sur la fiche d'un signal, le bandeau de l'événement sur toute la largeur, avec un petit lien « source » */
.fiche-solo .fs-lecture > .fs-preuve.large{grid-column:1 / -1}
.fs-preuve-lien{margin-left:auto;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.fs-preuve-lien:hover{color:var(--acc)}
/* 22/10 (Paul) : l'appel à l'essai en haut à droite (pro pas abonné), violet clair du site */
.btn-connexion.entete-essai{color:#5B3FD6;background:#F3F0FF;border-color:#E3DBFF}
.btn-connexion.entete-essai:hover{background:#EEE9FF;border-color:#D6CBFF}
/* 22/10 (Paul) : le bouton d'essai en haut à droite, un peu plus soigné */
.btn-connexion.entete-essai{display:inline-flex;align-items:center;gap:6px;color:#5B3FD6;background:linear-gradient(135deg,#F6F2FF 0%,#ECE5FF 100%);border:1px solid #DCD2FF;box-shadow:0 1px 2px rgba(91,63,214,.08),0 6px 16px -10px rgba(91,63,214,.45);transition:transform .15s ease,box-shadow .15s ease}
.btn-connexion.entete-essai:hover{transform:translateY(-1px);background:linear-gradient(135deg,#F1ECFF 0%,#E5DCFF 100%);box-shadow:0 2px 4px rgba(91,63,214,.1),0 10px 22px -12px rgba(91,63,214,.55)}
.btn-connexion.entete-essai svg{width:14px;height:14px;flex:none;color:#7C5CFC}

/* 22/10 (Paul) : les contacts, chacun dans sa case : icône, intitulé discret, contact en gras, statut en pastille */
.fiche .fs-corps .fs-controle{gap:10px;margin:0}
.fiche .fs-corps .fs-ctl{align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border-color:var(--line);background:#fff}
.fiche .fs-corps .fs-ctl-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#EEF7F3;color:var(--acc)}
.fiche .fs-corps .fs-ctl-ico svg{width:16px;height:16px}
.fiche .fs-corps .fs-ctl-corps{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.fiche .fs-corps .fs-ctl .fs-ctl-nom{font-size:11.5px;font-weight:500;color:var(--muted)}
.fiche .fs-corps .fs-ctl-val{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14.5px;letter-spacing:-.01em;color:var(--ink)}
.fiche .fs-corps .fs-ctl-val a{color:inherit;text-decoration:none}
.fiche .fs-corps .fs-ctl-val a:hover{color:var(--acc);text-decoration:underline}
.fiche .fs-corps .fs-ctl-val small{font-size:12px;font-weight:600;color:var(--muted)}
.fiche .fs-corps .fs-ctl-via{margin-left:6px;font-size:12px;font-weight:500;color:#5B3FD6}
.fiche .fs-corps .fs-ctl em{flex:none;margin:0;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:#E4F6F1;color:#047257}
.fiche .fs-corps .fs-ctl.av em{background:#FBF1DC;color:#8A5E00}
.fiche .fs-corps .fs-ctl.av .fs-ctl-ico{background:#FBF4E4;color:#B07A00}
.fiche .fs-corps .fs-ctl.absent{background:#FAFAFB;border-style:dashed}
.fiche .fs-corps .fs-ctl.absent .fs-ctl-ico{background:#F0F1F4;color:#A0A6AF}
.fiche .fs-corps .fs-ctl.absent .fs-ctl-val{font-weight:500;color:#A0A6AF}
.fiche .fs-corps .fs-contacts .fs-actions{margin-top:16px;padding-top:16px}

/* 22/10 (Paul) : la carte « Messages prêts à l'emploi » aux couleurs du reste de la fiche (vert et neutre, plus de violet) */
.fiche .fs-corps .fs-courriel{border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.04),0 18px 36px -30px rgba(17,19,24,.25)}
body .fiche .fs-corps .fs-onglets{background:#F6F8F7;border:1px solid var(--line)}
body .fiche .fs-corps .fs-onglet.actif{color:var(--acc);box-shadow:0 1px 3px rgba(17,19,24,.10),0 0 0 1px rgba(4,128,101,.18)}

/* 22/10 (Paul) : fenêtre d'essai légère du pro démarché */
.modale.pw-signal{max-width:420px;padding:30px 28px 24px;text-align:center}
.pw-signal-label{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:#F1EDFF;color:#5B3FD6;font-size:12.5px;font-weight:600}
.pw-signal-label svg{width:13px;height:13px}
.modale.pw-signal h2{margin:0 0 10px;font-size:23px;line-height:1.2;letter-spacing:-.02em}
.pw-signal-texte{margin:0 0 20px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.pw-signal-cta{width:100%;justify-content:center;height:48px;font-size:15.5px}
.pw-signal-prix{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pw-signal-label{padding:4px 12px 4px 4px}
.pw-signal-radar{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#7C5CFF,#5B3BEA);color:#fff;font-style:normal}
.pw-signal-radar svg{width:13px;height:13px;color:#fff}
/* 22/10 (Paul) : le radar seul (sans rond violet), en couleur du texte, avec son balayage qui tourne */
.pw-signal-label{padding:5px 12px}
.pw-signal-radar{width:auto;height:auto;border-radius:0;background:none;color:inherit}
.pw-signal-radar svg{width:15px;height:15px;color:currentColor;overflow:visible}
.pw-signal-radar svg.radar .balayage{transform-origin:8px 8px;animation:tourne 2.6s linear infinite}
.pw-signal-radar svg.radar .point{animation:radar-point 2.6s ease-in-out infinite}

/* 22/10 (Paul) : une ligne prospect sur deux étages : le nom, puis en petit le type de signal, la ville et « reçu le » */
.liste-seule .carte-lundi > div{flex-direction:column !important;align-items:flex-start !important;gap:5px !important;flex-wrap:nowrap !important}
.liste-seule .carte-lundi > div > h3{order:-1;max-width:100% !important;font-size:15.5px !important;font-weight:650 !important;letter-spacing:-.01em}
.liste-seule .carte-lundi > div > .meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px !important}
.liste-seule .carte-lundi .meta-texte,.liste-seule .carte-lundi .meta-recu{font-size:12.5px !important;color:var(--muted)}
.liste-seule .carte-lundi .meta-texte + .meta-recu::before,.liste-seule .carte-lundi .puce + .meta-recu::before{content:'·';margin-right:8px;color:#C4C8CF}
.liste-seule .carte-lundi .pico,.liste-seule .carte-lundi .ico-verrou{width:36px !important;height:36px !important;border-radius:10px !important}
.liste-seule .carte-lundi .pico svg,.liste-seule .carte-lundi .ico-verrou svg{width:16px !important;height:16px !important}
.liste-seule .fiche-verrou .carte-lundi > div > p.note-verrou{margin:0 !important}

/* 22/10 (Paul) : l'exclusivité, dans un petit encart violet */
.pw-signal-exclu{display:flex;flex-direction:column;gap:4px;margin:0 0 20px;padding:12px 16px;border:1px solid #E2DAFF;border-radius:14px;background:linear-gradient(135deg,#F6F3FF,#F0EBFF);text-align:left}
.pw-signal-exclu b{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:650;color:#4B2FD6}
.pw-signal-exclu b svg{width:13px;height:13px;flex:none}
.pw-signal-exclu span{font-size:13px;line-height:1.5;color:#4A4560}

/* 22/10 (Paul) : ce qui bouge aussi chez le prospect */
.fiche .fs-corps .fs-bouge ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.fiche .fs-corps .fs-bouge li{font-size:14px;line-height:1.5;color:var(--ink-2)}
.fiche .fs-corps .fs-bouge li span{display:inline-block;min-width:92px;margin-right:8px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.fiche .fs-corps .fs-bouge li b{color:var(--ink);font-weight:600}
.fiche .fs-corps .fs-bouge li a{color:var(--acc);font-size:13px}

/* 22/10 (Paul) : l'étiquette « Essai gratuit 7 jours » en vert */
.pw-signal-label{background:#E4F6F1;color:#047257}

/* 22/10 (Paul) : « Mon entreprise », dans l'esprit de la fiche prospect */
.ent-fiche .fs-bloc{display:grid;gap:14px}
.ent-champ{display:grid;gap:4px}
.ent-lib{font-size:13px;font-weight:600;color:var(--ink)}
.ent-champ small{font-size:12px;color:var(--muted)}
.ent-champ textarea{width:100%;resize:vertical;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;line-height:1.5;color:var(--ink-2)}
.ent-champ textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(4,128,101,.12)}
.ent-etat{margin-left:auto;font-size:12.5px;color:var(--acc)}
.ent-champ textarea{overflow:hidden}

/* 22/10 (Paul) : l'icône profil en haut à droite (« Mon entreprise ») */
.btn-connexion.entete-profil{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;border-radius:999px}
.menu-perso{position:absolute;z-index:60;min-width:220px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px -18px rgba(17,19,24,.28)}
.menu-perso .mp-email{margin:4px 10px 6px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-perso a,.menu-perso button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;font:inherit;font-size:14px;color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}
.menu-perso a:hover,.menu-perso button:hover{background:#F3F6F5}
.menu-perso svg{flex:none;color:var(--muted)}
.menu-perso .mp-sep{display:block;height:1px;margin:4px 6px;background:var(--line)}

/* 22/10 (Paul) : l'étiquette « Veille quotidienne » un peu plus grande */
.entete.accueil > p.label{font-size:13.5px !important;letter-spacing:.18em}

/* 22/10 (Paul, modèle B) : « Votre veille est active » */
.entete.veille-active{max-width:680px;margin:0 auto;text-align:center}
.entete.veille-active h1 em{font-style:normal;color:var(--acc)}
.va-offert{display:flex;align-items:flex-start;gap:12px;margin:22px auto 0;max-width:520px;padding:14px 18px;border:1px solid #CFEBE1;border-radius:16px;background:#F3FBF8;text-align:left}
.va-offert .va-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--acc);color:#fff}
.va-offert .va-ico svg{width:15px;height:15px}
.va-offert b{display:block;font-size:15px;color:var(--ink)}
.va-offert span{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.va-fiche{margin-top:18px}
/* 24/10 (Paul) : la page d'inscription du lien « ici » (mail rapide) */
.inscription-rapide .va-offert{margin-top:14px}.inscription-rapide .va-offert b small{font-weight:500;color:var(--ink-2);font-size:13px}
.ins-cache{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;border-radius:999px;background:#E4F6F1;color:var(--acc);font-style:normal;font-size:12px;font-weight:600}
.ins-carte{max-width:520px;margin:16px auto 0;padding:18px 20px;border:1px solid var(--trait,#E6E5E1);border-radius:16px;background:#fff;text-align:left}
.ins-carte h2{margin:0 0 12px;font-size:15px;color:var(--ink)}
.ins-benef{list-style:none;margin:0;padding:0}.ins-benef li{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ink-2)}.ins-benef li:last-child{margin-bottom:0}.ins-benef b{color:var(--ink)}
.ins-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#F3FBF8;border:1px solid #CFEBE1;color:var(--acc)}
.ins-champ{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--trait,#E6E5E1);font-size:14px}.ins-champ span{color:var(--ink-2)}.ins-champ b{color:var(--ink);text-align:right}
.ins-btn{width:100%;justify-content:center;margin:16px 0 10px;background:var(--acc);color:#fff;font-weight:600;box-shadow:0 10px 22px -12px rgba(31,122,92,.8)}.ins-btn:hover{filter:brightness(1.07)}.ins-btn span{color:#fff}
.ins-petit{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-2);text-align:center}.ins-petit a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.va-prepa{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.va-suite{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0 0;padding:12px 16px;border:1px solid #E2DAFF;border-radius:14px;background:linear-gradient(135deg,#F6F3FF,#F0EBFF)}
.va-suite > div > b{display:block;font-size:14.5px;color:#4B2FD6}
.va-suite > div > span{display:block;font-size:13px;color:#4A4560}

/* 22/10 (Paul) : la grande fenêtre d'abonnement */
.modale.pw-signal.pw-grand{max-width:820px;width:calc(100% - 32px);padding:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);text-align:left;overflow:hidden}
.pw-grand .pwg-gauche{padding:34px 32px 30px}
.pw-grand .pwg-droite{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:34px 28px 28px;background:linear-gradient(160deg,#F2FBF7,#F4F1FF);border-left:1px solid var(--line)}
.pw-grand h2{margin:4px 0 10px;font-size:27px;line-height:1.15;letter-spacing:-.02em}
.pw-grand h2 em{font-style:normal;color:var(--acc)}
.pw-grand .pw-signal-texte{margin:0 0 18px;text-align:left}
.pwg-liste{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:14px}
.pwg-liste li{display:flex;gap:12px;align-items:flex-start}
.pwg-liste b{display:block;font-size:14.5px;color:var(--ink)}
.pwg-liste span:not(.pwg-ico){display:block;font-size:13px;line-height:1.5;color:var(--ink-2)}
.pwg-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#E4F6F1;color:var(--acc)}
.pw-grand .pw-signal-exclu{margin:0}
.pwg-etq{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5B3FD6}
.pwg-prix{margin:0;display:flex;align-items:baseline;gap:8px}
.pwg-prix b{font-size:46px;line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.pwg-prix small{font-size:13.5px;color:var(--ink-2)}
.pwg-ensuite{margin:0 0 14px;font-size:13px;color:var(--muted)}
.pw-grand .pw-signal-cta{margin-top:6px}
.pwg-essai{margin:8px 0 14px;text-align:center;font-size:12.5px;color:var(--muted)}
.pwg-zero{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.pwg-zero li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}
.pwg-zero .pwg-ico{width:22px;height:22px;border-radius:999px}
.pwg-zero .pwg-ico svg{width:13px;height:13px}
.pwg-stripe{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12px;color:var(--muted)}
.pwg-stripe svg{width:12px;height:12px}
@media (max-width:720px){.modale.pw-signal.pw-grand{grid-template-columns:1fr;max-height:calc(100dvh - 32px);overflow-y:auto}.pw-grand .pwg-gauche{padding:26px 20px 18px}.pw-grand .pwg-droite{border-left:0;border-top:1px solid var(--line);padding:22px 20px}.pw-grand h2{font-size:23px}}
@media (max-width:720px){.pwg-liste span:not(.pwg-ico){display:none}.pwg-liste{gap:10px;margin-bottom:14px}.pwg-liste b{padding-top:6px}.pw-grand .pw-signal-texte{margin-bottom:14px}.pw-grand .pw-signal-exclu{padding:10px 14px}.pwg-prix b{font-size:38px}.pw-grand .pwg-droite{padding:18px 20px}} /* 22/10 (Paul) : sur téléphone, le bouton visible plus vite */
/* 22/10 (Paul) : « Veille quotidienne » plus grand, avec le radar qui tourne */
.entete.accueil > p.label.label-veille{display:inline-flex;align-items:center;gap:12px;font-size:16px !important;letter-spacing:.2em}
.lv-radar{display:inline-grid;place-items:center;font-style:normal;color:var(--acc)}
.lv-radar svg{width:24px;height:24px;overflow:visible}
.lv-radar svg.radar .balayage{transform-origin:8px 8px;animation:tourne 2.6s linear infinite}
.lv-radar svg.radar .point{animation:radar-point 2.6s ease-in-out infinite}
.entete.accueil > p.label.label-veille{padding:8px 18px 8px 12px;border:1px solid #CFEBE1;border-radius:999px;background:rgba(228,246,241,.75);color:#047257;font-size:14.5px !important;letter-spacing:.16em;box-shadow:0 6px 18px -12px rgba(4,114,87,.5)}
.entete.accueil > p.label.label-veille::before,.entete.accueil > p.label.label-veille::after{display:none !important}

/* 22/10 (Paul) : « Déjà venu ? Se connecter » sous les boutons */
.cx-deja{margin:14px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}
.cx-deja .lien{font-weight:600;color:var(--acc)}

/* 22/10 (Paul) : le radar qui tourne dans l'encart « premier prospect sous 24 h » */
.va-offert .va-ico svg{width:18px;height:18px;color:#fff;overflow:visible}
.va-offert .va-ico svg.radar .balayage{transform-origin:8px 8px;animation:tourne 2.6s linear infinite}
.va-offert .va-ico svg.radar .point{animation:radar-point 2.6s ease-in-out infinite}

/* 22/10 (Paul) : l'encart violet léger « Ne manquez aucun client potentiel » */
.va-abo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px auto 0;max-width:520px;padding:14px 16px 14px 18px;border:1px solid #E2DAFF;border-radius:16px;background:linear-gradient(135deg,#F7F4FF,#F0EBFF);text-align:left}
.va-abo > div{flex:1;min-width:220px}
.va-abo b{display:block;font-size:15px;color:#4B2FD6}
.va-abo span{display:block;font-size:13.5px;line-height:1.5;color:#4A4560}
.va-abo-btn{flex:none;background:linear-gradient(135deg,#7C5CFF,#5B3BEA) !important;color:#fff !important;border:0 !important;box-shadow:0 10px 22px -12px rgba(91,59,234,.8)}
.va-abo-btn span{color:#fff !important;font-size:14px !important}
.va-abo-btn:hover{filter:brightness(1.06)}

/* 22/10 (Paul) : « Mon entreprise » : les champs l'un sous l'autre, sans grands vides */
.ent-fiche .fs-bloc{align-content:start;align-self:start}
.ent-fiche .fs-lecture{align-items:start}

/* 22/10 (Paul) : la FAQ et « Explorer » ne servent qu'à l'accueil ; le pied de page reste tout en bas, même sur une page courte */
body:not(:has(.entete.accueil)) .faq-accueil,body:not(:has(.entete.accueil)) .explorer{display:none}
body:not(:has(.entete.accueil)) .metiers-accueil{display:none}
body:not(:has(.entete.accueil)):not([data-shell="app"]) #vue{min-height:calc(100vh - 250px)}
/* 22/10 (Paul) : le bouton « Vérifier… » aussi large que l'encart violet du dessus */
.va-fiche{max-width:520px;margin-left:auto;margin-right:auto}
.va-fiche .btn{width:100%;justify-content:center}

/* 22/10 (Paul) : « Mon entreprise » : les cadres s'empilent par colonne, sans trou entre eux */
.ent-fiche .fs-corps .fs-lecture{display:block;columns:2;column-gap:12px}
.ent-fiche .fs-corps .fs-lecture > .fs-bloc{break-inside:avoid;margin:0 0 12px;width:100%;display:grid}
@media (max-width:760px){.ent-fiche .fs-corps .fs-lecture{columns:1}}

/* 22/10 (Paul) : Mon compte : de l'air sous l'en-tête */
.cpt-tete{margin-top:28px}
/* 22/10 (Paul) : « Vérifier… » sans pourtour, un simple lien */
.va-fiche .btn{width:auto;border:0 !important;background:none !important;box-shadow:none !important;color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.va-fiche .btn:hover{background:none !important;color:var(--ink)}

/* 22/10 (Paul) : « Vérifier… » plus discret ; la barre « Scopos analyse votre entreprise… » avant */
.va-fiche .btn{font-size:14px !important;padding:6px 10px !important;min-height:0 !important}
.va-fiche .btn span{font-size:14px !important}
.va-prog{display:inline-grid;gap:7px;justify-items:center;width:min(260px,100%)}
.va-prog small{font-size:13px;color:var(--muted)}
.va-prog i{display:block;width:100%;height:4px;border-radius:4px;background:#ECEAF6;overflow:hidden}
.va-prog b{display:block;height:100%;width:8%;border-radius:4px;background:linear-gradient(90deg,#7C5CFF,#5B3BEA);animation:va-prog 90s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes va-prog{to{width:92%}}
@media (prefers-reduced-motion:reduce){.va-prog b{animation:none;width:50%}}

/* 22/10 (Paul) : un champ long replié, avec « Afficher tout » */
.ent-champ textarea.ent-replie{overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.ent-plus{justify-self:start;margin-top:-2px;font-size:13px;font-weight:600;color:var(--acc)}

/* 22/10 (Paul) : « Mon entreprise » : les cadres l'un sous l'autre, sur toute la largeur */
.ent-fiche .fs-corps .fs-lecture{columns:1}

/* 22/10 (Paul) : « Inscription confirmée » centré, comme le titre */
.entete.veille-active > .label{justify-content:center}
.entete.veille-active > .label::after{display:none}

/* 23/10 (Paul) : modifier les textes de la fiche (crayon), la lettre modifiée, le commentaire de l'avis */
.fiche .fs-corps .fs-modifier{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 13px/1.2 var(--sans);color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s}
.fiche .fs-corps .fs-modifier:hover{border-color:var(--acc);color:var(--acc)}
.fiche .fs-corps .fs-modifie{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.fiche .fs-corps .fs-modifie svg{color:var(--acc)}
.fiche .fs-corps .fs-modifie .lien{border:0;background:none;padding:0;color:var(--acc);font:inherit;text-decoration:underline;cursor:pointer}
.fiche .fs-corps .fs-edition{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--acc);border-radius:14px;background:var(--acc-soft,#E4F6F1)}
.fiche .fs-corps .fs-edition-titre{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;font-size:14px;color:#047257}
.fiche .fs-corps .fs-edition label{display:grid;gap:4px}
.fiche .fs-corps .fs-edition label span{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.fiche .fs-corps .fs-edition input,.fiche .fs-corps .fs-edition textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:14px/1.6 var(--sans);color:var(--ink);resize:vertical}
.fiche .fs-corps .fs-edition input:focus,.fiche .fs-corps .fs-edition textarea:focus{outline:2px solid var(--acc);outline-offset:0;border-color:transparent}
.fiche .fs-corps .fs-edition .fs-actions{display:flex;gap:8px;flex-wrap:wrap}
.fiche .fs-corps .fs-avis-com{flex-basis:100%;margin-top:4px}
.fiche .fs-corps .fs-avis-com summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;color:var(--acc);list-style:none}
.fiche .fs-corps .fs-avis-com summary::-webkit-details-marker{display:none}
.fiche .fs-corps .fs-avis-com textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:14px/1.5 var(--sans);resize:vertical}
.fiche .fs-corps .fs-avis-texte{margin:0 0 6px;font-size:13.5px;font-style:italic;color:var(--ink-2)}

/* 23/10 (Paul) : la lettre envoyée par Scopos */
.fiche .fs-corps .fs-lettre-envoi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px solid var(--acc);border-radius:14px;background:var(--acc-soft,#E4F6F1)}
.fiche .fs-corps .fs-lettre-envoi-texte{flex:1 1 260px;display:grid;gap:2px}
.fiche .fs-corps .fs-lettre-envoi-texte b{font-size:14px;color:#047257}
.fiche .fs-corps .fs-lettre-envoi-texte span{font-size:13px;color:var(--ink-2);line-height:1.5}
.fiche .fs-corps .fs-lettre-envoi-action{display:grid;justify-items:end;gap:4px}
.fiche .fs-corps .fs-lettre-envoi-action small{font-size:12px;color:var(--muted)}
.fiche .fs-corps .fs-lettre-envoi .erreur{flex-basis:100%;margin:0;color:#B42318;font-size:13px}
.fiche .fs-corps .fs-lettre-partie{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--acc-soft,#E4F6F1);color:#047257;font-size:13.5px}
.fiche .fs-corps .fs-lettre-partie.attente{background:#FFF6DF;color:#9A6A00}
.adresse-lettre{margin:6px 0 14px;padding:12px 14px;border-radius:10px;background:var(--bg-2,#F6F6F4);font-size:14px;line-height:1.55}
.packs-lettres{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}
.pack-lettre{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}
.pack-lettre:hover{border-color:var(--acc);transform:translateY(-1px)}
.pack-lettre b{font-size:16px}.pack-lettre span{font-size:15px;font-weight:600;color:var(--acc)}.pack-lettre small{font-size:12px;color:var(--muted)}
@media (max-width:560px){.fiche .fs-corps .fs-lettre-envoi-action{justify-items:start}}

/* 23/10 (Paul) : le logo de l'entreprise sur ses lettres */
.fiche .fs-corps .fs-logo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;font-size:13px;color:var(--ink-2)}
.fiche .fs-corps .fs-logo img{max-height:36px;max-width:120px;object-fit:contain;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#fff}
.fiche .fs-corps .fs-logo .lien{border:0;background:none;padding:0;color:var(--acc);font:inherit;text-decoration:underline;cursor:pointer}
.fiche .fs-corps .fs-logo-ajout{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border:1px dashed var(--acc);border-radius:10px;color:var(--acc);font-weight:600;cursor:pointer}
.fiche .fs-corps .fs-logo-ajout small{font-weight:400;color:var(--muted)}

/* 23/10 (Paul) : qui signe la lettre (fenêtre d'envoi) */
.signe-par{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}
.signe-par label{display:grid;gap:4px}.signe-par span{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.signe-par input{padding:9px 11px;border:1px solid var(--line);border-radius:10px;font:14px var(--sans)}
.modale .lien{border:0;background:none;padding:0;color:var(--acc);font:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:520px){.signe-par{grid-template-columns:1fr}}

/* 23/10 (Paul) : l'aperçu de la fiche dans l'admin */
.bandeau-apercu{max-width:900px;margin:12px auto 0;padding:10px 14px;border-radius:12px;background:#FFF6DF;color:#9A6A00;font-size:13.5px;font-weight:600;text-align:center}

.fiche .fs-corps .fs-mono{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2F3B48;color:#fff;font:700 11px/1 var(--sans);letter-spacing:.02em}

/* 23/10 (Paul) : la confirmation d'envoi avec le PDF */
#modale-envoi-lettre .modale{max-width:760px;width:calc(100% - 32px)}
.apercu-pdf{display:block;width:100%;height:440px;margin:6px 0 12px;border:1px solid var(--line);border-radius:10px;background:#f6f6f4}
.fiche .fs-corps .fs-lettre-envoi-texte b{display:inline-flex;align-items:center;gap:6px}

/* 23/10 (Paul) : la lettre d'abord : l'onglet Courrier en premier, et le chiffre qui le justifie */
.fiche .fs-corps .fs-onglet[data-pan="courrier"]{order:-1}
.fiche .fs-corps .fs-stat{display:flex;gap:10px;align-items:flex-start;margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#ECFAF5,#F3F0FF);color:var(--ink-2);font-size:13px;line-height:1.5}
.fiche .fs-corps .fs-stat svg{flex:none;margin-top:2px;color:var(--acc)}

/* 23/10 (Paul) : onglet Courrier : mêmes espacements, mêmes arrondis, éléments alignés */
.fiche .fs-corps .fs-pan[data-pan="courrier"]{display:grid;gap:12px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] > *{margin-top:0;margin-bottom:0}
.fiche .fs-corps .fs-stat{margin:0;padding:12px 14px;border-radius:12px;align-items:center}
.fiche .fs-corps .fs-logo{display:flex;align-items:center;gap:12px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.fiche .fs-corps .fs-logo img{max-height:32px;max-width:96px;padding:0;border:0;border-radius:0;background:none}
.fiche .fs-corps .fs-logo .fs-mono{width:32px;height:32px;flex:none}
.fiche .fs-corps .fs-logo-texte{flex:1;min-width:0;display:grid;gap:1px;line-height:1.35}
.fiche .fs-corps .fs-logo-texte b{font-size:13.5px;color:var(--ink)}
.fiche .fs-corps .fs-logo-texte small{font-size:12.5px;color:var(--muted)}
.fiche .fs-corps .fs-logo-actions{display:flex;gap:6px;flex:none}
.fiche .fs-corps .fs-logo-actions label{cursor:pointer}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message{margin:0}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions{margin:0}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi{margin:0}
@media (max-width:560px){.fiche .fs-corps .fs-logo{flex-wrap:wrap}.fiche .fs-corps .fs-logo-actions{width:100%}}
/* 23/10 (Paul) : le chiffre et le logo côte à côte ; l'encart du logo ne prend que sa place */
.fiche .fs-corps .fs-courrier-haut{display:flex;gap:12px;align-items:stretch}
.fiche .fs-corps .fs-courrier-haut .fs-stat{flex:1;min-width:0}
.fiche .fs-corps .fs-courrier-haut .fs-logo{flex:none;width:auto}
.fiche .fs-corps .fs-courrier-haut .fs-logo-texte{flex:none}
@media (max-width:640px){.fiche .fs-corps .fs-courrier-haut{flex-direction:column}}

/* 23/10 (Paul) : la lettre à l'écran, mise en page comme la vraie */
.fiche .fs-corps .fs-lettre-page{white-space:normal;font-size:14px;line-height:1.6}
.fiche .fs-corps .fs-lettre-page .lp-exp b,.fiche .fs-corps .fs-lettre-page .lp-exp{color:var(--ink)}
.fiche .fs-corps .fs-lettre-page .lp-dest{margin:18px 0 0 auto;width:fit-content;max-width:60%;text-align:left}
.fiche .fs-corps .fs-lettre-page .lp-date{margin-top:18px;text-align:right}
.fiche .fs-corps .fs-lettre-page .lp-objet{margin-top:16px;font-weight:700;color:var(--ink)}
.fiche .fs-corps .fs-lettre-page .lp-corps{margin-top:12px;white-space:pre-wrap}
/* 23/10 (Paul) : onglet Courrier : les 4 boutons identiques (blancs, comme « Voir le PDF »), côte à côte */
.fiche .fs-corps .fs-actions-lettre{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px}
.fiche .fs-corps .fs-actions-lettre > .btn,.fiche .fs-corps .fs-actions-lettre > .fs-modifier{display:inline-flex;align-items:center;gap:6px;height:30px;margin:0;padding:0 12px;border:1px solid #DCDCE2;border-radius:9px;background:#fff;box-shadow:none;font:500 12.5px/20px var(--sans);color:var(--ink);transform:none}
.fiche .fs-corps .fs-actions-lettre > .btn:hover,.fiche .fs-corps .fs-actions-lettre > .fs-modifier:hover{border-color:var(--acc);color:var(--acc)}
.fiche .fs-corps .fs-actions-lettre > .btn span{color:inherit}
/* 23/10 (Paul) : tous les onglets des messages : mêmes boutons blancs, côte à côte (comme l'onglet Courrier) */
.fiche .fs-corps .fs-envoi{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px}
.fiche .fs-corps .fs-envoi > .btn,.fiche .fs-corps .fs-envoi > .fs-modifier{display:inline-flex;align-items:center;gap:6px;height:30px;margin:0;padding:0 12px;border:1px solid #DCDCE2;border-radius:9px;background:#fff;box-shadow:none;font:500 12.5px/20px var(--sans);color:var(--ink);transform:none}
.fiche .fs-corps .fs-envoi > .btn:hover,.fiche .fs-corps .fs-envoi > .fs-modifier:hover{border-color:var(--acc);color:var(--acc);background:#fff}
.fiche .fs-corps .fs-envoi > .btn span{color:inherit}
.fiche .fs-corps .fs-envoi > .btn > svg{display:none}
/* 23/10 (Paul) : la fiche : « Pourquoi maintenant » à gauche, « Ce que vous pouvez lui proposer » à droite, puis « Ce qui bouge aussi chez elle » sur toute la largeur */
.fiche .fs-corps .fs-lecture > .fs-pourquoi{order:2}
.fiche .fs-corps .fs-lecture > .fs-offre{order:3}
.fiche .fs-corps .fs-lecture > .fs-bouge{order:4;grid-column:1 / -1}
.fiche .fs-corps .fs-lecture > .fs-approche{order:5;grid-column:1 / -1}

/* 23/10 (Paul) : l'adresse de retour, dans « Envoyer cette lettre ? » */
.signe-par .adr-retour { grid-column: 1 / -1; }

/* 23/10 (Paul) : la coche de « Lettre envoyée » reste petite */
.fiche .fs-corps .fs-lettre-partie svg{flex:none;width:16px;height:16px}

/* 23/10 (Paul) : l'aperçu de la lettre, en grand, comme une vraie feuille posée sur le bureau */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{position:relative;max-height:none;overflow:visible;margin:6px auto 4px;max-width:680px;aspect-ratio:210/297;padding:52px 56px 64px;background:#fff;border:1px solid #E4E2DC;border-radius:3px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 28px rgba(16,24,40,.10),6px 6px 0 -1px #FBFAF7,6px 6px 0 0 #E9E6DF;font-family:Helvetica,Arial,var(--sans);font-size:14px;line-height:1.6;color:#1a1a1a}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page:before{content:"";position:absolute;left:0;right:0;top:33.3%;border-top:1px dashed rgba(16,24,40,.06)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page:after{content:"";position:absolute;left:0;right:0;top:66.6%;border-top:1px dashed rgba(16,24,40,.06)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp{font-size:13px;line-height:1.5}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-dest{margin-top:34px;max-width:52%;font-size:14px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-date{margin-top:34px;font-size:13px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-objet{margin-top:26px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-corps{margin-top:18px;font-size:13.5px;line-height:1.62}
@media (max-width:640px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{aspect-ratio:auto;padding:26px 22px 34px}.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-dest{max-width:70%}}
/* 23/10 (Paul) : une belle lettre : expéditeur en tête (nom en gras), plus d'air, sans plis ; ses initiales en bas au milieu, ou son logo dès qu'il l'ajoute (comme sur la lettre imprimée) */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page:before,.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page:after{content:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{padding:60px 64px 96px;font-size:14px;line-height:1.65;letter-spacing:.003em}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp{color:#4a4a4a;font-size:12.5px;line-height:1.55}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp b{display:inline-block;margin-bottom:2px;color:#111;font-size:14px;font-weight:700;letter-spacing:.01em}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-dest{margin-top:44px;max-width:46%;font-size:14px;line-height:1.55;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-date{margin-top:44px;color:#4a4a4a}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-objet{margin-top:32px;font-size:14px;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-corps{margin-top:22px;font-size:14px;line-height:1.7;color:#222}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-pied{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;align-items:center;height:46px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-pied img{max-width:130px;max-height:46px;object-fit:contain}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-mono{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#2F3B48;color:#fff;font:700 12.5px/1 Helvetica,Arial,var(--sans);letter-spacing:.03em}
@media (max-width:640px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{padding:28px 22px 80px}.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-dest{max-width:72%;margin-top:28px}.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-date{margin-top:28px}}
/* 23/10 (Paul) : les relances en cartes, reliées comme une frise (numéro, J+5, J+12) */
.fiche .fs-corps .fs-pan[data-pan="relances"] .fs-relance{position:relative;margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.fiche .fs-corps .fs-pan[data-pan="relances"] .fs-relance:last-child{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.fiche .fs-corps .fs-pan[data-pan="relances"] .fs-relance:not(:last-child):after{content:"";position:absolute;left:31px;bottom:-17px;height:16px;border-left:2px dashed var(--line)}
.fiche .fs-corps .fs-relance-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px}
.fiche .fs-corps .fs-relance-num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc-soft,#E4F6F1);color:#047257;font:700 13px/1 var(--sans)}
.fiche .fs-corps .fs-relance-tete b{font-size:14.5px;color:var(--ink)}
.fiche .fs-corps .fs-relance-j{padding:2px 9px;border-radius:999px;background:#F2F4F7;color:#475467;font:600 11.5px/1.5 var(--mono);letter-spacing:.04em}
.fiche .fs-corps .fs-relance-txt{font-size:12.5px;color:var(--muted)}
.fiche .fs-corps .fs-relances-aide{margin-bottom:14px}
@media (max-width:560px){.fiche .fs-corps .fs-relance-txt{flex-basis:100%;padding-left:38px}}

/* 23/10 (Paul) : la lettre « premium », les mêmes proportions que le PDF : nom 10,5 pt capitales espacées, adresse 9,5 pt gris, filet, destinataire, objet et texte 11 pt, date 10 pt gris */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{padding:64px 66px 104px 70px;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.62;color:#1a1a1a;-webkit-font-smoothing:antialiased}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp{font-size:12px;line-height:1.6;color:#555}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp b{display:block;margin:0 0 3px;font-size:13.4px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-exp:after{content:"";display:block;width:39px;height:1.5px;margin-top:11px;background:#2F3B48}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-dest{margin-top:38px;max-width:46%;font-size:14px;line-height:1.6;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-date{margin-top:48px;font-size:12.7px;color:#555}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-objet{margin-top:30px;font-size:14px;font-weight:700;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-corps{margin-top:20px;font-size:14px;line-height:1.62;color:#1a1a1a}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-pied{bottom:34px;height:44px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-page .lp-mono{width:34px;height:34px;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1}
@media (max-width:640px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{padding:30px 22px 84px}}

/* 23/10 (Paul) : la lettre, comme imprimée : feuille de 760 px pour 210 mm (1 mm ≈ 3,62 px, 1 pt ≈ 1,28 px), posée sur un bureau */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau{margin:6px 0 4px;padding:34px 26px;border-radius:14px;background:linear-gradient(180deg,#F3F1EC,#ECE9E2)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .fs-message.fs-lettre-page{position:relative;box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;aspect-ratio:210/297;padding:80px 80px 140px 87px;overflow:hidden;white-space:normal;background:#fff;border:0;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04),0 8px 24px rgba(38,33,22,.10),0 24px 48px -24px rgba(38,33,22,.18);font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:13.4px;line-height:1.62;color:#1F1F1F;-webkit-font-smoothing:antialiased}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .fs-lettre-page:before,.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .fs-lettre-page:after{content:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-tete .lp-nom{display:block;font-size:14px;font-weight:700;letter-spacing:.145em;text-transform:uppercase;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-tete:after{content:"";display:block;width:29px;height:1.5px;margin-top:9px;background:#2F3B48}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-dest{margin:76px 0 0 calc(86 / 164 * 100%);max-width:none;width:auto;font-size:13.4px;line-height:1.62;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-date{margin-top:72px;text-align:right;font-size:12.1px;color:#6B6B6B}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-objet{margin-top:28px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-objet span{display:block;margin-bottom:4px;font-size:9.6px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#8C8C8C}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-objet b{display:block;font-size:14px;line-height:1.45;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-corps{margin-top:24px;white-space:pre-wrap;font-size:13.4px;line-height:1.72;color:#1F1F1F}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-sig{margin-top:20px;display:grid;gap:2px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-sig b{font-size:13.4px;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-sig span{font-size:12.1px;color:#6B6B6B}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-pied{position:absolute;left:0;right:0;bottom:40px;height:auto;display:flex;flex-direction:column;align-items:center;gap:16px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-pied img{max-width:123px;max-height:50px;object-fit:contain}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-mono{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2F3B48;color:#fff;font:700 10.9px/1 Helvetica,Arial,sans-serif;letter-spacing:.04em}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-contact{font-size:9.6px;letter-spacing:.03em;color:#8C8C8C}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-contact i{font-style:normal;margin:0 10px;color:#B5B5B5}
@media (max-width:820px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau{padding:18px 10px}.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .fs-message.fs-lettre-page{aspect-ratio:auto;padding:40px 30px 130px}.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-dest{margin:40px 0 0 38%}.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-date{margin-top:40px}}
@media (max-width:520px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-dest{margin-left:20%}}

/* 23/10 (Paul) : les coordonnées de l'expéditeur en haut à gauche, sous son nom (9 pt gris, comme le PDF) */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-coord{display:block;margin-top:5px;font-size:11.5px;line-height:1.62;color:#6B6B6B}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-tete:after{margin-top:12px}
/* 30/10 (Paul) : une lettre classique : le nom de l'expéditeur en gras normal (sans capitales espacées ni filet), « Objet : … » sur une ligne */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-tete .lp-nom{font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-tete:after{content:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-objet-classique b{display:block;font-size:13.4px;font-weight:700;line-height:1.5;letter-spacing:0;color:#111}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-dest{margin-top:38px}

/* 23/10 (Paul) : l'encart d'avis : une icône, la question, l'explication (l'avis entraîne Scopos), des boutons pouce */
.fiche .fs-corps .fs-avis{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:16px 18px;border:1px solid #CFE9DF;border-radius:16px;background:linear-gradient(135deg,#F2FBF7 0%,#FFFFFF 70%)}
.fiche .fs-corps .fs-avis-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#E4F6F1;color:#047257}
.fiche .fs-corps .fs-avis-txt{flex:1 1 260px;min-width:0;display:grid;gap:3px}
.fiche .fs-corps .fs-avis-txt .fs-avis-q{margin:0;font-size:14.5px;font-weight:650;color:var(--ink)}
.fiche .fs-corps .fs-avis-sous{font-size:12.5px;line-height:1.45;color:var(--muted)}
.fiche .fs-corps .fs-avis-btns{display:inline-flex;gap:8px;flex:none}
.fiche .fs-corps .fs-avis-b{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-size:13.5px}
.fiche .fs-corps .fs-avis-b svg{flex:none}
.fiche .fs-corps .fs-avis-b.oui:hover{border-color:var(--acc);color:#047257}
.fiche .fs-corps .fs-avis-b.non:hover{border-color:#E0A526;color:#9A6A00}
.fiche .fs-corps .fs-avis-b.oui.actif{border-color:var(--acc);background:var(--acc);color:#fff}
.fiche .fs-corps .fs-avis-b.non.actif{border-color:#E0A526;background:#FFF6DF;color:#9A6A00}
.fiche .fs-corps .fs-avis .fs-avis-raisons{padding-left:52px}
.fiche .fs-corps .fs-avis .fs-avis-com{padding-left:52px}
@media (max-width:560px){.fiche .fs-corps .fs-avis .fs-avis-raisons,.fiche .fs-corps .fs-avis .fs-avis-com{padding-left:0}.fiche .fs-corps .fs-avis-btns{flex-basis:100%}}

/* 23/10 (Paul) : l'action « lettre » d'abord : l'encart d'envoi au-dessus, l'aperçu replié avec un fondu, des boutons allégés */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi,.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-partie{margin:14px 0 14px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi .btn-acc{padding:10px 18px;font-size:14px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre{position:relative}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre.replie .lp-bureau{max-height:640px;overflow:hidden}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre.replie .lp-bureau:after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(236,233,226,0),#ECE9E2 78%);pointer-events:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre.replie .lp-bureau{position:relative}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-deplier{display:flex;align-items:center;gap:6px;margin:10px auto 0;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 13px/1.2 var(--sans);color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre.replie .lp-deplier{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;z-index:1}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-deplier:hover{border-color:var(--acc);color:#047257}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre{align-items:center;margin-top:12px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-imprimer{margin-left:auto;padding:4px 2px;border:0;background:none;font:500 12.5px/1.2 var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-imprimer:hover{color:var(--ink)}

/* 23/10 (Paul) : la fenêtre des packs de lettres */
#modale-lettres .pl-sous{margin-top:-2px;color:var(--ink-2)}
#modale-lettres .packs-lettres{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
#modale-lettres .pack-lettre{position:relative;gap:6px;padding:18px 16px 16px;border:1.5px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#modale-lettres .pack-lettre:hover{border-color:var(--acc);box-shadow:0 8px 20px -12px rgba(4,128,101,.45)}
#modale-lettres .pack-lettre.top{border-color:var(--acc);background:linear-gradient(180deg,#F2FBF7,#fff 60%)}
#modale-lettres .pack-lettre b{font-size:14px;font-weight:600;color:var(--ink-2)}
#modale-lettres .pl-prix{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
#modale-lettres .pl-prix small{font-size:12px;font-weight:600;color:var(--muted)}
#modale-lettres .pl-unite{font-size:12.5px;color:var(--muted)}
#modale-lettres .pl-unite em{margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--acc-soft,#E4F6F1);color:#047257;font-style:normal;font-weight:700;font-size:11.5px}
#modale-lettres .pl-badge{position:absolute;top:-10px;left:14px;padding:2px 9px;border-radius:999px;background:var(--acc);color:#fff;font:700 11px/1.5 var(--sans);font-style:normal;letter-spacing:.02em}
#modale-lettres .pl-pied{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;font-size:12px;color:var(--muted)}
#modale-lettres .pl-pied svg{width:13px;height:13px}

/* 23/10 (Paul) : le logo sous la lettre, centré ; le timbre « ×2 à 3 mieux retenue qu'un email » qui se pose dans l'encart d'envoi */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-logo-bas{display:flex;justify-content:center;margin:14px 0 2px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-logo-bas .fs-logo{margin:0;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi{align-items:center;gap:16px;padding:16px 18px}
.fiche .fs-corps .fs-timbre{position:relative;flex:none;width:78px;height:90px;background:radial-gradient(circle at 4px 4px,transparent 2.6px,#fff 3px) -4px -4px/8px 8px;filter:drop-shadow(0 3px 6px rgba(16,24,40,.16));transform:rotate(-5deg);animation:timbre-pose .75s cubic-bezier(.2,.9,.25,1.2) .25s both}
.fiche .fs-corps .fs-timbre-in{position:absolute;inset:6px;display:grid;align-content:center;justify-items:center;gap:2px;padding:4px;border:1px solid #9ED4BF;background:linear-gradient(160deg,#E9F8F1,#D4F0E4);text-align:center;color:#035E46}
.fiche .fs-corps .fs-timbre-in b{font-size:16px;line-height:1;letter-spacing:-.02em}
.fiche .fs-corps .fs-timbre-in small{font-size:8.5px;line-height:1.2;font-weight:600}
.fiche .fs-corps .fs-timbre-in i{margin-top:2px;font:600 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-style:normal}
@keyframes timbre-pose{0%{opacity:0;transform:rotate(-16deg) scale(1.35)}60%{opacity:1;transform:rotate(-3deg) scale(.95)}100%{opacity:1;transform:rotate(-5deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.fiche .fs-corps .fs-timbre{animation:none}}
@media (max-width:560px){.fiche .fs-corps .fs-timbre{width:64px;height:74px}.fiche .fs-corps .fs-timbre-in b{font-size:13px}}
/* 23/10 (Paul) : le texte de l'encart d'envoi moins large, sur deux lignes équilibrées */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi-texte span{max-width:40ch;text-wrap:balance}
/* 23/10 (Paul) : le timbre plus bref, plus percutant, plus visible : « jusqu'à ×3 » en grand, blanc sur vert */
.fiche .fs-corps .fs-timbre{width:96px;height:108px;filter:drop-shadow(0 6px 12px rgba(4,94,70,.28))}
.fiche .fs-corps .fs-timbre-in{inset:7px;gap:1px;border:0;background:linear-gradient(155deg,#16A57C,#047257);color:#fff}
.fiche .fs-corps .fs-timbre-in i{margin:0;font:700 8.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.fiche .fs-corps .fs-timbre-in b{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.04em}
.fiche .fs-corps .fs-timbre-in small{font-size:9px;line-height:1.15;font-weight:700;opacity:.95}
.fiche .fs-corps .fs-timbre:hover{animation:timbre-bouge .5s ease-in-out}
@keyframes timbre-bouge{0%,100%{transform:rotate(-5deg)}30%{transform:rotate(-9deg) scale(1.04)}65%{transform:rotate(-2deg) scale(1.02)}}
@media (max-width:560px){.fiche .fs-corps .fs-timbre{width:78px;height:88px}.fiche .fs-corps .fs-timbre-in b{font-size:26px}}
/* 23/10 (Paul) : sous la lettre, une seule ligne : Voir le PDF, Modifier, le logo (compact), Imprimer */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo{margin:0 0 0 auto;padding:4px 6px 4px 8px;gap:8px;border-radius:999px;box-shadow:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo .fs-mono{width:24px;height:24px;font-size:9.5px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo img{max-height:22px;max-width:70px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo-texte b{font-size:12.5px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo-texte small{display:none}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo .btn{padding:4px 10px;font-size:12.5px;border-radius:999px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .lp-imprimer{margin-left:4px}
@media (max-width:640px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .fs-logo{margin-left:0}}
/* 23/10 (Paul) : plus d'air entre la rangée sous la lettre et l'encart d'avis, et dans la rangée */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre{gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-actions-lettre .lp-imprimer{margin-left:10px;padding-left:14px;border-left:1px solid var(--line)}
.fiche .fs-corps .fs-avis{margin-top:28px}
/* 23/10 (Paul) : l'encart d'avis porte l'icône de scopos */
.fiche .fs-corps .fs-avis-ico{background:none;width:38px;height:38px;filter:drop-shadow(0 3px 6px rgba(6,168,126,.25))}
.fiche .fs-corps .fs-avis-ico svg{display:block}

/* 23/10 (Paul) : l'encart d'envoi « bureau moderne » : fond papier chaud, une enveloppe posée avec son timbre ×3, le chiffre La Poste en pastille, bouton vert profond */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.bureau{display:flex;flex-wrap:nowrap;align-items:center;gap:22px;padding:20px 22px;border:1px solid #E6E2D8;border-radius:18px;background:linear-gradient(135deg,#FCFBF8 0%,#F4F1EA 100%);box-shadow:0 1px 0 #fff inset,0 10px 30px -18px rgba(38,33,22,.25)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env{position:relative;flex:none;width:120px;height:80px;border:1px solid #E2DDD1;border-radius:7px;background:#fff;box-shadow:0 8px 18px -10px rgba(38,33,22,.35);transform:rotate(-3deg);animation:env-pose .6s cubic-bezier(.2,.8,.25,1) both}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-volet{position:absolute;inset:0 0 auto 0;height:44px;background:linear-gradient(180deg,#F7F4EC,#EFEBE0);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:7px 7px 0 0}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-lignes{position:absolute;left:14px;bottom:13px;display:grid;gap:5px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-lignes i{display:block;height:3px;border-radius:2px;background:#E3DED3}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-lignes i:nth-child(1){width:46px}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-lignes i:nth-child(2){width:38px}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-lignes i:nth-child(3){width:28px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre{position:absolute;top:-12px;right:-12px;width:46px;height:54px;transform:rotate(7deg);filter:drop-shadow(0 4px 8px rgba(4,94,70,.3));animation:timbre-pose-petit .7s cubic-bezier(.2,.9,.25,1.2) .35s both}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre-in{inset:4px;display:grid;place-items:center;background:linear-gradient(155deg,#16A57C,#047257)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre-in b{font-size:17px;font-weight:800;letter-spacing:-.03em;color:#fff}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre:hover{animation:none}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte{flex:1 1 auto;min-width:0;display:grid;gap:5px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>b{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>span{max-width:44ch;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-stat{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:4px;padding:4px 10px 4px 4px;border:1px solid #CFE9DF;border-radius:999px;background:#fff;font-style:normal;font-size:12px;font-weight:600;color:#035E46}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-stat b{padding:2px 7px;border-radius:999px;background:#047257;color:#fff;font-size:11.5px;font-weight:800}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-action{flex:none;display:grid;justify-items:center;gap:7px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14.5px;background:linear-gradient(180deg,#0B8A66,#047257);box-shadow:0 10px 22px -12px rgba(4,114,87,.75),0 1px 0 rgba(255,255,255,.18) inset}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton svg{width:16px;height:16px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton:hover{transform:translateY(-1px);box-shadow:0 14px 26px -12px rgba(4,114,87,.8)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-action small{font-size:12px;color:var(--muted)}
.fiche .fs-corps .fs-lettre-envoi.bureau .erreur{flex-basis:100%}
@keyframes env-pose{0%{opacity:0;transform:translateY(8px) rotate(-8deg)}100%{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes timbre-pose-petit{0%{opacity:0;transform:rotate(-14deg) scale(1.5)}60%{opacity:1;transform:rotate(10deg) scale(.94)}100%{opacity:1;transform:rotate(7deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env,.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre{animation:none}}
@media (max-width:720px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.bureau{flex-wrap:wrap}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-action{flex-basis:100%;justify-items:stretch}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton{justify-content:center}}
@media (max-width:480px){.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env{display:none}}
/* 30/10 (Paul) : encart lettre redessiné : petite étiquette « Lettre postale », titre plus grand avec la chute en vert, carte plus aérée avec un liseré vert, bouton plus franc */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.bureau{position:relative;overflow:hidden;gap:26px;padding:24px 26px 24px 28px;border-color:#E3DED2;border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,#FFFFFF 0%,#FAF8F3 45%,#F2EEE4 100%);box-shadow:0 1px 0 #fff inset,0 18px 40px -26px rgba(38,33,22,.45)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.bureau:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#16A57C,#047257)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-kicker{display:inline-flex;align-items:center;gap:6px;width:max-content;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#047257}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#16A57C;box-shadow:0 0 0 3px rgba(22,165,124,.18)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte{gap:7px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>b{font-size:19px;line-height:1.28;font-weight:750;letter-spacing:-.02em;color:#15140F}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>b em{font-style:normal;color:#047257}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>span{max-width:48ch;font-size:14px;line-height:1.55;color:#57534A}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-stat{margin-top:6px;background:rgba(255,255,255,.85);border-color:#D4EBE2;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton{padding:14px 22px;border-radius:14px;font-size:15px;font-weight:700;letter-spacing:-.01em;transition:transform .15s,box-shadow .15s}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton svg{width:18px;height:18px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-action small{font-size:12.5px;color:#7A766C}
@media (max-width:720px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.bureau{gap:18px;padding:20px 18px 20px 22px}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte>b{font-size:18px}}
/* 30/10 (Paul) : encart lettre v2 : carte blanche, icône de lettre dans une pastille verte, titre net, chiffre ×3 en statistique, bouton à droite */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:0;padding:22px 24px;border:1px solid #E4E7EC;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -20px rgba(16,24,40,.25)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(160deg,#E8F7F1,#D3EFE4);color:#047257;box-shadow:0 0 0 1px #CBEBDD inset}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte{display:grid;gap:6px;min-width:0}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b{display:block;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:#101828}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b em{display:inline;font-style:normal;color:#047257}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>span{max-width:50ch;font-size:14px;line-height:1.55;color:#475467}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:12px;border-top:1px dashed #E4E7EC}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre strong{font-size:24px;line-height:1;font-weight:800;letter-spacing:-.03em;color:#047257}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre span{display:grid;font-size:13px;font-weight:600;line-height:1.3;color:#101828}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre small{font-size:11.5px;font-weight:500;color:#98A2B3}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-action{display:grid;justify-items:center;gap:8px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:12px;font-size:15px;font-weight:700;background:#047257;box-shadow:0 8px 18px -10px rgba(4,114,87,.8);transition:transform .15s,box-shadow .15s,background .15s}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton:hover{background:#035E46;transform:translateY(-1px)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton svg{width:18px;height:18px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-action small{font-size:12.5px;color:#667085}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .erreur{grid-column:1/-1}
@media (max-width:720px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:18px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-ico{width:46px;height:46px;border-radius:13px;align-self:start}.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b{font-size:17px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-action{grid-column:1/-1;justify-items:stretch}.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton{justify-content:center;width:100%;box-sizing:border-box}}
/* 30/10 (Paul) : l'encart lettre en violet léger, plus mis en avant (mêmes violets que l'encart « Abonnez-vous ») */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{position:relative;overflow:hidden;padding:26px 28px;border:1px solid #DED5FF;border-radius:20px;background:linear-gradient(135deg,#F7F3FF 0%,#EFE9FF 60%,#E9E1FF 100%);box-shadow:0 1px 2px rgba(17,19,24,.04),0 18px 40px -24px rgba(75,47,214,.5)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2:after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.18),rgba(124,92,255,0) 70%);pointer-events:none}
.fiche .fs-corps .fs-lettre-envoi.lettre2>*{position:relative;z-index:1}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-ico{width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,#8B6DFF,#5B3BE8);color:#fff;box-shadow:0 10px 22px -10px rgba(75,47,214,.7),0 0 0 1px rgba(255,255,255,.25) inset}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b{font-size:20px;letter-spacing:-.02em;color:#1B1340}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b em{color:#5B3BE8}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>span{color:#4A4560}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre{width:max-content;max-width:100%;margin-top:8px;padding:8px 14px 8px 10px;border:1px solid #DED5FF;border-radius:14px;background:rgba(255,255,255,.75)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre strong{color:#5B3BE8}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre span{color:#1B1340}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre small{color:#8A84A3}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton{background:linear-gradient(180deg,#6E4DFA,#4B2FD6);box-shadow:0 12px 24px -12px rgba(75,47,214,.85),0 1px 0 rgba(255,255,255,.2) inset}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-env-bouton:hover{background:linear-gradient(180deg,#5F3EEF,#3F25C2)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-action small{color:#6B6585}
@media (max-width:720px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{padding:20px 18px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-ico{width:48px;height:48px;border-radius:14px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b{font-size:18px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre{width:auto}}
/* 30/10 (Paul) : un crayon « Modifier » en haut à droite de la lettre (même action que le bouton Modifier du dessous) */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-cadre{position:relative}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-crayon{position:absolute;top:22px;right:22px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #E4E7EC;border-radius:12px;background:#fff;color:#475467;cursor:pointer;box-shadow:0 2px 6px rgba(16,24,40,.08);transition:color .15s,border-color .15s,transform .15s}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-crayon:hover{color:#5B3BE8;border-color:#C9BCFF;transform:translateY(-1px)}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-crayon svg{width:17px;height:17px}
@media (max-width:820px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-crayon{top:14px;right:14px;width:34px;height:34px}}
/* 30/10 (Paul) : deux chiffres côte à côte : le courrier (violet) contre l'e-mail (gris) */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffres{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffres .l2-chiffre{margin-top:0;flex:1 1 220px;width:auto}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre.mail{background:rgba(255,255,255,.5);border-color:#E4E1EE}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre.mail strong{color:#8A84A3}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre.mail span{color:#4A4560;font-weight:500}
/* 30/10 (Paul) : le titre sur 2 lignes (la chute en violet à la ligne) ; « 80 % » jamais coupé */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-texte>b em{display:block}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-chiffre strong{white-space:nowrap}
/* 30/10 (Paul) : deux statistiques côte à côte dans une même bande (80 % · ×3), séparées d'un trait, la source une seule fois dessous */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stats{display:grid;grid-template-columns:1fr 1fr;max-width:460px;margin-top:10px;border:1px solid #DED5FF;border-radius:14px;background:rgba(255,255,255,.78);overflow:hidden}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat{display:grid;gap:3px;padding:12px 16px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat+.l2-stat{border-left:1px solid #E7E0FF}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat strong{font-size:26px;line-height:1;font-weight:800;letter-spacing:-.03em;white-space:nowrap;background:linear-gradient(135deg,#7C5CFF,#4B2FD6);-webkit-background-clip:text;background-clip:text;color:transparent}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat span{font-size:12.5px;font-weight:600;line-height:1.35;color:#2A2350}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-source{grid-column:1/-1;padding:7px 16px;border-top:1px solid #EFEAFF;background:rgba(246,242,255,.7);font-size:11px;font-weight:600;letter-spacing:.02em;color:#8A84A3}
/* 30/10 (Paul) : sans l'icône de gauche (place perdue) : le texte à gauche, le bouton à droite ; sur téléphone, tout l'un sous l'autre */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:26px 30px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-ico{display:none}
@media (max-width:720px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 20px}.fiche .fs-corps .fs-lettre-envoi.lettre2 .fs-lettre-envoi-action{grid-column:auto}.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stats{max-width:none}}
/* 30/10 (Paul) : une enveloppe discrète au-dessus du bouton, légèrement penchée, qui flotte doucement */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-env{display:block;margin:0 auto 6px;transform:rotate(-6deg);filter:drop-shadow(0 12px 18px rgba(75,47,214,.18));animation:l2-flotte 5s ease-in-out infinite}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-env svg{display:block;width:118px;height:auto}
@keyframes l2-flotte{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-env{animation:none}}
@media (max-width:720px){.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-env{display:none}}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-lettre-envoi.lettre2:after{opacity:.6}
/* 30/10 (Paul, « ça prend trop de place ») : les chiffres en version compacte : sans cadre, chacun sur une ligne (chiffre + phrase), la source en petit dessous */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;max-width:none;margin-top:12px;padding:0;border:0;border-radius:0;background:none;overflow:visible}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat{display:flex;align-items:baseline;gap:7px;padding:0}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat+.l2-stat{border-left:0}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat strong{font-size:20px}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat span{font-size:13px;font-weight:600;white-space:nowrap}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-source{flex-basis:100%;padding:0;border:0;background:none;font-size:11px;font-weight:500;color:#9A94B3}
@media (max-width:720px){.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat span{white-space:normal}}
/* 30/10 (Paul, « mets en valeur autrement, trop proche du haut ») : un trait fin et de l'air au-dessus ; chaque chiffre dans une pastille violette (le chiffre dans une bulle blanche) */
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stats{gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(124,92,255,.18)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat{align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(124,92,255,.10);box-shadow:0 0 0 1px rgba(124,92,255,.14) inset}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat strong{display:inline-grid;place-items:center;min-width:46px;height:30px;padding:0 9px;border-radius:999px;background:#fff;-webkit-background-clip:border-box;background-clip:border-box;color:#5B3BE8;font-size:15px;box-shadow:0 2px 6px -2px rgba(75,47,214,.35)}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-stat span{font-size:12.5px;color:#2A2350}
.fiche .fs-corps .fs-lettre-envoi.lettre2 .l2-source{margin-top:2px;padding-left:4px}
/* 30/10 (Paul, capture iPhone) : l'encart ne dépasse plus de l'écran : la pastille « ×3 » passe à la ligne, le texte prend toute la largeur */
.fiche .fs-corps .fs-lettre-envoi.bureau{min-width:0;max-width:100%;box-sizing:border-box}
.fiche .fs-corps .fs-pan[data-pan="courrier"]{grid-template-columns:minmax(0,1fr)} /* la colonne ne s'élargit plus à la taille du plus long contenu */
@media (max-width:640px){.fiche .fs-corps .fs-pan[data-pan="courrier"] .fs-message.fs-lettre-page{padding:28px 22px 40px}}
@media (max-width:720px){.fiche .fs-corps .fs-lettre-envoi.bureau .fs-lettre-envoi-texte{flex:1 1 100%}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-stat{width:auto;align-items:flex-start;border-radius:12px;line-height:1.4}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-stat b{flex:none}.fiche .fs-corps .fs-lettre-envoi.bureau .fs-env-bouton{width:100%;box-sizing:border-box;white-space:normal}}
/* 23/10 (Paul) : le timbre plus petit et discret, posé dans le coin de l'enveloppe */
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre{top:9px;right:10px;width:26px;height:30px;transform:rotate(4deg);filter:drop-shadow(0 1px 1.5px rgba(16,24,40,.12));animation:none;background:radial-gradient(circle at 2.5px 2.5px,transparent 1.6px,#fff 1.9px) -2.5px -2.5px/5px 5px}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre-in{inset:3px;border:1px solid #BFE3D4;background:#EAF7F1}
.fiche .fs-corps .fs-lettre-envoi.bureau .fs-timbre-in b{font-size:8.5px;font-weight:700;letter-spacing:0;color:#2E8A6B}

/* 25/10 (Paul) : accueil : 4 bénéfices (à la place des pastilles et de l'étapier) */
.benefices{list-style:none;margin:34px auto 6px;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left}
.benefices li{display:grid;gap:6px;align-content:start;padding:16px 16px 18px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid #E3EFEA;box-shadow:0 10px 26px -20px rgba(4,114,87,.4)}
.benefices .bf-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#E9F8F2,#DDF3EA);color:#06A87E;margin-bottom:4px}
.benefices b{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.benefices li>span:last-child{font-size:13px;line-height:1.45;color:var(--ink-2)}
@media (max-width:900px){.benefices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.benefices{gap:10px;margin-top:26px}.benefices li{padding:13px 13px 15px}.benefices b{font-size:13.5px}.benefices li>span:last-child{font-size:12.5px}}

/* 25/10 (Paul) : hero sans pastilles : un rythme régulier (titre, phrase, champ, aide, bénéfices) et des largeurs alignées */
.entete.accueil > .tl-sous{margin:22px auto 34px}
body:has(.entete.accueil) .entete.accueil > .nomzone{margin-top:36px;margin-bottom:0} /* 25/10 : sans la phrase sous le titre */
body:has(.entete.accueil) .entete.accueil > #aide{margin-top:18px;line-height:1.6}
.entete.accueil .sans-siret{margin-top:8px}
.entete.accueil > .benefices{max-width:960px;margin:44px auto 0}
.benefices li{grid-template-columns:36px 1fr;column-gap:12px;row-gap:10px;align-items:center;padding:16px 18px 18px}
.benefices .bf-ico{margin:0}
.benefices b{line-height:1.25}
.benefices li>span:last-child{grid-column:1/-1}
@media (max-width:720px){.entete.accueil > .tl-sous{margin:16px auto 26px}body:has(.entete.accueil) .entete.accueil > .nomzone{margin-top:28px}body:has(.entete.accueil) .entete.accueil > #aide{margin-top:14px}.entete.accueil > .benefices{margin-top:32px}}
@media (max-width:480px){.benefices li{grid-template-columns:30px 1fr;column-gap:9px;padding:13px 13px 15px}.benefices .bf-ico{width:30px;height:30px;border-radius:9px}.benefices .bf-ico svg{width:15px;height:15px}}

/* 25/10 (Paul) : bénéfices plus nets (icône pleine, carte qui se soulève) */
.entete.accueil > .benefices{gap:16px}
.benefices li{background:#fff;border:1px solid #E4EEEA;border-radius:18px;padding:20px 20px 22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 16px 34px -26px rgba(4,114,87,.4);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.benefices li:hover{transform:translateY(-2px);border-color:#BFE6D6;box-shadow:0 1px 2px rgba(16,24,40,.04),0 22px 40px -26px rgba(4,114,87,.5)}
.benefices .bf-ico{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#14C99A 0%,#06A87E 55%,#047257 100%);color:#fff;box-shadow:0 8px 16px -8px rgba(4,114,87,.6)}
.benefices li{grid-template-columns:38px 1fr}
.benefices b{font-size:15px;font-weight:650;color:var(--ink)}
.benefices li>span:last-child{font-size:13.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:480px){.benefices li{grid-template-columns:30px 1fr;padding:14px 14px 16px;border-radius:15px}.benefices .bf-ico{width:30px;height:30px;border-radius:9px}.benefices b{font-size:13.5px}.benefices li>span:last-child{font-size:12.5px}}

/* 25/10 (Paul) : bénéfices : icône au-dessus, titre court sur une ligne, textes alignés */
.benefices li,.benefices li:hover{grid-template-columns:1fr;row-gap:8px}
.benefices .bf-ico{margin-bottom:6px}
.benefices b{white-space:nowrap}
@media (max-width:480px){.benefices li{grid-template-columns:1fr}.benefices b{white-space:normal}}

/* 25/10 (Paul) : bénéfices : un seul bandeau clair, 4 colonnes séparées par un filet, icônes douces */
.entete.accueil > .benefices{gap:0;padding:4px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(250,253,251,.92));border:1px solid #E3EEE9;border-radius:22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 28px 56px -36px rgba(4,114,87,.38)}
.benefices li,.benefices li:hover{position:relative;background:none;border:0;border-radius:18px;box-shadow:none;transform:none;padding:24px 24px 26px;row-gap:9px;transition:background .2s ease}
.benefices li:hover{background:rgba(233,248,242,.55)}
.benefices li+li::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:1px;background:#E6EFEB}
.benefices .bf-ico{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#F3FCF8,#E2F5EC);color:#06A87E;box-shadow:inset 0 0 0 1px #CBEBDD;margin-bottom:8px}
.benefices b{font-size:15.5px;letter-spacing:-.015em}
.benefices li>span:last-child{font-size:13.5px;line-height:1.6;color:var(--ink-2)}
@media (max-width:900px){.benefices li+li::before{display:none}.benefices li:nth-child(2n)::before{display:block;content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:#E6EFEB}.benefices li:nth-child(n+3)::after{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:#E6EFEB}}
@media (max-width:480px){.entete.accueil > .benefices{border-radius:18px;padding:2px}.benefices li,.benefices li:hover{padding:16px 14px 18px}.benefices .bf-ico{width:34px;height:34px;margin-bottom:6px}.benefices .bf-ico svg{width:16px;height:16px}.benefices b{font-size:14px}.benefices li>span:last-child{font-size:12.5px;line-height:1.5}}

/* 25/10 (Paul) : titre « Scopos trouve / vos futurs clients » : deux lignes équilibrées, « clients » en vert à la même taille */
.tl-ligne2{display:block;text-align:center}
.tl-ligne2 .tl-coeur{font-size:1em;letter-spacing:-.035em;padding:0 0 .06em}

/* 25/10 (Paul) : la bulle « 149 € HT pour 10 salariés et plus », à côté du prix */
.prix-info{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;padding:0;border:0;border-radius:50%;background:none;color:var(--faint,#98A2B3);vertical-align:middle;cursor:help;transition:color .15s}
.prix-info:hover,.prix-info:focus-visible{color:var(--acc,#048065);outline:none}
.prix-info-bulle{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:max-content;max-width:240px;padding:9px 12px;border-radius:10px;background:#101828;color:#fff;font-size:12.5px;font-weight:500;line-height:1.4;letter-spacing:0;text-align:left;white-space:normal;box-shadow:0 10px 24px -10px rgba(16,24,40,.45);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30}
.prix-info-bulle::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#101828}
.prix-info:hover .prix-info-bulle,.prix-info:focus .prix-info-bulle{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){.prix-info-bulle{left:auto;right:-8px;transform:translateY(4px)}.prix-info:hover .prix-info-bulle,.prix-info:focus .prix-info-bulle{transform:none}.prix-info-bulle::after{left:auto;right:12px}}

/* 25/10 (Paul) : la bulle s'ouvre vers la gauche (l'icône est au bord droit de l'encart) ; icône plus visible */
.prix-info{color:#7C8597}
.prix-info-bulle,.prix-info:hover .prix-info-bulle,.prix-info:focus .prix-info-bulle{left:auto;right:-10px}
.prix-info-bulle{transform:translateY(4px)}
.prix-info:hover .prix-info-bulle,.prix-info:focus .prix-info-bulle{transform:none}
.prix-info-bulle::after{left:auto;right:15px;margin-left:0}

/* 25/10 (Paul) : bénéfices en couleur : un dégradé vert → violet léger (comme l'encart des tarifs), une icône par teinte */
.entete.accueil > .benefices{position:relative;isolation:isolate;border:0;background:linear-gradient(120deg,#F2FBF7 0%,#FFFFFF 42%,#FAF8FF 70%,#F3EFFF 100%);box-shadow:0 1px 2px rgba(16,24,40,.04),0 30px 60px -38px rgba(91,72,214,.38),0 24px 48px -36px rgba(4,114,87,.3)}
.entete.accueil > .benefices::before{content:"";position:absolute;inset:0;z-index:-1;padding:1.2px;border-radius:inherit;background:linear-gradient(110deg,#9FE3C8,#C9C0FF 60%,#B3A6FF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.entete.accueil > .benefices::after{content:"";position:absolute;right:-40px;top:-50px;width:260px;height:200px;z-index:-1;background:radial-gradient(closest-side,rgba(140,120,255,.18),rgba(140,120,255,0));pointer-events:none}
.benefices li+li::before{background:linear-gradient(180deg,rgba(6,168,126,.0),rgba(124,92,252,.22) 50%,rgba(6,168,126,0))}
.benefices li:nth-child(1) .bf-ico{background:radial-gradient(circle at 30% 30%,#F1FCF7,#DCF4E9);color:#06A87E;box-shadow:inset 0 0 0 1px #C3EBDA}
.benefices li:nth-child(2) .bf-ico{background:radial-gradient(circle at 30% 30%,#F0FAF9,#DAF0EE);color:#0E9488;box-shadow:inset 0 0 0 1px #BFE5E1}
.benefices li:nth-child(3) .bf-ico{background:radial-gradient(circle at 30% 30%,#F4F3FF,#E4E2FD);color:#5865E8;box-shadow:inset 0 0 0 1px #CFCDFB}
.benefices li:nth-child(4) .bf-ico{background:radial-gradient(circle at 30% 30%,#F7F3FF,#EAE2FF);color:#7C5CFC;box-shadow:inset 0 0 0 1px #D9CCFF}
.benefices li:nth-child(-n+2):hover{background:rgba(220,244,233,.45)}
.benefices li:nth-child(n+3):hover{background:rgba(234,226,255,.45)}
@media (max-width:900px){.benefices li:nth-child(2n)::before{background:linear-gradient(180deg,rgba(124,92,252,0),rgba(124,92,252,.22) 50%,rgba(124,92,252,0))}.benefices li:nth-child(n+3)::after{background:linear-gradient(90deg,rgba(6,168,126,0),rgba(124,92,252,.22) 50%,rgba(124,92,252,0))}}

/* 25/10 (Paul) : bénéfices symétriques : même teinte partout (violet très léger), icônes identiques, sans halo */
.entete.accueil > .benefices{background:linear-gradient(180deg,#FCFBFF 0%,#FFFFFF 100%);box-shadow:0 1px 2px rgba(16,24,40,.04),0 28px 56px -38px rgba(91,72,214,.32)}
.entete.accueil > .benefices::before{background:linear-gradient(180deg,#DCD5FF,#E9E5FF)}
.entete.accueil > .benefices::after{display:none}
.benefices li+li::before{background:linear-gradient(180deg,rgba(124,92,252,0),rgba(124,92,252,.2) 50%,rgba(124,92,252,0))}
.benefices li:nth-child(n) .bf-ico{background:linear-gradient(135deg,#E7F7F0,#EFEBFF);color:#06A87E;box-shadow:inset 0 0 0 1px #DCD6FB}
.benefices li:nth-child(n):hover{background:rgba(239,235,255,.5)}
@media (max-width:900px){.benefices li:nth-child(2n)::before,.benefices li:nth-child(n+3)::after{background:rgba(124,92,252,.16)}}
.benefices li:nth-child(n) .bf-ico{background:linear-gradient(135deg,#F4F1FF,#EAE4FF);color:#7458F0;box-shadow:inset 0 0 0 1px #DCD3FF} /* 25/10 (Paul) : icônes violettes */

/* 27/10 (Paul) : deux formules au volume (1 ou 2 prospects vérifiés par semaine) */
.pwg-volumes{display:grid;gap:8px;margin:6px 0 14px}
.pwg-vol{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line,#E6E5E1);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pwg-vol:hover{border-color:#B9AEF0}
.pwg-vol input{position:absolute;opacity:0;pointer-events:none}
.pwg-vol:has(input:checked){border-color:#5B3FD6;box-shadow:0 0 0 3px rgba(91,63,214,.12)}
.pwg-vol:has(input:focus-visible){outline:2px solid #5B3FD6;outline-offset:2px}
.pwg-vol-prix{display:flex;flex-direction:column;min-width:78px}
.pwg-vol-prix b{font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--ink,#0b0b0b)}
.pwg-vol-prix small{font-size:11.5px;color:var(--muted,#85847f)}
.pwg-vol-txt{display:flex;flex-direction:column;font-size:13.5px;line-height:1.35}
.pwg-vol-txt b{font-weight:600;color:var(--ink,#0b0b0b)}
.pwg-vol-txt span{color:var(--ink-2,#52514e)}
/* 27/10 (Paul) : « Essai gratuit » en haut à droite (ramène au champ de l'accueil) */
.btn-abonner{display:inline-flex;align-items:center;font:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--acc);border:1px solid var(--acc);border-radius:999px;padding:7px 16px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:filter .15s}
.btn-abonner:hover{filter:brightness(1.08);color:#fff}
.btn-abonner[hidden]{display:none}
@media (max-width:720px){.btn-abonner{padding:6px 12px;font-size:13px}}
/* 27/10 (Paul) : fenêtre d'abonnement : la colonne de gauche met la veille en grand (radar animé, alerte qui arrive) */
.pw-grand .pwg-gauche{display:flex;flex-direction:column}
.pw-grand .pwg-gauche .pw-signal-label{align-self:flex-start}
.pwg-visuel{position:relative;height:230px;margin:0 0 22px;border-radius:20px;overflow:hidden;border:1px solid #DDEFE7;background:radial-gradient(circle at 50% 52%,#DFF5EC 0,#EEF9F4 38%,#F8FCFA 70%)}
.pwg-radar{position:absolute;left:50%;top:14px;width:150px;height:150px;transform:translateX(-50%)}
.pwg-radar i{position:absolute;display:block}
.pwg-onde{inset:0;border-radius:50%;border:1.5px solid rgba(4,128,101,.32);animation:pwg-onde 3s cubic-bezier(.2,.6,.3,1) infinite;opacity:0}
.pwg-onde:nth-child(2){animation-delay:1s}.pwg-onde:nth-child(3){animation-delay:2s}
@keyframes pwg-onde{0%{transform:scale(.22);opacity:.9}100%{transform:scale(1);opacity:0}}
.pwg-balayage{inset:8px;border-radius:50%;background:conic-gradient(from 0deg,rgba(4,128,101,.34),rgba(4,128,101,0) 70deg,transparent 360deg);animation:pwg-tourne 3.2s linear infinite}
@keyframes pwg-tourne{to{transform:rotate(360deg)}}
.pwg-centre{left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#048065;box-shadow:0 0 0 5px rgba(4,128,101,.18)}
.pwg-point{width:9px;height:9px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:pwg-ping 3.2s ease-out infinite}
.pwg-point.p1{left:72%;top:26%}.pwg-point.p2{left:22%;top:62%;animation-delay:1.1s}.pwg-point.p3{left:64%;top:74%;animation-delay:2.1s}
@keyframes pwg-ping{0%,70%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0);transform:scale(1)}8%{box-shadow:0 0 0 0 rgba(16,185,129,.55);transform:scale(1.35)}30%{box-shadow:0 0 0 12px rgba(16,185,129,0);transform:scale(1)}}
.pwg-notif{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);box-shadow:0 1px 2px rgba(17,19,24,.06),0 12px 30px -14px rgba(17,19,24,.35);animation:pwg-notif .7s cubic-bezier(.2,.8,.2,1) .5s both}
@keyframes pwg-notif{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.pwg-notif-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#10B981,#048065);color:#fff;font-style:normal}
.pwg-notif-ico svg{width:16px;height:16px;color:#fff}
.pwg-notif div{min-width:0;flex:1}
.pwg-notif b{display:block;font-size:13.5px;color:var(--ink)}
.pwg-notif span{display:block;font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwg-notif small{flex:none;align-self:flex-start;font-size:11.5px;color:#048065;font-weight:600}
.pw-grand .pwg-gauche h2{margin:0 0 10px;font-size:31px;line-height:1.12;letter-spacing:-.025em}
.pwg-sous{margin:0 0 22px;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.pw-grand .pwg-gauche .pw-signal-exclu{margin-top:auto}
@media (max-width:720px){.pwg-visuel{height:180px;margin-bottom:16px}.pwg-radar{width:110px;height:110px;top:12px}.pw-grand .pwg-gauche h2{font-size:24px}.pwg-sous{font-size:15px;margin-bottom:16px}}
@media (prefers-reduced-motion:reduce){.pwg-onde,.pwg-balayage,.pwg-point,.pwg-notif{animation:none;opacity:1}}
@media (max-width:720px){.pwg-notif{padding:8px 10px;gap:8px}.pwg-notif span{display:none}.pwg-notif b{white-space:nowrap;font-size:13px}.pwg-notif-ico{width:28px;height:28px}}
/* 27/10 (Paul) : fenêtre d'abonnement : la colonne de droite occupe sa hauteur (grand prix, essai, gros bouton vert) */
.pw-grand .pwg-droite-grande{justify-content:flex-start;gap:0;padding:44px 32px 26px}
.pwg-droite-grande .pwg-etq{margin:0 0 12px}
.pwg-tarif{padding:22px 22px 18px;border-radius:18px;background:#fff;border:1px solid #E3EEE9;box-shadow:0 1px 2px rgba(17,19,24,.04),0 16px 34px -22px rgba(4,128,101,.35)}
.pwg-tarif-prix{display:flex;align-items:baseline;gap:8px;margin:0}
.pwg-tarif-prix b{font-size:54px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--ink)}
.pwg-tarif-prix span{font-size:15px;color:var(--ink-2)}
.pwg-tarif-volume{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.pwg-tarif-volume b{color:var(--ink)}
.pwg-tarif-essai{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#E6F7F0,#EEF9F5);font-size:13.5px;color:#035E4B}
.pwg-tarif-essai svg{flex:none;width:15px;height:15px;color:#048065}
.pwg-tarif-essai b{color:#035E4B}
.pwg-droite-grande .pw-signal-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:22px;font-size:16.5px;border:0;border-radius:14px;background:linear-gradient(135deg,#0B9B78,#036B55);color:#fff;box-shadow:0 10px 26px -10px rgba(4,128,101,.65);transition:transform .15s ease,box-shadow .15s ease}
.pwg-droite-grande .pw-signal-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(4,128,101,.75)}
.pwg-droite-grande .pw-signal-cta svg{width:16px;height:16px}
.pwg-droite-grande .pwg-essai{margin:10px 0 0;text-align:center;font-size:13px;color:var(--ink-2)}
.pwg-droite-grande .pwg-zero{margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(17,19,24,.07);display:grid;gap:12px}
.pwg-droite-grande .pwg-zero li{font-size:14.5px}
.pwg-droite-grande .pwg-stripe{margin-top:auto;padding-top:18px}
@media (max-width:720px){.pw-grand .pwg-droite-grande{padding:22px 20px 20px}.pwg-tarif-prix b{font-size:44px}.pwg-droite-grande .pw-signal-cta{min-height:52px}}
.pwg-droite-grande .pwg-inclus{margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(17,19,24,.07);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.pwg-droite-grande .pwg-inclus + .pwg-zero{margin-top:12px;padding-top:0;border-top:0}
.pwg-droite-grande .pwg-zero li span b{color:var(--ink);font-weight:650}
.pwg-droite-grande .pwg-zero li{white-space:nowrap;align-items:center}
.pwg-droite-grande .pwg-zero li span{overflow:hidden;text-overflow:ellipsis}
/* 27/10 (Paul) : colonne de gauche sans vide : le visuel grandit pour occuper la place libre, le radar reste centré au-dessus de l'alerte */
.pw-grand .pwg-gauche .pwg-visuel{flex:1 1 230px;min-height:230px}
.pw-grand .pwg-gauche .pwg-radar{top:calc(50% - 32px);width:170px;height:170px;transform:translate(-50%,-50%)}
.pw-grand .pwg-gauche .pw-signal-exclu{margin-top:0}
@media (max-width:720px){.pw-grand .pwg-gauche .pwg-visuel{flex:none;height:180px;min-height:0}.pw-grand .pwg-gauche .pwg-radar{width:110px;height:110px;top:calc(50% - 26px)}}
/* 27/10 (Paul) : le titre au-dessus du radar */
.pw-grand .pwg-gauche h2{margin-top:2px}
.pw-grand .pwg-gauche .pwg-sous{margin-bottom:20px}
.pw-grand .pwg-gauche .pwg-visuel{margin:0 0 20px}
@media (max-width:720px){.pwg-notif span{display:block}}
.pwg-droite-grande .pwg-zero{min-width:0}.pwg-droite-grande .pwg-zero li{min-width:0}.pwg-droite-grande .pwg-zero li > span:not(.pwg-ico){min-width:0;flex:1}.pwg-droite-grande .pwg-zero li .pwg-ico{flex:none;overflow:visible}
/* 27/10 (Paul) : l argument de valeur sous la liste */
.pwg-droite-grande .pwg-valeur{margin:16px 0 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#E6F7F0,#EEF9F5);font-size:13.5px;font-weight:600;line-height:1.4;color:#035E4B;text-align:center}
.pw-grand .pwg-gauche .pwg-radar{top:calc(50% - 36px);width:140px;height:140px;transform:translate(-50%,-50%)}
/* 27/10 (Paul) : « Votre veille est active » : grand encart avec le radar, le prospect offert arrive */
.va-attente{margin:26px auto 0;max-width:560px;padding:30px 28px 24px;border:1px solid #CFEBE1;border-radius:22px;background:radial-gradient(circle at 50% 28%,#DFF5EC 0,#F2FBF7 52%,#fff 100%);box-shadow:0 1px 2px rgba(17,19,24,.04),0 22px 44px -28px rgba(4,128,101,.45);text-align:center}
.va-attente .pwg-radar.va-radar{position:relative;left:auto;top:auto;transform:none;width:150px;height:150px;margin:0 auto 16px}
.va-attente-etq{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:#E4F6F1;color:#047257;font-size:12.5px;font-weight:600}
.va-attente-etq i{width:8px;height:8px;border-radius:50%;background:#10B981;animation:va-pouls 1.6s ease-in-out infinite}
@keyframes va-pouls{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.5)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(16,185,129,0)}}
.va-attente h2{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.va-attente p{margin:0 auto;max-width:440px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.va-attente small{display:block;margin-top:14px;font-size:12.5px;color:#047257;font-weight:600}
@media (max-width:720px){.va-attente{padding:24px 18px 20px}.va-attente .pwg-radar.va-radar{width:120px;height:120px}.va-attente h2{font-size:22px}}
@media (prefers-reduced-motion:reduce){.va-attente-etq i{animation:none}}
/* 27/10 (Paul) : « Veille activée » avec une coche, à la place de l'étiquette et du titre */
.va-titre{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.va-coche{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#10B981,#048065);color:#fff;font-style:normal;box-shadow:0 8px 20px -10px rgba(4,128,101,.7)}
.va-coche svg{width:20px;height:20px}
@media (max-width:720px){.va-coche{width:32px;height:32px}.va-coche svg{width:17px;height:17px}}
.pwg-droite-grande .pwg-zero li.pwg-fort{white-space:normal;align-items:flex-start}.pwg-droite-grande .pwg-zero li.pwg-fort > span:not(.pwg-ico){overflow:visible;line-height:1.4}.pwg-droite-grande .pwg-zero li.pwg-fort .pwg-ico{margin-top:1px}
/* 27/10 (Paul) : liste Inclus : chaque point passe sur deux lignes si besoin, rien n est coupé */
.pwg-droite-grande .pwg-zero li{white-space:normal;align-items:flex-start}.pwg-droite-grande .pwg-zero li > span:not(.pwg-ico){overflow:visible;text-overflow:clip;line-height:1.4}.pwg-droite-grande .pwg-zero li .pwg-ico{margin-top:1px}
.va-attente-etq{margin-bottom:12px}
@media (max-width:720px){.va-titre{font-size:24px}}

/* 27/10 (Paul) : scopos.ai/abonnement : s'abonner directement (société, adresse, Stripe) */
.abo-direct{text-align:center}
.abo-direct h1 em{font-style:normal;color:var(--acc)}
.abo-direct .ad-sous{max-width:560px;margin:10px auto 0;color:var(--ink-2)}
.ad-carte{max-width:520px;margin:28px auto 0;padding:28px 26px 22px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--ombre-haute)}
.ad-lab{display:block;margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.ad-zone{margin:0 0 18px;max-width:none}
.ad-zone .champ{flex:1}
.ad-zone .champ input,.ad-mail{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;font:inherit;font-size:16px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.ad-zone .champ input:focus,.ad-mail:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.ad-zone .suggestions{top:calc(100% + 6px);left:0;right:0}
.ad-mail{margin:0 0 18px}
.ad-connecte{margin:0 0 18px;font-size:14px;color:var(--muted)}
.ad-prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;margin:4px 0 16px;padding:14px 16px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line)}
.ad-prix b{font-size:30px;letter-spacing:-.03em;color:var(--ink)}
.ad-prix span{color:var(--muted);font-size:14px}
.ad-prix em{flex-basis:100%;font-style:normal;font-size:13.5px;color:var(--acc);font-weight:600}
.ad-go{width:100%;justify-content:center;padding:15px 18px;font-size:16px}
.ad-carte .erreur{margin:12px 0 0}
.ad-inclus{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.ad-inclus li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.ad-inclus svg{flex:none;margin-top:2px;padding:3px;border-radius:50%;background:var(--acc-soft);color:var(--acc);width:14px;height:14px}
@media (max-width:560px){.ad-carte{padding:22px 18px 18px;border-radius:18px}}
.ad-go{background:linear-gradient(135deg,#0BC08F,#047257) !important;color:#fff !important;border:0 !important;box-shadow:0 12px 26px -14px rgba(4,114,87,.75)}
.ad-zone{position:relative;z-index:30}
.ad-zone .suggestions{z-index:40;max-height:340px;overflow:auto}
.ad-go{position:relative;z-index:1}
.ad-rappel{margin:-10px 0 18px;font-size:13.5px;color:var(--muted)}
.ad-rappel b{color:var(--ink);font-weight:600;word-break:break-all}
.ad-sans{margin:-8px 0 18px;font-size:13.5px}
.ad-sans .lien{color:var(--acc);font-weight:600}
.ad-lab small{font-weight:400;color:var(--muted)}
textarea.ad-mail{resize:vertical;min-height:84px;font-size:15px;line-height:1.5}
/* 29/10 (Paul) : fiche offerte d'un pro pas abonné : barre fixe vers l'essai et fenêtre après lecture */
.barre-essai{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:10px 10px 10px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px -16px rgba(17,19,24,.35);font-size:14px;font-weight:600;color:var(--ink)}
.barre-essai .btn{white-space:nowrap}
.relance-lecture{text-align:center}
.relance-lecture .rl-cta{margin-top:22px;width:100%;justify-content:center}
.relance-lecture .rl-prix{display:block;margin-top:10px;font-size:13px;color:var(--muted)}
.relance-lecture .rl-plus-tard{margin-top:14px;font-size:14px;color:var(--muted)}
body.avec-barre-essai{padding-bottom:90px}
@media (max-width:560px){.barre-essai{left:16px;right:16px;transform:none;width:auto;border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;text-align:center}.barre-essai .btn{justify-content:center}}
/* 29/10 (Paul) : « Vos futurs clients » : la liste voilée sous le prospect offert */
.voiles-agent{max-width:1120px;margin:28px auto 0;padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#F7FCFA)}
.voiles-agent .label{margin:0 0 8px}
.voiles-agent h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.voiles-agent h2 em{font-style:normal;color:var(--acc)}
.voiles-agent .vag-intro{margin:8px 0 0;color:var(--muted);font-size:14.5px;max-width:none}
.vag-liste{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.vag-liste li{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.vag-cadenas{display:inline-flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;border-radius:9px;background:var(--bg-soft);color:var(--muted)}
.vag-cadenas svg{width:15px;height:15px}
.vag-texte{display:grid;gap:2px;min-width:0}
.vag-nom{font-size:15px;color:var(--ink);filter:blur(5px);user-select:none}
.vag-texte small{font-size:13px;color:var(--muted)}
.vag-floute{filter:blur(4px);user-select:none}
.vag-cta{margin-top:18px}
.vag-prix{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
@media (max-width:560px){.voiles-agent{padding:20px 16px}.vag-cta{width:100%;justify-content:center}}
/* 29/10 (Paul) : la fenêtre d'abonnement sur une seule colonne */
.modale.pw-signal.pw-grand.pw-seule{max-width:470px;grid-template-columns:1fr}
.pw-seule .pwg-droite.pwg-droite-grande{border-left:0;padding:40px 32px 24px}
.pw-seule h2{margin:0 0 8px;padding-right:24px;font-size:27px;line-height:1.15;letter-spacing:-.025em}
.pw-seule .pwg-sous{margin:0 0 22px;font-size:15.5px;line-height:1.5}
.pw-seule .pw-signal-exclu{margin:18px 0 0}
@media (max-width:720px){.pw-seule .pwg-droite.pwg-droite-grande{padding:30px 20px 20px}.pw-seule h2{font-size:23px}}

/* 29/10 (Paul) : la démo vidéo : bouton « Démo » de l'en-tête (l'inverse d'« Essai gratuit » : blanc, texte et bord verts), miniature sous « Pas de SIREN ? », fenêtre de lecture */
.btn-demo{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:600;color:var(--acc);background:#fff;border:1px solid var(--acc);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background .15s}
.btn-demo:hover{background:#f1faf6}
.btn-demo svg{display:block}
@media (max-width:720px){.btn-demo{padding:6px 10px;font-size:13px}}
.demo-mini-zone{display:flex;justify-content:center;width:100%;max-width:600px;margin:12px auto 0}
.demo-mini{display:block;font:inherit;background:none;border:0;padding:0;border-radius:12px;cursor:pointer;transition:transform .15s}
.demo-mini:hover{transform:translateY(-1px)}
.demo-mini:hover .dm-play{transform:scale(1.08)}
.dm-img{position:relative;display:block;width:600px;max-width:calc(100vw - 48px);aspect-ratio:16/9;height:auto;border-radius:12px;overflow:hidden;background:#0b0b0b;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.dm-img img{display:block;width:100%;height:100%;object-fit:cover}
.dm-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;transition:transform .15s;border-radius:50%;background:rgba(255,255,255,.92);color:var(--acc);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.dm-play svg{display:block;margin-left:4px;width:32px;height:32px}
.demo-fond{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.demo-fen{position:relative;width:100%;max-width:960px}
.demo-fen video{display:block;width:100%;border-radius:16px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.demo-x{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer}
.demo-x:hover{background:rgba(255,255,255,.28)}
.pwg-tarif-puis{margin:6px 0 0;font-size:11.5px;color:#a8a7a2}.pwg-tarif-puis b{color:#a8a7a2;font-weight:500} /* 29/10 (Paul) : « 0 € aujourd'hui, puis 79 € HT / mois si vous continuez » */
.ad-prix .ad-puis{flex-basis:100%;font-size:11.5px;color:#a8a7a2} /* 29/10 (Paul) : comme le paywall */
.ad-essai{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.entete.accueil.abo-direct > p.label.label-veille{font-size:11.5px !important;padding:6px 14px 6px 10px;letter-spacing:.14em;gap:7px} /* 29/10 (Paul) : l'étiquette « Veille quotidienne » de la page d'abonnement, plus petite */
.entete.accueil.abo-direct > p.label.label-veille .lv-radar svg{width:17px;height:17px}
@media (max-width:720px){.entete.accueil.abo-direct > p.label.label-veille{font-size:10px !important}}
.va-abo small.va-abo-prix{display:block;margin-top:4px;font-size:11.5px;color:#a8a7a2} /* 29/10 (Paul) : comme le paywall, le prix en petit */
/* 29/10 (Paul) : page d'attente : pastille « Adresse confirmée », grand titre « Scopos cherche votre premier client » */
.veille-active .va-confirme{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:5px 14px 5px 6px;border-radius:999px;background:#EAF7F1;border:1px solid #CFEBE1;color:#047257;font-size:13px;font-weight:600}
.veille-active .va-confirme .va-coche{width:22px;height:22px;box-shadow:none}
.veille-active .va-confirme .va-coche svg{width:13px;height:13px}
.veille-active .va-confirme + h1.va-titre{display:block;margin:0 0 22px;font-size:46px;line-height:1.05;font-weight:700;letter-spacing:-.035em;text-align:center}
.veille-active .va-confirme + h1.va-titre em{font-style:normal;color:var(--acc)}
@media (max-width:720px){.veille-active .va-confirme + h1.va-titre{font-size:31px}}
/* 29/10 (Paul) : page d'attente : étapes qui se cochent, rappel des indésirables, bouton « vérifiez votre activité » */
.va-etapes{list-style:none;margin:18px auto 4px;padding:14px 16px;max-width:380px;display:grid;gap:10px;text-align:left;background:rgba(255,255,255,.75);border:1px solid #E1F1EA;border-radius:14px}
.va-etapes li{display:flex;align-items:center;gap:11px;font-size:14px;color:#a8a7a2;animation:vaEtapeTexte .3s ease var(--s) forwards}
.va-e-ic{position:relative;flex:none;width:20px;height:20px;border-radius:50%;border:1.6px solid #D9DEDB;display:grid;place-items:center;font-style:normal}
.va-e-ic svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.4)}
.va-e-sp{position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--acc);border-right-color:var(--acc);opacity:0;animation:vaTourne .8s linear infinite,vaActif var(--d) linear var(--s) forwards}
.va-etapes li .va-e-ic{animation:vaRond .35s ease var(--f) forwards}
.va-etapes li .va-e-ic svg{animation:vaCoche .35s ease var(--f) forwards}
@keyframes vaEtapeTexte{to{color:var(--ink)}}
@keyframes vaTourne{to{transform:rotate(360deg)}}
@keyframes vaActif{0%,99.9%{opacity:1}100%{opacity:0}}
@keyframes vaRond{to{background:var(--acc);border-color:var(--acc)}}
@keyframes vaCoche{to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.va-e-sp{animation:vaActif var(--d) linear var(--s) forwards}}
.va-spam{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;font-size:12.5px;color:#85847f}
.va-spam svg{flex:none;width:14px;height:14px;color:#a8a7a2}
.va-verif{display:flex;align-items:center;gap:14px;max-width:520px;margin:16px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;text-align:left;box-shadow:0 1px 2px rgba(17,19,24,.04),0 10px 26px -18px rgba(17,19,24,.25);transition:transform .15s,box-shadow .15s,border-color .15s}
.va-verif:hover{transform:translateY(-1px);border-color:#CFEBE1;box-shadow:0 1px 2px rgba(17,19,24,.04),0 14px 30px -18px rgba(4,128,101,.4)}
.va-verif-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#EAF7F1;color:var(--acc)}
.va-verif-txt{flex:1;display:grid;gap:2px}
.va-verif-txt b{font-size:15px;font-weight:600}
.va-verif-txt small{font-size:13px;color:#85847f}
.va-verif > svg{flex:none;color:var(--acc)}
.veille-active .va-sous-titre{margin:-8px 0 0;font-size:17px;color:var(--ink-2)} /* 29/10 (Paul) : sous-titre de la page d'attente */
.veille-active .va-etapes{margin-top:4px}
.va-spam b{font-weight:600;color:#5f5e5a}
.veille-active .va-abo,.veille-active .va-verif{max-width:560px} /* 29/10 (Paul) : les trois encarts de la page d'attente à la même largeur */
/* 29/10 (Paul) : page d'attente : plus de grand fond vert ; une carte blanche comme celles du dessous, le radar à gauche, les étapes à droite */
.veille-active .va-attente{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(17,19,24,.04),0 10px 26px -18px rgba(17,19,24,.25);text-align:left}
.veille-active .va-attente .pwg-radar.va-radar{flex:none;width:104px;height:104px;margin:0}
.veille-active .va-attente .va-etapes{flex:1;min-width:220px;margin:0;padding:0;max-width:none;background:none;border:0;border-radius:0}
.veille-active .va-attente .va-spam{flex-basis:100%;justify-content:flex-start;margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:520px){.veille-active .va-attente{justify-content:center}.veille-active .va-attente .pwg-radar.va-radar{width:88px;height:88px}}
.veille-active .va-attente .pwg-radar.va-radar{border-radius:50%;background:radial-gradient(circle,#DDF3EA 0,#EEF9F4 55%,#F7FCFA 70%,rgba(255,255,255,0) 71%)}
.veille-active .va-attente .va-etapes{order:1}.veille-active .va-attente .pwg-radar.va-radar{order:2}.veille-active .va-attente .va-spam{order:3} /* 29/10 (Paul) : étapes à gauche, radar à droite */
/* 29/10 (Paul) : carte des étapes plus soignée : fil vertical qui se colore, texte plus aéré, radar avec halo ; sur mobile, radar en haut à droite */
.veille-active .va-attente{position:relative;padding:22px 26px}
.veille-active .va-attente .va-etapes{gap:16px}
.veille-active .va-attente .va-etapes li{position:relative;font-size:15px;gap:13px}
.veille-active .va-attente .va-etapes li:not(:last-child)::after{content:"";position:absolute;left:10px;top:25px;bottom:-14px;width:2px;border-radius:2px;background:#E3E8E5;animation:vaFil .4s ease var(--f) forwards}
@keyframes vaFil{to{background:var(--acc)}}
.veille-active .va-attente .va-e-ic{width:22px;height:22px}
.veille-active .va-attente .pwg-radar.va-radar{width:118px;height:118px;box-shadow:0 0 0 8px rgba(234,247,241,.55),0 10px 30px -12px rgba(4,128,101,.35)}
@media (max-width:520px){
  .veille-active .va-attente{display:block;padding:20px 18px}
  .veille-active .va-attente .pwg-radar.va-radar{position:absolute;top:16px;right:14px;width:62px;height:62px;box-shadow:0 0 0 5px rgba(234,247,241,.55)}
  .veille-active .va-attente .va-etapes{padding-right:64px}
  .veille-active .va-attente .va-etapes li{font-size:14px}
  .veille-active .va-attente .va-spam{margin-top:14px}
}
.veille-active .va-attente .va-etapes li{align-items:flex-start}.veille-active .va-attente .va-etapes li > span{padding-top:1px;line-height:1.35}
/* 29/10 (Paul) : carte des étapes : barre de progression en haut, en-tête « Votre agent travaille », cartes harmonisées */
.veille-active .va-attente,.veille-active .va-abo,.veille-active .va-verif{border-radius:18px}
.veille-active .va-attente{overflow:hidden;padding-top:20px}
.veille-active .va-attente::before{content:"";position:absolute;top:0;left:0;height:3px;width:6%;background:linear-gradient(90deg,#34D399,#048065);border-radius:0 3px 3px 0;animation:vaBarre 90s cubic-bezier(.12,.7,.25,1) forwards}
@keyframes vaBarre{to{width:92%}}
.veille-active .va-direct{order:0;flex-basis:100%;display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#047257}
.veille-active .va-direct i{width:7px;height:7px;border-radius:50%;background:#10B981;animation:va-pouls 1.6s ease-in-out infinite}
.veille-active .va-attente .pwg-radar.va-radar{box-shadow:0 0 0 6px rgba(234,247,241,.45)}
@media (prefers-reduced-motion:reduce){.veille-active .va-attente::before{animation:none;width:60%}}
@media (max-width:520px){.veille-active .va-direct{margin-bottom:12px}.veille-active .va-attente .pwg-radar.va-radar{top:14px}}
.veille-active .va-attente::before{content:none;display:none} /* 29/10 (Paul) : plus de barre de progression */
.va-abo .va-abo-zero{margin:8px 0 0;font-size:13.5px;color:#4A4560}.va-abo .va-abo-zero strong{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#4B2FD6;margin-right:3px} /* 29/10 (Paul) : 0 € aujourd'hui mis en avant */
.va-abo small.va-abo-prix{margin-top:1px}
.va-abo mark.va-deux{display:inline-block;margin:0 1px;padding:1px 8px;border-radius:8px;background:#4B2FD6;color:#fff;font-weight:700} /* 29/10 (Paul) : « 2 clients potentiels » mis en avant */
/* 29/10 (Paul) : encart d'abonnement de la page d'attente redessiné */
.veille-active .va-abo.va-abo2{display:block;padding:20px 22px;border:1px solid #DED5FF;background:linear-gradient(135deg,#F6F2FF 0%,#EFE9FF 100%);box-shadow:0 1px 2px rgba(17,19,24,.04),0 14px 32px -22px rgba(75,47,214,.45)}
.va-abo2 .va-abo-etq{display:block;margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7A63E8}
.va-abo2 .va-abo-titre{display:block;margin:0;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:#1E1648}
.va-abo2 mark.va-deux{display:inline;margin:0;padding:0 2px;border-radius:0;color:#4B2FD6;font-weight:800;background:linear-gradient(transparent 62%,#D9CEFF 62%)}
.va-abo2 .va-abo-sous{display:block;margin:4px 0 0;font-size:14px;color:#4A4560}
.va-abo2 .va-abo-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #E2DAFF}
.va-abo2 .va-abo-zero{margin:0;font-size:14px;color:#4A4560}
.va-abo2 .va-abo-zero strong{font-size:26px;margin-right:4px}
.va-abo2 .va-abo-btn{display:inline-flex;align-items:center;gap:8px}
@media (max-width:520px){.va-abo2 .va-abo-titre{font-size:19px}.va-abo2 .va-abo-btn{width:100%;justify-content:center}}
/* 29/10 (Paul) : encart d'abonnement, version 2 : pas de surlignage, « 2 clients potentiels » en dégradé violet, prix et bouton plus nets */
.va-abo2 mark.va-deux{background:linear-gradient(92deg,#7C5CFF,#4B2FD6);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0;font-weight:800}
.va-abo2 .va-abo-etq{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:rgba(124,92,255,.12);margin-bottom:10px}
.va-abo2 .va-abo-etq::before{content:"✦";font-size:11px}
.va-abo2 .va-abo-titre{font-size:24px}
.va-abo2 .va-abo-bas{margin-top:18px;padding-top:16px;border-top:1px dashed #D9CEFF}
.va-abo2 .va-abo-zero strong{font-size:30px;letter-spacing:-.03em}
.va-abo2 .va-abo-btn{padding:12px 22px;font-size:15px;border-radius:12px;background:linear-gradient(135deg,#7C5CFF,#4B2FD6);box-shadow:0 10px 22px -10px rgba(75,47,214,.7)}
.va-abo2 .va-abo-btn:hover{filter:brightness(1.06)}
@media (max-width:520px){.va-abo2 .va-abo-titre{font-size:20px}}
.modale .modale-invit{margin:4px 0 18px;font-size:15px;line-height:1.55;color:var(--ink-2)} /* 30/10 (Paul) : la fenêtre du lien d'inscription directe */
/* 30/10 (Paul) : l'encart d'essai sous la fiche, version premium : vert profond, halos lumineux, fine grille, étiquette, garanties cochées, bouton blanc */
.essai-signal.essai2{position:relative;overflow:hidden;isolation:isolate;padding:40px 32px 34px;border-radius:24px;background:radial-gradient(120% 90% at 50% -10%,#1F6B51 0%,#124434 45%,#0B2E23 100%);box-shadow:0 30px 60px -30px rgba(6,40,30,.65),0 0 0 1px rgba(255,255,255,.06) inset}
.essai-signal.essai2:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%)}
.essai-signal.essai2:after{content:"";position:absolute;z-index:-1;left:50%;top:-140px;width:520px;height:280px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(52,211,153,.35),rgba(52,211,153,0));filter:blur(8px)}
.essai-signal.essai2 .es-etiquette{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:5px 12px;border:1px solid rgba(167,243,208,.28);border-radius:999px;background:rgba(255,255,255,.06);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A7F3D0}
.essai-signal.essai2 .es-etiquette:before{content:"";width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 4px rgba(52,211,153,.22)}
.essai-signal.essai2 h3{font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-.03em;color:#fff}
.essai-signal.essai2 h3 em{font-style:normal;background:linear-gradient(90deg,#6EE7B7,#A7F3D0);-webkit-background-clip:text;background-clip:text;color:transparent}
.essai-signal.essai2 p{margin:12px auto 20px;max-width:46ch;font-size:15.5px;line-height:1.55;color:#CDEBDF}
.essai-signal.essai2 .es-garanties{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 0 24px;padding:0;list-style:none}
.essai-signal.essai2 .es-garanties li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#E7F6EF}
.essai-signal.essai2 .es-garanties svg{flex:none;padding:3px;border-radius:50%;background:rgba(52,211,153,.2);color:#6EE7B7}
.essai-signal.essai2 .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:14px;font-size:16px;font-weight:700;background:#fff;color:#0B3B2C;box-shadow:0 14px 30px -12px rgba(0,0,0,.45),0 0 0 4px rgba(255,255,255,.08);transition:transform .15s,box-shadow .15s}
.essai-signal.essai2 .btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.1)}
.essai-signal.essai2 small{margin-top:14px;font-size:12.5px;color:#9FCDBB}
@media (max-width:560px){.essai-signal.essai2{padding:32px 20px 28px;border-radius:20px}.essai-signal.essai2 h3{font-size:24px}.essai-signal.essai2 .es-garanties{flex-direction:column;align-items:center;gap:8px}.essai-signal.essai2 .btn{width:100%;justify-content:center;box-sizing:border-box}}
/* 30/10 (Paul) : sur la fiche d'un prospect, pas de bouton « Démo » dans l'en-tête (la personne a déjà son prospect sous les yeux) */
body:has(.fiche-detail) #entete-demo{display:none}
/* 30/10 (Paul) : les deux formules côte à côte (paywall et page /abonnement) : Essentiel mis en avant */
.fv-cartes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 12px;text-align:left}
.fv-carte{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border:1px solid var(--line,#E4E7EC);border-radius:16px;background:#fff;font:inherit;color:inherit;text-align:left}
button.fv-carte{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
button.fv-carte:hover{transform:translateY(-1px)}
.fv-carte.phare{border-color:#9FD9C4;box-shadow:0 10px 26px -18px rgba(4,114,87,.6)}
.fv-carte.choisie{border:2px solid #047257;box-shadow:0 0 0 4px rgba(4,114,87,.10),0 10px 26px -18px rgba(4,114,87,.6);padding:17px 15px 15px}
.fv-badge{position:absolute;top:-10px;left:14px;padding:3px 9px;border-radius:999px;background:#047257;color:#fff;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em}
.fv-nom{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#047257}
.fv-rythme{margin:0;font-size:16px;line-height:1.3;font-weight:700;color:var(--ink,#101828)}
.fv-prix{display:flex;align-items:baseline;gap:6px;margin:6px 0 0}
.fv-prix b{font-size:28px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--ink,#101828)}
.fv-prix span{font-size:13px;color:var(--muted,#667085)}
.fv-puis{margin:0;font-size:12.5px;color:#98A2B3}
.fv-plus{display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none}
.fv-plus li{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.35;color:#344054}
.fv-plus svg{flex:none;margin-top:1px;color:#047257}
.fv-cta{margin-top:auto;justify-content:center;width:100%;box-sizing:border-box;padding-top:11px;padding-bottom:11px}
.fv-carte .fv-cta{margin-top:12px}
@media (max-width:520px){.fv-cartes{grid-template-columns:1fr}}
/* 30/10 (Paul) : la relance par courrier (J+20, J+40) : prochaine date, ou « À relancer » avec le bouton */
.fiche .fs-corps .fs-relance-prochaine{margin:8px 0 0;font-size:13px;color:#667085}
.fiche .fs-corps .fs-relance-due{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border:1px solid #F5D9A8;border-radius:14px;background:#FFF8EB}
.fiche .fs-corps .fs-relance-due>div{flex:1 1 220px;display:grid;gap:2px}
.fiche .fs-corps .fs-relance-due b{font-size:14.5px;color:#101828}
.fiche .fs-corps .fs-relance-due small{font-size:12.5px;color:#7A5B1F}
.fs-badge-relance{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#B54708;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
/* 30/10 (Paul) : quand la lettre est prête, elle passe avant les contacts (« Autres moyens de le joindre ») */
.fiche.lettre-d-abord .fs-corps > *{order:3}
.fiche.lettre-d-abord .fs-corps > .fs-lecture{order:0}
.fiche.lettre-d-abord .fs-corps > .fs-courriel{order:1}
.fiche.lettre-d-abord .fs-corps > .fs-contacts{order:2}
/* 30/10 (Paul) : le paywall s'élargit pour les deux formules côte à côte */
.modale.pw-signal.pw-grand.pw-seule{max-width:640px;width:calc(100vw - 32px)}
.pw-seule .pwg-droite.pwg-droite-grande{min-width:0}
.pw-seule .fv-cartes{margin:6px 0 10px}
/* 30/10 (Paul) : cartes v2 : la cadence en grand, la lettre en bandeau aussi visible, 3 avantages ; le Pro mis en avant en violet léger */
.fv-cartes{gap:14px;align-items:stretch}
.fv-carte{gap:10px;padding:22px 18px 18px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.fv-nom{font-size:12px;letter-spacing:.1em;color:#475467}
.fv-cadence{display:flex;align-items:center;gap:10px;margin:2px 0 0}
.fv-cadence>b{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#101828}
.fv-cadence>span{font-size:14px;line-height:1.25;font-weight:600;color:#101828}
.fv-cadence em{font-style:normal;font-weight:700;color:#047257}
.fv-lettre{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ECFDF3;border:1px solid #CBEFDC}
.fv-lettre i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:#047257;box-shadow:0 1px 3px rgba(16,24,40,.08)}
.fv-lettre span{display:grid;font-size:12px;line-height:1.35;color:#475467}
.fv-lettre b{font-size:13.5px;color:#101828}
.fv-prix{margin:4px 0 0}
.fv-prix b{font-size:30px}
.fv-puis{font-size:12.5px;color:#667085}
.fv-puis b{color:#344054}
.fv-plus{gap:6px;margin:4px 0 0;padding-top:10px;border-top:1px dashed #E4E7EC}
.fv-plus li{font-size:12.5px}
/* le Pro : violet léger */
.fv-carte.phare{border:1px solid #D5C8FF;background:linear-gradient(160deg,#FBF9FF 0%,#F2EDFF 100%);box-shadow:0 14px 34px -22px rgba(91,59,232,.55)}
.fv-carte.phare .fv-nom{color:#5B3BE8}
.fv-carte.phare .fv-cadence em{color:#5B3BE8}
.fv-carte.phare .fv-lettre{background:#fff;border-color:#E2DAFF}
.fv-carte.phare .fv-lettre i{background:linear-gradient(150deg,#8B6DFF,#5B3BE8);color:#fff;box-shadow:0 6px 14px -8px rgba(91,59,232,.8)}
.fv-carte.phare .fv-plus{border-top-color:#E2DAFF}
.fv-carte.phare .fv-plus svg{color:#5B3BE8}
.fv-carte.phare .fv-badge{background:linear-gradient(90deg,#7C5CFF,#5B3BE8);box-shadow:0 6px 14px -8px rgba(91,59,232,.9)}
.fv-carte:not(.phare) .fv-badge{background:#047257}
/* sélection (page /abonnement) : vert pour l'Essentiel, violet pour le Pro */
.fv-carte.choisie{border:2px solid #047257;padding:21px 17px 17px;box-shadow:0 0 0 4px rgba(4,114,87,.10)}
.fv-carte.phare.choisie{border-color:#6E4DFA;box-shadow:0 0 0 4px rgba(110,77,250,.14),0 14px 34px -22px rgba(91,59,232,.6)}
/* boutons du paywall : le Pro en violet */
.fv-carte .fv-cta-pro{background:linear-gradient(180deg,#6E4DFA,#4B2FD6);border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px rgba(75,47,214,.85)}
.fv-carte .fv-cta-pro:hover{background:linear-gradient(180deg,#5F3EEF,#3F25C2)}
/* 30/10 (Paul) : page /abonnement : le bouton suit la formule choisie (violet pour le Pro) */
.ad-carte.formule-pro .ad-go{background:linear-gradient(135deg,#7C5CFF,#4B2FD6) !important;box-shadow:0 12px 26px -12px rgba(75,47,214,.8)}
.ad-carte.formule-pro .ad-go:hover{background:linear-gradient(135deg,#6E4DFA,#3F25C2) !important}
@media (max-width:520px){.fv-carte.phare{order:-1}} /* 30/10 (Paul) : sur téléphone, le Pro (recommandé) en premier */
/* 30/10 (Paul, « trop étriqué ») : le formulaire d'abonnement s'élargit pour les deux formules, plus d'air dans les cartes */
.ad-carte{max-width:680px;padding:32px 32px 26px}
.ad-carte .fv-cartes{gap:18px;margin:12px 0 20px}
.ad-carte .fv-carte{padding:26px 22px 22px;gap:12px}
.ad-carte .fv-carte.choisie{padding:25px 21px 21px}
.ad-carte .fv-lettre{padding:12px 14px}
.ad-carte .fv-puis{white-space:nowrap}
@media (max-width:560px){.ad-carte{padding:22px 18px 18px}.ad-carte .fv-puis{white-space:normal}}
/* 30/10 (Paul) : la cadence en grand : « 2 / semaine », « 1 / jour » */
.fv-cadence{align-items:baseline;gap:6px;margin:4px 0 0}
.fv-cadence>b{font-size:46px}
.fv-cadence>em{font-style:normal;font-size:26px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#047257}
.fv-carte.phare .fv-cadence>em{color:#5B3BE8}
.fv-unite{margin:-4px 0 2px;font-size:13.5px;font-weight:600;color:#475467}
/* 30/10 (Paul, « plus joli, plus concis ») : le bandeau lettre en une ligne de titre et une ligne de preuve, plus compact */
.fv-lettre{gap:12px;padding:10px 14px 10px 10px;border-radius:14px}
.fv-lettre i{width:32px;height:32px;border-radius:10px}
.fv-lettre span{gap:1px;white-space:nowrap}
.fv-lettre b{font-size:14.5px;letter-spacing:-.01em}
.fv-lettre span{font-size:12.5px;font-weight:500}
@media (max-width:420px){.fv-lettre span{white-space:normal}}
/* 30/10 (Paul) : sous le bouton : paiement sécurisé et résiliation facile */
.pwg-confiance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:#667085}
.pwg-confiance svg{flex:none;width:13px;height:13px}

/* 31/10 (Paul) : encart « Une lettre sur son bureau » (paywall + /abonnement) ; la ligne Stripe bien centrée sous le bouton */
.lb-encart{margin:22px 0 0;padding:18px 18px 14px;border-radius:16px;background:linear-gradient(160deg,#F6F3FF 0%,#FBFAFF 100%);border:1px solid rgba(124,92,255,.18);text-align:left}
.lb-tete{display:flex;align-items:center;gap:12px}
.lb-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#6D4AFF;box-shadow:0 6px 16px -10px rgba(109,74,255,.6)}
.lb-tete > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lb-titre{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.lb-sous{font-size:13px;color:#6D4AFF;font-weight:600}
.lb-pourquoi{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.lb-chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0}
.lb-chiffres > div{display:flex;flex-direction:column;gap:3px;padding:10px 10px 11px;border-radius:12px;background:#fff;border:1px solid rgba(124,92,255,.12)}
.lb-chiffres strong{font-size:20px;font-weight:800;color:#5B3BEF;line-height:1;letter-spacing:-.02em}
.lb-chiffres span{font-size:12px;line-height:1.35;color:var(--ink-2)}
.lb-source{display:block;margin-top:8px;font-size:11px;color:var(--muted);text-align:right}
@media (max-width:520px){.lb-chiffres{grid-template-columns:1fr}.lb-chiffres{gap:6px}.lb-chiffres > div{flex-direction:row;align-items:center;gap:12px;padding:9px 12px}.lb-chiffres strong{min-width:62px;font-size:19px;white-space:nowrap}}
.pwg-confiance,.ad-essai.pwg-confiance{display:block;width:100%;max-width:none;text-align:center}.pwg-confiance svg{display:inline-block;vertical-align:-2px;margin-right:6px}

/* 31/10 (Paul) : la cadence lisible d'un coup : le nombre et « clients potentiels » ensemble, le rythme en pastille */
.fv-qte{display:flex;align-items:center;gap:12px;margin:6px 0 0}
.fv-qte>b{font-size:52px;line-height:.9;font-weight:800;letter-spacing:-.04em;color:#047257}
.fv-qte>span{font-size:19px;line-height:1.12;font-weight:750;letter-spacing:-.015em;color:#101828}
.fv-carte.phare .fv-qte>b{color:#5B3BE8}
.fv-rythme{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:10px 0 2px;padding:6px 12px;border-radius:999px;font-size:13.5px;font-weight:700;background:#E7F8F0;color:#047257}
.fv-rythme svg{flex:none}
.fv-carte.phare .fv-rythme{background:#EDE8FF;color:#5B3BE8}
.fv-qte{gap:6px 10px;flex-wrap:wrap;margin-bottom:6px}
.fv-qte>em{font-style:normal;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#047257;white-space:nowrap}
.fv-carte.phare .fv-qte>em{color:#5B3BE8}
/* 31/10 (Paul) : « / semaine » sur la ligne de « potentiels », un peu plus petit */
.fv-qte>span>em{font-style:normal;font-size:16px;font-weight:800;letter-spacing:-.01em;color:#047257;white-space:nowrap;margin-left:3px}
.fv-carte.phare .fv-qte>span>em{color:#5B3BE8}
/* 31/10 (Paul) : « clients potentiels » plus petit, « / semaine » et « / jour » plus gros */
.fv-qte>span{font-size:15px;line-height:1.2;font-weight:650;color:#344054}
.fv-qte>span>em{font-size:22px;letter-spacing:-.02em;margin-left:4px}
/* 31/10 (Paul) : titre du paywall plus gros */
.pw-seule h2#formules-titre{font-size:34px;line-height:1.1;letter-spacing:-.03em}
@media (max-width:720px){.pw-seule h2#formules-titre{font-size:28px}}

/* 31/10 (Paul) : hero « Scopos trouve vos futurs clients / et leur écrit pour vous » : plus long, donc un peu plus petit ; la phrase qui rassure dessous */
.entete.accueil h1.titre-lundi.tl-long{font-size:clamp(30px,4.7vw,50px);line-height:1.08;gap:.06em}
.titre-lundi.tl-long .tl-coeur{font-size:1em;white-space:normal}
.entete.accueil .tl-sous{margin:14px auto 0;max-width:34em;text-align:center;font-size:clamp(15px,1.6vw,18px);line-height:1.45;color:var(--ink-2);font-weight:500}
.titre-lundi .tl-nw{white-space:nowrap}
/* 31/10 (Paul) : « 0 € aujourd'hui » un peu plus grand */
.fv-prix{margin:8px 0 2px;gap:8px}
.fv-prix b{font-size:38px}
.fv-prix span{font-size:15px;font-weight:500}

/* 31/10 (Paul) : la phrase sous le titre : discrète, sans boîte, une petite enveloppe verte */
.entete.accueil p.tl-sous{display:flex;align-items:center;justify-content:center;gap:9px;margin:16px auto 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:15.5px;line-height:1.4;font-weight:450;color:#667085;max-width:36em}
.entete.accueil p.tl-sous i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#E7F8F0;color:#047257}
.entete.accueil p.tl-sous b{font-weight:650;color:#047257}
@media (max-width:480px){.entete.accueil p.tl-sous{font-size:14px;gap:8px;text-align:left;max-width:300px}}
/* 31/10 (Paul) : l'étiquette « Veille quotidienne » de l'accueil, plus petite et plus discrète */
.entete.accueil > p.label.label-veille{font-size:11px !important;letter-spacing:.14em;gap:7px;padding:5px 12px 5px 9px;border-color:rgba(4,114,87,.12);background:rgba(228,246,241,.45);box-shadow:none;color:#3F8F74}
.entete.accueil > p.label.label-veille .lv-radar svg{width:15px;height:15px}
@media (max-width:720px){.entete.accueil > p.label.label-veille{font-size:10px !important}}

/* 31/10 (Paul) : l'enveloppe de l'encart lettre, à côté de « une vraie lettre » */
.titre-lundi.tl-long .tl-ligne2{display:flex;align-items:center;justify-content:center;gap:.28em}
.tl-env{flex:none;display:block;font-style:normal;transform:rotate(-8deg);filter:drop-shadow(0 10px 16px rgba(4,114,87,.22));animation:l2-flotte 5s ease-in-out infinite}
.tl-env svg{display:block;width:1.5em;height:auto}
@media (prefers-reduced-motion:reduce){.tl-env{animation:none}}
@media (max-width:480px){.titre-lundi.tl-long .tl-ligne2{flex-wrap:wrap;row-gap:0}.tl-env svg{width:1.25em}}
.titre-lundi.tl-long .tl-ligne2{display:block;position:relative}
.titre-lundi.tl-long .tl-env{position:absolute;left:100%;top:50%;margin:-.56em 0 0 .38em}
@media (max-width:480px){.titre-lundi.tl-long .tl-env{position:static;width:max-content;margin:.12em auto 0}.tl-env svg{width:1.35em}}
@media (max-width:480px){.entete.accueil p.tl-sous{text-align:center;max-width:320px;margin-top:10px}}
.pw-seule h2#formules-titre{margin-bottom:20px}

/* 31/10 (Paul) : retour au titre d'avant ; la tagline « et leur envoie une vraie lettre » avec l'enveloppe illustrée */
.entete.accueil p.tl-sous.tl-tagline{gap:14px;margin-top:14px;font-size:clamp(19px,2.2vw,24px);font-weight:600;letter-spacing:-.015em;color:var(--ink-2,#344054);max-width:none}
.tl-tagline .tl-env svg{width:52px}
@media (max-width:480px){.entete.accueil p.tl-sous.tl-tagline{max-width:none;gap:10px}.tl-tagline .tl-env svg{width:42px}}
@media (max-width:480px){.entete.accueil p.tl-sous.tl-tagline{font-size:17px;gap:8px}.tl-tagline > span{white-space:nowrap}.tl-tagline .tl-env svg{width:34px}}
@media (max-width:360px){.entete.accueil p.tl-sous.tl-tagline{font-size:15.5px;gap:6px}.tl-tagline .tl-env svg{width:28px}}
/* 31/10 (Paul) : la tagline en italique à empattements, élégante sans en faire trop (polices déjà présentes sur les appareils : rien à télécharger) */
.entete.accueil p.tl-sous.tl-tagline{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:.005em;font-size:clamp(21px,2.5vw,28px);color:#344054}
@media (max-width:480px){.entete.accueil p.tl-sous.tl-tagline{font-size:19px}}
@media (max-width:360px){.entete.accueil p.tl-sous.tl-tagline{font-size:17px}}
/* 31/10 (Paul) : Palatino trop « calligraphie » : Georgia italique, plus sobre */
.entete.accueil p.tl-sous.tl-tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,2.2vw,24px);color:#475467}
@media (max-width:480px){.entete.accueil p.tl-sous.tl-tagline{font-size:17px}}
@media (max-width:360px){.entete.accueil p.tl-sous.tl-tagline{font-size:15.5px}}
.entete.accueil p.tl-sous.tl-tagline > span{-webkit-text-stroke:.45px currentColor;paint-order:stroke fill}.entete.accueil p.tl-sous.tl-tagline{color:#344054} /* 31/10 (Paul) : un peu plus gras (Georgia n existe qu en normal et gras : léger contour) */

/* 31/10 (Paul) : accueil, section « Ce que vous recevez » : l'encart des bénéfices de la lettre postale sous les exemples */
.recevez-lettre{max-width:760px;margin:30px auto 0}
.recevez-lettre .lb-encart{margin:0;padding:22px 24px 16px}
@media (min-width:760px){.recevez-lettre .lb-titre{font-size:19px}.recevez-lettre .lb-pourquoi{font-size:15px}}
/* 31/10 (Paul) : même largeur que les cartes d'exemples ; sur ordinateur, le texte à gauche et les chiffres à droite */
.recevez-lettre{max-width:none;margin:34px 0 0}
@media (min-width:860px){
  .recevez-lettre .lb-encart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"tete chiffres" "pourquoi chiffres" "pourquoi source";column-gap:36px;align-items:start;padding:26px 28px 18px}
  .recevez-lettre .lb-tete{grid-area:tete}
  .recevez-lettre .lb-pourquoi{grid-area:pourquoi}
  .recevez-lettre .lb-chiffres{grid-area:chiffres;margin:0;align-self:center}
  .recevez-lettre .lb-source{grid-area:source}
}
.recevez-lettre{margin:6px 0 34px}
.lb-pourquoi b{font-weight:650;color:var(--ink,#101828)}
/* 31/10 (Paul) : le bénéfice « Lettre prête » mis en avant */
.benefices li.bf-fort{position:relative;z-index:1;background:linear-gradient(160deg,#F3EEFF 0%,#FBF9FF 100%) !important;border-radius:18px;box-shadow:inset 0 0 0 1.5px #D9CCFF,0 16px 32px -20px rgba(109,74,255,.45);transform:translateY(-4px)}
.benefices li.bf-fort::before{display:none}
.benefices li.bf-fort + li::before{display:none}
.benefices li.bf-fort .bf-ico{background:linear-gradient(135deg,#8B6DFF,#5B3BE8) !important;color:#fff !important;box-shadow:0 8px 16px -8px rgba(91,59,232,.7) !important}
.benefices li.bf-fort b{color:#4B2FD6}
/* 31/10 (Paul) : tagline « et vous prépare leur contact » : typo du site, droite et sobre (plus d'italique à empattements) */
.entete.accueil p.tl-sous.tl-tagline{font-family:inherit;font-style:normal;font-weight:500;letter-spacing:-.01em;font-size:clamp(18px,2vw,22px);color:#475467}
.entete.accueil p.tl-sous.tl-tagline > span{-webkit-text-stroke:0}
@media (max-width:480px){.entete.accueil p.tl-sous.tl-tagline{font-size:17px}}
@media (max-width:360px){.entete.accueil p.tl-sous.tl-tagline{font-size:15.5px}}
.benefices li.bf-fort{transform:none;margin:6px 2px} /* 31/10 (Paul) : la carte ne déborde plus, même marge en haut et en bas */
.fv-sep{border:0;height:1px;margin:14px 0 4px;background:rgba(16,24,40,.08)}.fv-carte.phare .fv-sep{background:rgba(91,59,232,.15)}

/* 31/10 (Paul) : avertissement « vous vendez surtout à des particuliers ? » dans la fenêtre de confirmation */
.modale-avert{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#FFF8E6;border:1px solid #F5DFA3;color:#7A5300;font-size:14px;line-height:1.5}
.modale-avert b{display:block;color:#5C3D00;margin-bottom:2px}

/* 31/10 (Paul) : bénéfices de l'accueil en petites puces ; la ligne « Export vers votre CRM » */
.benefices .bf-puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.benefices .bf-puces i{font-style:normal;font-size:12.5px;font-weight:550;line-height:1;padding:6px 10px;border-radius:999px;background:#F2F0FF;color:#4B3BC4;border:1px solid #E4DEFF;white-space:nowrap}
.benefices li.bf-fort .bf-puces i{background:#fff;border-color:#D9CCFF;color:#5B3BE8}
.benefices li.bf-crm{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;padding:14px 18px 12px;margin-top:2px;border-top:1px solid rgba(124,92,252,.14);border-radius:0;background:none!important;transform:none;box-shadow:none}
.benefices li.bf-crm::before{display:none}
.benefices .bf-crm-t{font-size:13.5px;font-weight:600;color:#475467;white-space:nowrap}
.benefices .bf-crm-t::after{content:" →";color:#98A2B3}
.benefices .bf-crm-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.benefices .bf-crm-l b{font-size:16px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.benefices .bf-crm-l b.crm-hubspot{color:#FF7A59}.benefices .bf-crm-l b.crm-salesforce{color:#00A1E0}.benefices .bf-crm-l b.crm-pipedrive{color:#1A1A1A}
@media (max-width:480px){.benefices li.bf-crm{justify-content:flex-start;padding:12px 14px}.benefices .bf-crm-l b{font-size:14.5px}}
@media (max-width:480px){.benefices .bf-puces i{white-space:normal;line-height:1.25}}

/* 31/10 (Paul) : 4 petites puces explicatives à la place des cartes de bénéfices */
.bf-simples{list-style:none;margin:30px auto 0;padding:0;max-width:980px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px}
.bf-simples li{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#475467;white-space:nowrap}
.bf-simples li b{color:#101828;font-weight:650}
.bf-simples li > i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E7F8F0;color:#047257}
.bf-simples li.fort > i{background:#EDE8FF;color:#5B3BE8}
.bf-simples li.fort b{color:#5B3BE8}
.bf-crm-ligne{margin:14px auto 0;text-align:center;font-size:13.5px;color:#667085;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px}
.bf-crm-ligne span{color:#98A2B3;margin-left:-8px}
.bf-crm-ligne b{font-size:15px;font-weight:800;letter-spacing:-.02em}
.bf-crm-ligne b.crm-hubspot{color:#FF7A59}.bf-crm-ligne b.crm-salesforce{color:#00A1E0}.bf-crm-ligne b.crm-pipedrive{color:#1A1A1A}
@media (max-width:640px){.bf-simples{flex-direction:column;align-items:flex-start;max-width:340px;gap:9px}.bf-simples li{white-space:normal;font-size:14px}}

/* 31/10 (Paul) : les 4 bénéfices, version discrète : sans cadre ni ombre, icônes plus petites, textes plus doux ; « Lettre prête » juste en violet */
.entete.accueil > .benefices.bf-discret{background:none;border:0;box-shadow:none;padding:0;margin-top:30px;gap:8px 28px}
.entete.accueil > .benefices.bf-discret::before,.entete.accueil > .benefices.bf-discret::after{display:none}
.benefices.bf-discret li,.benefices.bf-discret li:hover{padding:6px 2px;background:none!important;box-shadow:none!important;border:0!important;transform:none!important;margin:0}
.benefices.bf-discret li+li::before{display:none}
.benefices.bf-discret .bf-ico{width:30px;height:30px;margin-bottom:8px}
.benefices.bf-discret .bf-ico svg{width:15px;height:15px}
.benefices.bf-discret b{font-size:14.5px;font-weight:650;color:#101828}
.benefices.bf-discret li > span:not(.bf-ico){font-size:13.5px;line-height:1.5;color:#667085}
.benefices.bf-discret li.bf-fort .bf-ico{background:#EDE8FF!important;color:#5B3BE8!important;box-shadow:none!important}
.benefices.bf-discret li.bf-fort b{color:#5B3BE8}
/* 31/10 (Paul) : les 4 bénéfices les uns sous les autres : icône à gauche, titre et phrase à droite, fins séparateurs ; « Lettre prête » sur un fond violet très léger */
.entete.accueil > .benefices.bf-discret{display:flex!important;flex-direction:column;max-width:560px;margin:34px auto 0;gap:0;text-align:left}
.benefices.bf-discret li,.benefices.bf-discret li:hover{display:grid!important;grid-template-columns:40px 1fr;column-gap:16px;row-gap:2px;align-items:start;padding:14px 16px!important;border-radius:14px!important}
.benefices.bf-discret li + li{border-top:1px solid #EEF0F3!important;border-radius:0!important}
.benefices.bf-discret .bf-ico{grid-row:1 / span 2;width:40px!important;height:40px!important;margin:0!important;border-radius:12px!important}
.benefices.bf-discret .bf-ico svg{width:18px;height:18px}
.benefices.bf-discret b{font-size:15.5px;white-space:normal;align-self:end}
.benefices.bf-discret li > span:not(.bf-ico){font-size:14px;color:#667085}
.benefices.bf-discret li.bf-fort,.benefices.bf-discret li.bf-fort:hover{background:linear-gradient(120deg,#F5F1FF,#FBFAFF)!important;border-top-color:transparent!important;border-radius:14px!important}
.benefices.bf-discret li.bf-fort + li{border-top-color:transparent!important}
.benefices.bf-discret li.bf-fort .bf-ico{background:linear-gradient(135deg,#8B6DFF,#5B3BE8)!important;color:#fff!important}
.bf-crm-ligne{margin-top:18px}
@media (max-width:640px){.entete.accueil > .benefices.bf-discret{max-width:none;margin-top:24px}.benefices.bf-discret li,.benefices.bf-discret li:hover{padding:12px 10px!important;column-gap:12px}}
.benefices.bf-discret .bf-ico{grid-column:1!important;grid-row:1 / span 2!important}.benefices.bf-discret li > b{grid-column:2!important;grid-row:1!important}.benefices.bf-discret li > span:not(.bf-ico){grid-column:2!important;grid-row:2!important;margin:0!important}

/* 31/10 (Paul) : « Exportez vers votre CRM » mis en valeur : une pastille blanche, l'icône, les CRM en étiquettes */
.bf-crm2{display:flex;width:max-content;max-width:100%;margin:22px auto 0;padding:6px 6px 6px 14px;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid #E4E7EC;border-radius:999px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px -16px rgba(16,24,40,.25)}
.bf-crm2 .crm-etq{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#344054;white-space:nowrap}
.bf-crm2 .crm-etq i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#E7F8F0;color:#047257}
.bf-crm2 .crm-marques{display:flex;gap:6px;flex-wrap:wrap}
.bf-crm2 .crm-marques b{font-size:13.5px;font-weight:800;letter-spacing:-.01em;padding:6px 12px;border-radius:999px;white-space:nowrap}
.bf-crm2 b.crm-hubspot{color:#E8562E;background:#FFF1EC}
.bf-crm2 b.crm-salesforce{color:#0B8CCB;background:#E8F6FD}
.bf-crm2 b.crm-pipedrive{color:#1A1A1A;background:#F2F4F7}
.bf-crm2 span:not(.crm-etq):not(.crm-marques){margin:0}
@media (max-width:520px){.bf-crm2{border-radius:18px;padding:10px 12px;flex-direction:column;gap:8px}}

/* 31/10 (Paul) : bénéfices plus compacts : 2 colonnes sur ordinateur, icônes discrètes (sans pastille), moins d'espace vertical */
.entete.accueil > .benefices.bf-discret{display:grid!important;grid-template-columns:1fr 1fr;max-width:860px;margin:28px auto 0;gap:6px 14px}
.benefices.bf-discret li,.benefices.bf-discret li:hover{grid-template-columns:22px 1fr;column-gap:12px;row-gap:1px;padding:10px 14px!important;border:0!important;border-radius:12px!important}
.benefices.bf-discret li + li{border-top:0!important}
.benefices.bf-discret .bf-ico,.benefices.bf-discret li.bf-fort .bf-ico{width:22px!important;height:22px!important;background:none!important;border:0!important;box-shadow:none!important;color:#7C5CFC!important;margin-top:1px!important;align-self:start}
.benefices.bf-discret .bf-ico svg{width:18px;height:18px}
.benefices.bf-discret li.bf-fort .bf-ico{color:#5B3BE8!important}
.benefices.bf-discret b{font-size:15px;align-self:start}
.benefices.bf-discret li > span:not(.bf-ico){font-size:13.5px;line-height:1.45}
@media (max-width:640px){.entete.accueil > .benefices.bf-discret{grid-template-columns:1fr;gap:2px;margin-top:20px}.benefices.bf-discret li,.benefices.bf-discret li:hover{padding:8px 10px!important}}

/* 31/10 (Paul) : l'export CRM en 5e avantage, centré sous les 4 autres ; les noms des CRM à leur couleur */
.benefices.bf-discret li.bf-crm-li{grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}
.benefices.bf-discret li.bf-crm-li i{font-style:normal;font-weight:650}
.benefices.bf-discret i.crm-hubspot{color:#E8562E}.benefices.bf-discret i.crm-salesforce{color:#0B8CCB}.benefices.bf-discret i.crm-pipedrive{color:#1A1A1A}
@media (max-width:640px){.benefices.bf-discret li.bf-crm-li{width:auto;justify-self:stretch}}

/* 31/10 (Paul) : l'export CRM sur toute la largeur des deux colonnes, dans un encart léger pour mieux ressortir */
.benefices.bf-discret li.bf-crm-li,.benefices.bf-discret li.bf-crm-li:hover{width:auto;justify-self:stretch;margin-top:6px;padding:12px 16px!important;background:linear-gradient(120deg,#F3FBF7,#F8FAFC)!important;border:1px solid #DDEFE6!important;border-radius:12px!important}
.benefices.bf-discret li.bf-crm-li .bf-ico{color:#047257!important}
.benefices.bf-discret li.bf-crm-li > span:not(.bf-ico){font-size:14px;color:#475467}
.benefices.bf-discret li.bf-crm-li i{font-size:15px;font-weight:800;letter-spacing:-.01em}

/* 31/10 (Paul) : la pastille CRM juste au-dessus du pied de page, sur l'accueil seulement */
.crm-pied{display:none!important}
body:has(.entete.accueil) .crm-pied{display:flex!important;margin:clamp(40px,5vw,64px) auto 0}
body:has(.entete.accueil) .crm-pied + .pied-site{margin-top:28px}

/* 31/10 (Paul) : la pastille CRM en haut de l'accueil, au-dessus de « Veille quotidienne » */
.entete.accueil > .crm-haut{position:relative;z-index:1;margin:0 auto 18px}
@media (max-width:520px){.entete.accueil > .crm-haut{margin-bottom:14px}}

/* 31/10 (Paul) : pastille CRM du haut, version téléphone sur une seule ligne */
.crm-haut .crm-court{display:none}
@media (max-width:520px){
  .entete.accueil > .crm-haut{flex-direction:row;flex-wrap:nowrap;border-radius:999px;padding:4px 4px 4px 10px;gap:6px}
  .crm-haut .crm-long{display:none}.crm-haut .crm-court{display:inline}
  .crm-haut .crm-etq{font-size:12.5px;gap:6px}.crm-haut .crm-etq i{width:20px;height:20px}.crm-haut .crm-etq i svg{width:12px;height:12px}
  .crm-haut .crm-marques{gap:4px;flex-wrap:nowrap}.crm-haut .crm-marques b{font-size:12px;padding:4px 8px}
}

/* 31/10 (Paul) : ligne CRM sobre sous le bandeau : petit texte, chaque logiciel avec son logo, sans cadre */
.entete.accueil > .crm-sous-tete{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin:0 auto 16px;font-size:12.5px;color:#98A2B3}
.crm-sous-tete span{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#667085}
.crm-sous-tete svg{flex:none}
@media (max-width:520px){.entete.accueil > .crm-sous-tete{gap:4px 10px;font-size:12px;margin-bottom:12px}.crm-sous-tete svg{width:13px;height:13px}}
/* 31/10 (Paul) : la ligne CRM collée sous le bandeau (remonte dans la marge du haut), l'accroche garde son espace */
.entete.accueil > .crm-sous-tete{margin-top:-50px;margin-bottom:36px}
@media (max-width:520px){.entete.accueil > .crm-sous-tete{margin-top:-36px;margin-bottom:26px}}
/* 31/10 (Paul) : « Tous les jours » plus près du titre ; la ligne CRM plus près du bandeau */
.entete.accueil > .label-veille + .titre-lundi,.entete.accueil > .label-veille + h1.titre-lundi.monte{margin-top:12px!important}
.entete.accueil > .crm-sous-tete{margin-top:-62px}
@media (max-width:520px){.entete.accueil > .crm-sous-tete{margin-top:-46px}}
/* 31/10 (Paul) : la ligne CRM toujours à 12 px sous le bandeau (comme l'écart du bouton Démo), quelle que soit la largeur d'écran */
.entete.accueil > .crm-sous-tete{position:absolute;top:12px;left:16px;right:16px;margin:0!important}
@media (max-width:520px){.entete.accueil > .crm-sous-tete{top:10px}}
/* 31/10 (Paul) : « Tous les jours » sans la boîte verte, collé au titre */
.entete.accueil > .label.label-veille{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.entete.accueil > .label-veille + .titre-lundi,.entete.accueil > .label-veille + h1.titre-lundi.monte{margin-top:6px!important}
.entete.accueil > .crm-sous-tete{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px)}
.entete.accueil > .label-veille + .titre-lundi,.entete.accueil > .label-veille + h1.titre-lundi.monte{margin-top:0!important}
@media (max-width:520px){.entete.accueil > .crm-sous-tete{flex-wrap:nowrap;white-space:nowrap;font-size:11.5px;gap:8px;max-width:calc(100% - 20px)}.crm-sous-tete span{gap:4px}.crm-sous-tete svg{width:12px;height:12px}}

/* 31/10 (Paul) : « Prendre rendez-vous » dans le bandeau : un simple lien, sans boîte */
.lien-rdv{font-size:14px;font-weight:600;color:var(--acc);text-decoration:none;white-space:nowrap;padding:6px 4px}
.lien-rdv:hover{text-decoration:underline;text-underline-offset:3px}
.lien-rdv .rdv-court{display:none}
body:has(.fiche-detail) #entete-rdv{display:none}
@media (max-width:720px){.lien-rdv{font-size:13px}.lien-rdv .rdv-long{display:none}.lien-rdv .rdv-court{display:inline}}

/* 31/10 (Paul) : la phrase sous la recherche, plus discrète et plus douce */
.entete.accueil > p#aide{font-size:14.5px;line-height:1.55;color:#667085;max-width:560px;margin-left:auto;margin-right:auto}
.entete.accueil > p#aide b{color:#475467;font-weight:500}
@media (max-width:520px){.entete.accueil > p#aide{font-size:13.5px}}

/* 31/10 (Paul) : accueil connecté : la recherche cachée ne garde plus sa marge ; la carte de la société juste sous l'accroche, les avantages bien séparés */
.entete.accueil.a-societes:not(.ajout-ouvert) > .nomzone{margin-top:0!important}
.entete.accueil.a-societes:not(.ajout-ouvert) > .soumises{margin-top:40px}
.entete.accueil.a-societes:not(.ajout-ouvert) > .benefices.bf-discret{margin-top:44px}
@media (max-width:520px){.entete.accueil.a-societes:not(.ajout-ouvert) > .soumises{margin-top:28px}.entete.accueil.a-societes:not(.ajout-ouvert) > .benefices.bf-discret{margin-top:32px}}

/* 01/11 (Paul) : « Mes prospects » en tableau de bord : le menu à gauche, la liste en colonnes (Entreprise · Lettre · Statut) */
.mp-dash{display:grid;grid-template-columns:224px minmax(0,1fr);gap:32px;width:min(1240px,calc(100vw - 40px));margin:12px 0 0 50%;transform:translateX(-50%);align-items:start}
.mp-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:14px 10px;background:#F7F8F7;border:1px solid #EAECEA;border-radius:16px;max-height:calc(100vh - 104px);overflow:auto}
.mp-soc{display:flex;align-items:center;gap:10px;padding:2px 6px 14px;margin-bottom:6px;border-bottom:1px solid #EAECEA}
.mp-soc>i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0F6E56;color:#fff;font-style:normal;font-weight:700;font-size:13px}
.mp-soc b{display:block;font-size:13.5px;line-height:1.25;color:#101828;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.mp-soc small{font-size:12px;color:#667085}
.mp-it{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;color:#344054;text-align:left;cursor:pointer}
.mp-it:hover{background:#EEF1EF}.mp-it.actif{background:#E1F5EE;color:#085041;font-weight:600}.mp-it.actif .mp-ico{color:#0F6E56}
.mp-it em{margin-left:auto;font-style:normal;font-size:12px;color:#98A2B3;font-variant-numeric:tabular-nums}.mp-it.actif em{color:#0F6E56}
.mp-ico{flex:none;display:grid;place-items:center;width:20px;color:#667085}
.mp-it.mp-sous{padding:5px 10px 5px 40px;font-size:13px;color:#475467}.mp-it.mp-sous .mp-point{display:none}
.mp-it.mp-phare{font-weight:600;color:#101828}
.mp-titre{margin:14px 10px 4px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#98A2B3}
.mp-it em.mp-bientot{font-size:11px;padding:2px 7px;border-radius:999px;background:#EEF1EF;color:#667085}
.mp-encart{display:block;width:100%;margin-top:16px;padding:12px 12px;border:1px solid #D9D4FF;border-radius:12px;background:#F4F2FF;text-align:left;font:inherit;cursor:pointer}
.mp-encart:hover{border-color:#B9AEFF}.mp-encart b{display:block;font-size:13.5px;color:#3C3489}.mp-encart small{font-size:12px;color:#5B4FC4}
.mp-main{min-width:0}
.mp-entete{padding-top:6px !important;padding-bottom:10px !important;text-align:left !important}
.mp-entete .page-titre{text-align:left}.mp-entete .page-titre h1{font-size:28px !important;margin:0 !important;letter-spacing:-.02em}.mp-entete .page-titre p{margin:4px 0 0 !important;font-size:14px;color:#667085}
.mp-main .deux.large{max-width:none !important;margin:0 !important;width:100% !important}
.mp-tete{display:grid;grid-template-columns:28px 36px minmax(0,1fr) 120px 300px;column-gap:14px;padding:10px 18px 8px;font-size:12px;font-weight:600;color:#98A2B3;border-bottom:1px solid #EAECF0}
.mp-main .carte-lundi{display:grid !important;grid-template-columns:28px 36px minmax(0,1fr) 120px 300px;column-gap:14px !important;align-items:center}
.mp-main .carte-lundi > .actions-carte{justify-content:flex-start !important}
.cl-lettre{font-size:13px;white-space:nowrap}
.cl-lettre.prete{color:#5B3BE8;font-weight:600}.cl-lettre.partie{color:#475467}.cl-lettre.encours{color:#667085}.cl-lettre.due{color:#B54708;font-weight:600}
.mp-vide{padding:28px 18px;color:#667085;font-size:14px}
.mp-menu-btn{display:none}
@media (max-width:980px){
  .mp-dash{display:block;width:auto;margin:8px 0 0;transform:none}
  .mp-menu-btn{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 14px;border:1px solid #E4E7EC;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#344054;cursor:pointer}
  .mp-nav{display:none;position:static;max-height:none;margin-bottom:14px}
  .mp-dash.mp-menu-ouvert .mp-nav{display:flex}
  .mp-tete{display:none}
  .mp-main .carte-lundi{grid-template-columns:28px 36px minmax(0,1fr) !important}
  .mp-main .carte-lundi > .cl-lettre{grid-column:3;font-size:12.5px}
  .mp-main .carte-lundi > .actions-carte{grid-column:1 / -1}
}
/* 01/11 (Paul) : les colonnes de « Mes prospects » alignées sur leurs titres ; le menu plus compact ; la recherche seule au-dessus (le menu filtre déjà) */
.mp-dash .mp-main .grille-fiches details.fiche-carte > summary.carte.carte-lundi{display:grid !important;grid-template-columns:28px 36px minmax(0,1fr) 120px 300px !important;column-gap:14px !important;align-items:center}
.mp-dash .mp-tete{padding-left:20px;padding-right:20px}
.mp-dash .filtres-lundi .fav-filtre,.mp-dash .filtres-lundi .filtre-statut-select{display:none !important}
.mp-dash .filtres-lundi .rech-fiches-ligne{flex:1 1 auto;max-width:none}
.mp-nav{top:76px;padding:12px 8px;max-height:calc(100vh - 92px)}
.mp-soc{padding-bottom:10px;margin-bottom:4px}
.mp-it{padding:7px 10px}.mp-it.mp-sous{padding:4px 10px 4px 40px}
.mp-titre{margin:10px 10px 2px}
.mp-encart{margin-top:10px;padding:10px 12px}
@media (max-width:980px){.mp-dash .mp-main .grille-fiches details.fiche-carte > summary.carte.carte-lundi{grid-template-columns:28px 36px minmax(0,1fr) !important}}
.mp-dash .carte-lundi .meta-recu{white-space:nowrap}

/* 01/11 (Paul) : « Mes prospects » comme la démo : menu collé à gauche, pleine hauteur ; lignes fines en colonnes */
body:has(.mp-dash) .pied-site{display:none}
.mp-dash{display:block;width:100vw;margin:0 0 0 calc(50% - 50vw);transform:none;padding:0 32px 60px 272px;box-sizing:border-box}
.mp-nav{position:fixed;left:0;top:var(--mp-haut,65px);bottom:0;width:240px;max-height:none;margin:0;border:0;border-right:1px solid #EAECEA;border-radius:0;background:#F8F9F8;padding:16px 12px;overflow:auto;z-index:20}
.mp-main{max-width:1180px}
.mp-haut{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}
.mp-haut h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#101828}
.mp-boutons{display:flex;gap:8px}
.mp-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #D0D5DD;border-radius:10px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:#344054;cursor:pointer}
.mp-btn:hover{background:#F9FAFB}.mp-btn-plein{background:#0F6E56;border-color:#0F6E56;color:#fff}.mp-btn-plein:hover{background:#085041}
.mp-onglets{display:flex;gap:22px;border-bottom:1px solid #EAECF0;margin-bottom:12px;overflow-x:auto}
.mp-onglet{padding:8px 0 10px;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:14px;color:#667085;cursor:pointer;white-space:nowrap}
.mp-onglet.actif{color:#085041;font-weight:600;border-bottom-color:#0F6E56}
.mp-dash .mp-entete{padding:0 !important;margin:0 !important}
.mp-dash .mp-entete .page-titre > h1,.mp-dash .mp-entete .page-titre > p{display:none !important}
.mp-dash .mp-entete .va-suite{margin:0 0 12px !important}
.mp-dash .filtres-lundi{display:flex !important;align-items:center;gap:8px;margin:0 0 6px !important;padding:0 !important;border:0 !important}
.mp-dash .filtres-lundi .rech-fiches-ligne{flex:0 1 320px}
.mp-dash .filtres-lundi .rech-fiches{height:36px !important;border-radius:999px !important;font-size:13.5px !important}
.mp-filtre{position:relative}
.mp-filtre select{appearance:none;height:36px;padding:0 30px 0 14px;border:1px solid #D0D5DD;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;font:inherit;font-size:13.5px;color:#344054;cursor:pointer;max-width:200px}
.mp-filtre.on select{border-color:#0F6E56;background-color:#E1F5EE;color:#085041;font-weight:600}
.mp-dash .grille-fiches{border:0 !important;background:none !important;padding:0 !important;gap:0 !important}
.mp-dash .mp-tete{display:grid;grid-template-columns:26px minmax(0,1.8fr) minmax(0,1fr) 150px 116px 150px;column-gap:14px;padding:10px 12px;font-size:12px;font-weight:600;color:#667085;border-bottom:1px solid #EAECF0;background:#FAFAFA;border-radius:0}
.mp-dash .grille-fiches details.fiche-carte{margin:0 !important;border:0 !important;border-bottom:1px solid #EAECF0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important}
.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne{display:grid !important;grid-template-columns:26px minmax(0,1.8fr) minmax(0,1fr) 150px 116px 150px !important;column-gap:14px !important;align-items:center;min-height:0 !important;padding:9px 12px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:none !important}
.mp-dash .grille-fiches details.fiche-carte > summary.mp-ligne:hover{background:#F9FAFB !important}
.mp-ligne .fav{position:static !important;margin:0 !important;width:24px !important;height:24px !important}
.mp-ent{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.mp-ent b{font-size:14px;font-weight:600;color:#085041;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-ent small{font-size:12px;color:#98A2B3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-cadenas{display:none}
.fiche-verrou .mp-ent b{color:#667085;font-weight:500}
.mp-sig{min-width:0}
.mp-puce{display:inline-block;max-width:100%;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.mp-puce.bleu{background:#E6F1FB;color:#0C447C}.mp-puce.rose{background:#FBEAF0;color:#72243E}.mp-puce.gris{background:#F1EFE8;color:#444441}.mp-puce.corail{background:#FAECE7;color:#712B13}.mp-puce.vert{background:#E1F5EE;color:#085041}.mp-puce.violet{background:#EEEDFE;color:#3C3489}.mp-puce.ambre{background:#FAEEDA;color:#633806}
.mp-stat .statut-bouton{height:28px !important;padding:0 10px !important;font-size:12.5px !important;max-width:150px}
.mp-ligne .cl-lettre{font-size:12.5px}
.mp-ligne .actions-carte{display:flex !important;align-items:center;justify-content:flex-end !important;gap:6px !important}
.mp-ligne .actions-carte .ouvrir{height:28px !important;padding:0 12px !important;font-size:12.5px !important}
.mp-ligne .partager-icone{width:28px !important;height:28px !important}
.mp-dash .mp-vide{padding:28px 12px;color:#667085;font-size:14px}
@media (max-width:980px){
  .mp-dash{width:auto;margin:8px 0 0;padding:0 0 40px}
  .mp-nav{position:static;width:auto;border:1px solid #EAECEA;border-radius:16px}
  .mp-haut{margin-top:6px}.mp-haut h1{font-size:22px}
  .mp-dash .mp-tete{display:none}
  .mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne{grid-template-columns:26px minmax(0,1fr) auto !important;row-gap:6px;padding:10px 4px !important}
  .mp-ligne .mp-sig{grid-column:2;grid-row:2}.mp-ligne .cl-lettre{grid-column:3;grid-row:2;text-align:right}
  .mp-ligne .mp-stat{grid-column:2;grid-row:3}.mp-ligne .actions-carte{grid-column:3;grid-row:3}
  .mp-dash .filtres-lundi{flex-wrap:wrap}.mp-dash .filtres-lundi .rech-fiches-ligne{flex:1 1 100%}
}
.mp-dash .mp-ent > b,.mp-dash .mp-ent > small{display:block !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.mp-dash .mp-ligne > *{min-width:0}
@media (max-width:980px){
  .mp-haut{flex-wrap:wrap}.mp-haut h1{flex:1 1 100%}
  .mp-boutons{flex:1 1 100%}.mp-boutons .mp-btn{flex:1;justify-content:center;padding:8px 10px;font-size:13px}
  .mp-dash .filtres-lundi .mp-filtre{flex:1 1 0;min-width:0}.mp-filtre select{width:100%;max-width:none}
  .mp-dash .mp-entete .va-suite{flex-direction:row !important;align-items:center;gap:10px;padding:12px 14px !important}
}

/* 01/11 (Paul) : Mon compte, l'Aide et la fiche s'ouvrent à droite du menu ; jamais de défilement de côté (le menu n'est plus coupé à gauche) */
html:has(.mp-dash),body:has(.mp-dash){overflow-x:hidden}
.mp-dash{width:auto;margin-left:calc(50% - 50vw + 8px);margin-right:calc(50% - 50vw + 8px)}
.mp-dash.mp-page .mp-main > .entete,.mp-dash.mp-page .mp-main > .sec{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.mp-dash.mp-page .mp-main{padding-top:18px}
@media (max-width:980px){.mp-dash{margin-left:0;margin-right:0}}

/* 01/11 (Paul) : le bloc « nouveaux clients potentiels » d'un non-abonné, au format du tableau */
.mp-dash .voiles-agent.vag-tableau{margin:18px 0 0 !important;padding:0 !important;max-width:none !important;border:1px solid #E4DEFF !important;border-radius:14px !important;background:#FBFAFF !important;box-shadow:none !important;overflow:hidden}
.vag-tableau .vag-tete{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #EEEAFE}
.vag-tableau h2{margin:0 !important;font-size:16px !important;font-weight:700;letter-spacing:-.01em;color:#101828}
.vag-tableau h2 em{font-style:normal;color:#5B3BE8}
.vag-tableau .vag-intro{margin:2px 0 0 !important;font-size:13px !important;color:#667085}
.vag-tableau .vag-action{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.vag-tableau .vag-cta{margin:0 !important;height:36px;padding:0 16px !important;font-size:13.5px !important}
.vag-tableau .vag-prix{margin:0 !important;font-size:11.5px;color:#98A2B3}
.vag-lignes{background:#fff}
.vag-ligne{display:grid;grid-template-columns:26px minmax(0,1.8fr) minmax(0,1fr) 150px 116px 150px;column-gap:14px;align-items:center;padding:9px 12px;border-bottom:1px solid #F2F4F7}
.vag-ligne:last-child{border-bottom:0}
.vag-ligne .vag-cadenas{display:grid;place-items:center;color:#98A2B3}.vag-ligne .vag-cadenas svg{width:14px;height:14px}
.vag-ent{display:flex;flex-direction:column;line-height:1.3;min-width:0}.vag-ent b{font-size:14px;color:#344054}.vag-ent small{font-size:12px;color:#98A2B3}
.vag-floute{filter:blur(4px);user-select:none}
.vag-ligne .mp-puce{justify-self:start}
.vag-pastille{justify-self:start;padding:3px 10px;border-radius:8px;background:#F2F4F7;color:#98A2B3;font-size:12.5px}
.vag-lettre{font-size:12.5px;color:#5B3BE8;font-weight:600}
@media (max-width:980px){
  .vag-tableau .vag-tete{flex-direction:column;align-items:stretch}.vag-tableau .vag-action{align-items:stretch}
  .vag-ligne{grid-template-columns:26px minmax(0,1fr) auto}.vag-ligne .vag-pastille,.vag-ligne .vag-lettre{display:none}
}
@media (min-width:981px){body:has(.mp-dash) .barre-essai{margin-left:120px}}
/* 01/11 (Paul) : à droite du menu, la fiche et ses encarts occupent toute la largeur */
.mp-dash .fiche-solo,.mp-dash .essai-signal,.mp-dash .fiche-detail,.mp-dash .verrou-page{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
.mp-dash .fiche-solo .fiche{max-width:none !important}
/* 01/11 (Paul) : pas de bandeau du haut dans le tableau de bord (ordinateur) : le logo passe en tête du menu */
.mp-logo{display:none}
@media (min-width:981px){
  body:has(.mp-dash) header.nav{display:none !important}
  .mp-nav{top:0 !important}
  .mp-logo{display:flex;align-items:center;gap:8px;padding:4px 8px 14px;text-decoration:none;color:#101828}
  .mp-logo .embleme{width:26px;height:26px}
  .mp-dash{margin-top:0 !important}
  .mp-haut{margin-top:26px}
  .mp-dash.mp-page .mp-main{padding-top:26px}
}
@media (min-width:981px){.mp-nav .mp-logo.brand{display:flex;margin:0 0 6px}}
/* 01/11 (Paul) : plus de bouton « Ouvrir » : un clic sur la ligne ouvre le prospect (« Débloquer » reste sur les lignes verrouillées) */
.mp-dash .grille-fiches details.fiche-carte:not(.fiche-verrou) .mp-ligne .ouvrir{display:none !important}
.mp-dash .grille-fiches details.fiche-carte > summary.mp-ligne{cursor:pointer}
.mp-dash .grille-fiches details.fiche-carte:not(.fiche-verrou) > summary.mp-ligne:hover .mp-ent b{text-decoration:underline;text-underline-offset:3px}

/* 01/11 (Paul) : colonne « Reçu » ; en-têtes Entreprise et Reçu triables (flèche) ; plus de place à droite sans le bouton Ouvrir */
.mp-dash .mp-tete,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne,.vag-ligne{grid-template-columns:26px minmax(0,1.8fr) minmax(0,1fr) 150px 110px 84px 118px !important}
.mp-tri{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:0;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:#667085;cursor:pointer}
.mp-tri:hover{color:#101828}
.mp-tri i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #C4C8CF}
.mp-tri.on{color:#085041}.mp-tri.on i{border-top-color:#0F6E56}.mp-tri.on.asc i{border-top:0;border-bottom:5px solid #0F6E56}
.mp-recu{font-size:12.5px;color:#667085;white-space:nowrap}
@media (max-width:980px){.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne{grid-template-columns:26px minmax(0,1fr) auto !important}.mp-ligne .mp-recu{grid-column:3;grid-row:1;text-align:right;font-size:12px}}
/* 01/11 (Paul) : le statut sans boîte ni fond : la pastille de couleur et le texte seulement */
.mp-dash .mp-stat .statut-bouton{background:none !important;border:0 !important;box-shadow:none !important;padding:0 6px 0 0 !important;font-weight:600}
.mp-dash .mp-stat .statut-bouton:hover{text-decoration:underline;text-underline-offset:3px}
.mp-dash .mp-stat button.statut-bouton.statut-bouton[class*="statut-"]{background:none !important;background-image:none !important;box-shadow:none !important;border:0 !important}
/* 01/11 (Paul) : en tête du menu, le logo Scopos à la place de l'initiale de la société ; plus de ligne « scopos.ai » */
.mp-soc-logo{flex:none;display:grid;place-items:center;text-decoration:none}
.mp-soc-logo .embleme{width:34px !important;height:34px !important;border-radius:10px}
.mp-nav .mp-logo{display:none !important}
@media (min-width:981px){.mp-nav{padding-top:18px}}
.mp-soc-logo .embleme{display:grid !important;place-items:center;background:#06A87E !important;box-shadow:0 1px 2px rgba(4,128,101,.25)}.mp-soc-logo .embleme svg{width:62%;height:62%}
/* 01/11 (Paul) : ordre des colonnes : Entreprise · Reçu · Statut · Signal · Lettre ; le signal en texte, sans fond */
@media (min-width:981px){
  .mp-dash .mp-tete,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne,.vag-ligne{grid-template-columns:26px minmax(0,1.7fr) 84px 140px minmax(0,1fr) 104px 118px !important}
  .mp-dash .mp-tete > :nth-child(1){grid-column:1}.mp-dash .mp-tete > :nth-child(2){grid-column:2}.mp-dash .mp-tete > :nth-child(6){grid-column:3}
  .mp-dash .mp-tete > :nth-child(4){grid-column:4}.mp-dash .mp-tete > :nth-child(3){grid-column:5}.mp-dash .mp-tete > :nth-child(5){grid-column:6}.mp-dash .mp-tete > :nth-child(7){grid-column:7}
  .mp-ligne > .fav{grid-column:1}.mp-ligne > .mp-ent{grid-column:2}.mp-ligne > .mp-recu{grid-column:3}.mp-ligne > .mp-stat{grid-column:4}
  .mp-ligne > .mp-sig{grid-column:5}.mp-ligne > .cl-lettre{grid-column:6}.mp-ligne > .actions-carte{grid-column:7}
  .vag-ligne > :nth-child(1){grid-column:1}.vag-ligne > :nth-child(2){grid-column:2}.vag-ligne > :nth-child(6){grid-column:3}.vag-ligne > :nth-child(4){grid-column:4}
  .vag-ligne > :nth-child(3){grid-column:5}.vag-ligne > :nth-child(5){grid-column:6}.vag-ligne > :nth-child(7){grid-column:7}
  .mp-dash .mp-tete,.mp-dash .mp-ligne,.vag-ligne{grid-auto-flow:row dense}
}
.mp-dash .mp-puce,.vag-ligne .mp-puce{background:none !important;padding:0 !important;border-radius:0 !important;font-size:13px;font-weight:500}
/* 01/11 (Paul) : la fiche dans le tableau de bord, en deux colonnes : à gauche qui / signal / pourquoi / comment l'approcher ; à droite la lettre puis les contacts */
@media (min-width:1200px){
  .mp-dash .fiche .fs-corps{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr) !important;gap:16px !important;align-items:start}
  .mp-dash .fiche .fs-corps > .fs-lecture{grid-column:1 !important;grid-row:1 / span 3;grid-template-columns:minmax(0,1fr) !important;order:0 !important}
  .mp-dash .fiche .fs-corps > .fs-lecture > *{grid-column:1 / -1 !important}
  .mp-dash .fiche .fs-corps > .fs-courriel{grid-column:2 !important;grid-row:1;order:0 !important;margin:0 !important}
  .mp-dash .fiche .fs-corps > .fs-contacts{grid-column:2 !important;grid-row:2;order:0 !important;margin:0 !important}
  .mp-dash .fiche .fs-corps > .fs-avis{grid-column:2 !important;grid-row:3;order:0 !important;margin:0 !important}
  .mp-dash .fiche .fs-corps > :not(.fs-lecture):not(.fs-courriel):not(.fs-contacts):not(.fs-avis){grid-column:1 / -1}
}
@media (min-width:1200px){
  .mp-dash .fiche .fs-courriel .fs-lettre-envoi.lettre2{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
  .mp-dash .fiche .fs-courriel .fs-lettre-envoi-action{justify-items:start !important;align-items:start !important;width:100% !important}
}
@media (min-width:1200px){
  .mp-dash .fiche .fs-corps > .fs-lecture{grid-row:1 / span 2 !important}
  .mp-dash .fiche .fs-corps > .fs-contacts{grid-column:2 !important;grid-row:1 !important}
  .mp-dash .fiche .fs-corps > .fs-courriel{grid-column:2 !important;grid-row:2 / span 2 !important}
  .mp-dash .fiche .fs-corps > .fs-avis{grid-column:1 !important;grid-row:3 !important;align-self:start}
}

/* 01/11 (Paul) : l'encart d'envoi de la lettre, compact : le bouton, l'icône ⓘ, la mention « incluse » ; les bienfaits dépliés en dessous */
.fs-lettre-envoi.lettre2.compacte{display:block !important;padding:12px 14px !important;min-height:0 !important;border-radius:12px !important;background:#F7F5FF !important;border:1px solid #E4DEFF !important;box-shadow:none !important}
.fs-lettre-envoi.lettre2.compacte::before,.fs-lettre-envoi.lettre2.compacte::after{display:none !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action{display:flex !important;align-items:center !important;flex-wrap:wrap;gap:8px 10px !important;width:auto !important;justify-items:initial !important}
.fs-lettre-envoi.lettre2.compacte .fs-env-bouton{height:34px !important;padding:0 14px !important;font-size:13.5px !important;margin:0 !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action small{margin:0 !important;font-size:12.5px;color:#667085}
.l2-info{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #D9D4FF;border-radius:50%;background:#fff;color:#5B3BE8;cursor:pointer}
.l2-info:hover,.l2-info.on{background:#EEEAFE}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-texte{margin-top:12px;padding-top:12px;border-top:1px solid #E4DEFF}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-texte b{font-size:15px}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-texte[hidden]{display:none !important}
/* 01/11 (Paul) : la fiche en 3 colonnes : explications · message (lettre / email) · contacts du prospect (étroite, les uns sous les autres) ; encarts plus compacts */
@media (min-width:1200px){
  .mp-dash .fiche .fs-corps{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 230px !important;gap:14px !important}
  .mp-dash .fiche .fs-corps > .fs-lecture{grid-column:1 !important;grid-row:1 / span 2 !important}
  .mp-dash .fiche .fs-corps > .fs-courriel{grid-column:2 !important;grid-row:1 / span 2 !important}
  .mp-dash .fiche .fs-corps > .fs-contacts{grid-column:3 !important;grid-row:1 !important}
  .mp-dash .fiche .fs-corps > .fs-avis{grid-column:3 !important;grid-row:2 !important}
  .mp-dash .fiche .fs-contacts ul,.mp-dash .fiche .fs-contacts .fs-controle{display:flex !important;flex-direction:column !important;gap:8px !important;grid-template-columns:none !important}
  .mp-dash .fiche .fs-contacts li{width:100% !important;min-width:0 !important;flex-wrap:wrap !important}
  .mp-dash .fiche .fs-contacts li *{min-width:0;overflow-wrap:anywhere}
  .mp-dash .fiche .fs-bloc,.mp-dash .fiche .fs-carte{padding:14px 16px !important}
  .mp-dash .fiche .fs-bloc p,.mp-dash .fiche .fs-carte p{font-size:14px !important;line-height:1.55 !important}
  .mp-dash .fiche .fs-bloc h4,.mp-dash .fiche .fs-carte h4{font-size:14px !important;margin-bottom:8px !important}
  .mp-dash .fiche .fs-lecture{gap:10px !important}
}

/* 01/11 (Paul) : puces de la fiche petites et discrètes ; texte de la fiche plus petit dans le tableau de bord */
.raccourcis-fiche{gap:6px !important;margin:10px 0 12px !important;flex-wrap:wrap}
.raccourcis-fiche .raccourci{height:28px !important;padding:0 11px !important;border:1px solid #E4E7EC !important;border-radius:999px !important;background:#fff !important;box-shadow:none !important;font-size:12.5px !important;font-weight:500 !important;color:#475467 !important}
.raccourcis-fiche .raccourci:hover{border-color:#B7E4D3 !important;color:#085041 !important}
.raccourcis-fiche .raccourci.actif{background:#E1F5EE !important;border-color:#B7E4D3 !important;color:#085041 !important}
.mp-dash .fiche > header h2{font-size:24px !important}
@media (min-width:1200px){
  .mp-dash .fiche .fs-bloc p,.mp-dash .fiche .fs-carte p,.mp-dash .fiche .fs-bloc li{font-size:13px !important;line-height:1.5 !important}
  .mp-dash .fiche .fs-bloc h4,.mp-dash .fiche .fs-carte h4{font-size:13px !important}
  .mp-dash .fiche .fs-preuve{font-size:12px !important}
}
/* 01/11 (Paul) : dans le tableau de bord, le message email prend toute la hauteur dont il a besoin (plus d'ascenseur dans la boîte) */
.mp-dash .fiche .fs-courriel pre.fs-message{max-height:none !important;overflow:visible !important}
/* 01/11 (Paul) : l'encart d'envoi de la lettre sur une seule ligne, sans boîte : « Relire et envoyer la lettre » · ⓘ · incluse */
.fs-lettre-envoi.lettre2.compacte{padding:0 !important;background:none !important;border:0 !important;margin:0 0 10px !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action{flex-wrap:nowrap !important;gap:8px !important}
.fs-lettre-envoi.lettre2.compacte .fs-env-bouton{height:32px !important;padding:0 12px !important;font-size:13px !important;box-shadow:none !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action small{white-space:nowrap;font-size:12px !important}
.fs-lettre-envoi.lettre2.compacte .l2-info{width:24px;height:24px}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-texte{padding:12px 14px;border:1px solid #E4DEFF !important;border-radius:12px;background:#F7F5FF;margin-top:8px}
/* 01/11 (Paul) : la colonne des contacts, discrète et petite : une simple liste (icône sans boîte, valeur entière, badge en petit texte), les « non trouvé » grisés sur une ligne */
@media (min-width:1200px){
  .mp-dash .fiche .fs-contacts{padding:12px 14px !important}
  .mp-dash .fiche .fs-contacts > h4{font-size:12.5px !important;margin:0 0 6px !important;gap:6px !important}
  .mp-dash .fiche .fs-contacts > h4 .fs-ico,.mp-dash .fiche .fs-contacts > h4 i{display:none !important}
  .mp-dash .fiche .fs-contacts .fs-controle{gap:0 !important}
  .mp-dash .fiche .fs-contacts li.fs-ctl{display:grid !important;grid-template-columns:16px minmax(0,1fr) !important;column-gap:8px !important;row-gap:1px;align-items:start !important;padding:8px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid #F2F4F7 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;min-height:0 !important}
  .mp-dash .fiche .fs-contacts li.fs-ctl:last-child{border-bottom:0 !important}
  .mp-dash .fiche .fs-contacts .fs-ctl-ico{grid-row:1 / span 2;width:16px !important;height:16px !important;margin-top:2px;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:#98A2B3 !important}
  .mp-dash .fiche .fs-contacts .fs-ctl-ico svg{width:14px !important;height:14px !important}
  .mp-dash .fiche .fs-contacts .fs-ctl-corps{display:flex !important;flex-direction:column !important;gap:1px !important;min-width:0}
  .mp-dash .fiche .fs-contacts .fs-ctl-nom{font-size:11px !important;color:#98A2B3 !important;line-height:1.3}
  .mp-dash .fiche .fs-contacts .fs-ctl-val{font-size:12.5px !important;font-weight:600 !important;line-height:1.35;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:anywhere;color:#101828}
  .mp-dash .fiche .fs-contacts .fs-ctl-val a{color:#085041}
  .mp-dash .fiche .fs-contacts li.fs-ctl > em{grid-column:2 !important;justify-self:start;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:11px !important;font-style:normal;font-weight:600}
  .mp-dash .fiche .fs-contacts li.fs-ctl.absent .fs-ctl-corps{flex-direction:row !important;align-items:baseline;gap:6px !important}
  .mp-dash .fiche .fs-contacts li.fs-ctl.absent .fs-ctl-val{font-size:11.5px !important;font-weight:400 !important;color:#B0B5BD !important}
  .mp-dash .fiche .fs-contacts li.fs-ctl.absent .fs-ctl-ico{grid-row:auto;color:#D0D5DD !important}
}
/* 01/11 (Paul) : le bloc « Messages » plus fin : titre discret, onglets soulignés (comme ceux de Mes prospects), bouton et mentions plus légers */
@media (min-width:1200px){
  .mp-dash .fiche .fs-courriel{padding:12px 16px 16px !important}
  .mp-dash .fiche .fs-courriel > h4{font-size:12.5px !important;color:#667085 !important;font-weight:600 !important;margin:0 0 4px !important;gap:6px !important}
  .mp-dash .fiche .fs-courriel > h4 .fs-ico,.mp-dash .fiche .fs-courriel > h4 i{width:18px !important;height:18px !important;border-radius:6px !important;box-shadow:none !important;background:#E1F5EE !important;color:#0F6E56 !important}
  .mp-dash .fiche .fs-courriel > h4 .fs-ico svg,.mp-dash .fiche .fs-courriel > h4 i svg{width:11px !important;height:11px !important}
  .mp-dash .fiche .fs-onglets{display:flex !important;gap:18px !important;padding:0 !important;margin:0 0 12px !important;background:none !important;border:0 !important;border-bottom:1px solid #EAECF0 !important;border-radius:0 !important;box-shadow:none !important}
  .mp-dash .fiche .fs-onglet{flex:none !important;height:auto !important;padding:6px 0 8px !important;margin:0 0 -1px !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:none !important;box-shadow:none !important;font-size:13px !important;font-weight:500 !important;color:#667085 !important;gap:6px !important}
  .mp-dash .fiche .fs-onglet svg{width:13px !important;height:13px !important}
  .mp-dash .fiche .fs-onglet[aria-selected="true"],.mp-dash .fiche .fs-onglet.actif,.mp-dash .fiche .fs-onglet.on{color:#085041 !important;font-weight:600 !important;border-bottom-color:#0F6E56 !important;background:none !important}
  .mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .fs-env-bouton{height:30px !important;padding:0 12px !important;font-size:12.5px !important;border-radius:8px !important;background:#5B3BE8 !important;background-image:none !important;box-shadow:none !important}
  .mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .fs-env-bouton svg{width:13px !important;height:13px !important}
  .mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .l2-info{width:22px !important;height:22px !important;border-color:#E4E7EC !important;color:#98A2B3 !important}
  .mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .l2-info:hover,.mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .l2-info.on{color:#5B3BE8 !important;border-color:#D9D4FF !important}
  .mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action small{font-size:11.5px !important;color:#98A2B3 !important}
}
@media (min-width:1200px){
  .mp-dash .fiche .fs-courriel div.fs-onglets.fs-onglets{display:flex !important;gap:18px !important;padding:0 !important;margin:0 0 12px !important;background:none !important;border:0 !important;border-bottom:1px solid #EAECF0 !important;border-radius:0 !important;box-shadow:none !important}
  .mp-dash .fiche .fs-courriel div.fs-onglets button.fs-onglet.fs-onglet{flex:none !important;height:auto !important;min-height:0 !important;padding:6px 0 8px !important;margin:0 0 -1px !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:none !important;box-shadow:none !important;font-size:13px !important;font-weight:500 !important;color:#667085 !important}
  .mp-dash .fiche .fs-courriel div.fs-onglets button.fs-onglet.fs-onglet.actif{color:#085041 !important;font-weight:600 !important;border-bottom-color:#0F6E56 !important;background:none !important;box-shadow:none !important}
  .mp-dash .fiche .fs-courriel div.fs-onglets button.fs-onglet svg{width:13px !important;height:13px !important}
}
.note.note-sans-email{color:#9B1C1C !important} /* 01/11 (Paul) : en rouge foncé */

/* 01/11 (Paul) : contacts modifiables : le crayon apparaît au survol de la ligne, le petit champ s'ouvre sous la valeur ; plus de titre « Messages prêts à l'emploi » dans le tableau de bord */
.mp-dash .fiche .fs-courriel > h4{display:none !important}
.fs-ctl{position:relative}
.fs-ctl-edit{position:absolute;top:8px;right:0;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:#98A2B3;font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}
.fs-ctl:hover .fs-ctl-edit,.fs-ctl-edit:focus-visible,.fs-ctl.absent .fs-ctl-edit{opacity:1}
.fs-ctl-edit:hover{background:#F2F4F7;color:#085041}
.fs-ctl-edit svg{width:13px;height:13px}
.fs-ctl-form{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.fs-ctl-form input{flex:1 1 120px;min-width:0;height:28px;padding:0 8px;border:1px solid #D0D5DD;border-radius:6px;font:inherit;font-size:12.5px}
.fs-ctl-form input:focus{outline:none;border-color:#0F6E56;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.fs-ctl-ok{height:28px;padding:0 10px;border:0;border-radius:6px;background:#0F6E56;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.fs-ctl-annuler{width:28px;height:28px;border:0;border-radius:6px;background:#F2F4F7;color:#667085;font-size:15px;cursor:pointer}
.fs-ctl-err{flex-basis:100%;color:#9B1C1C;font-size:11.5px}
.fs-ctl.edition .fs-ctl-edit{display:none}
.mp-dash .fiche .fs-contacts li.fs-ctl.absent.edition .fs-ctl-corps{flex-direction:column !important;align-items:stretch}
/* 01/11 (Paul) : envoi de la lettre : le bouton à droite, l'icône ⓘ à sa gauche, « Incluse dans votre formule » dessous */
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action.fs-lettre-envoi-action{display:grid !important;grid-template-columns:auto auto !important;grid-template-areas:"info bouton" ". incluse" !important;justify-content:end !important;align-items:center !important;gap:4px 8px !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .fs-env-bouton{grid-area:bouton}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-info{grid-area:info}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action small{grid-area:incluse;justify-self:end;text-align:right}
/* 01/11 (Paul) : colonne de droite de la fiche : « Cette piste est-elle pertinente ? » juste sous les contacts (plus de grand vide), en plus compact */
@media (min-width:1200px){
  .mp-dash .fiche .fs-corps{grid-template-rows:auto 1fr !important}
  .mp-dash .fiche .fs-corps > .fs-contacts,.mp-dash .fiche .fs-corps > .fs-avis{align-self:start !important}
  .mp-dash .fiche .fs-avis{padding:12px 14px !important;gap:8px !important}
  .mp-dash .fiche .fs-avis .fs-avis-ico{width:28px !important;height:28px !important;border-radius:8px !important}
  .mp-dash .fiche .fs-avis .fs-avis-ico svg{width:15px !important;height:15px !important}
  .mp-dash .fiche .fs-avis .fs-avis-q{font-size:13px !important}
  .mp-dash .fiche .fs-avis .fs-avis-sous{font-size:12px !important}
  .mp-dash .fiche .fs-avis .fs-avis-b{height:30px !important;padding:0 12px !important;font-size:12.5px !important}
}

/* 01/11 (Paul) : menus Signal et Ville dessinés : une pastille, puis une liste blanche avec ombre douce, survol léger, coche sur le choix */
.mp-dd{position:relative;flex:none}
.mp-dd-btn{display:inline-flex;align-items:center;gap:8px;height:36px;max-width:240px;padding:0 12px 0 14px;border:1px solid #D0D5DD;border-radius:999px;background:#fff;font:inherit;font-size:13.5px;color:#344054;cursor:pointer}
.mp-dd-btn:hover{border-color:#98A2B3}
.mp-dd-btn > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-dd-btn svg{flex:none;color:#98A2B3}
.mp-dd.on .mp-dd-btn{border-color:#B7E4D3;background:#E1F5EE;color:#085041;font-weight:600}
.mp-dd-x{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:14px;line-height:1;color:#0F6E56}
.mp-dd-x:hover{background:#C6EBDD}
.mp-dd-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:40;min-width:220px;max-width:320px;max-height:320px;overflow:auto;padding:6px;border:1px solid #EAECF0;border-radius:12px;background:#fff;box-shadow:0 12px 32px -8px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.06)}
.mp-dd-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;color:#344054;text-align:left;cursor:pointer}
.mp-dd-opt:hover{background:#F2F4F7}
.mp-dd-opt.choisi{color:#085041;font-weight:600}
.mp-dd-opt svg{flex:none;color:#0F6E56}
@media (max-width:980px){.mp-dash .filtres-lundi .mp-dd{flex:1 1 0;min-width:0}.mp-dd-btn{width:100%;max-width:none;justify-content:space-between}.mp-dd-menu{right:0;min-width:0}}
.mp-dash .mp-haut{margin-bottom:16px} /* 01/11 (Paul) : plus d onglets sous le titre (le menu Statut les remplace) */

/* 01/11 (Paul) : la page « Cette semaine » du tableau de bord */
.ps-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.ps-tuile{padding:14px 16px;border:1px solid #EAECF0;border-radius:14px;background:#fff}
.ps-tuile b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#101828;line-height:1.1}
.ps-tuile b i{font-style:normal;font-size:16px;font-weight:600;color:#98A2B3}
.ps-tuile > span{font-size:12.5px;color:#667085}
.ps-tuile small{display:block;margin-top:8px}
.ps-jauge{display:block;height:5px;border-radius:999px;background:#EEF1EF;overflow:hidden}
.ps-jauge i{display:block;height:100%;border-radius:999px;background:#0F6E56}
.ps-grille{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
.ps-carte{padding:16px 18px;border:1px solid #EAECF0;border-radius:14px;background:#fff}
.ps-label{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#98A2B3}
.ps-dernier h2{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.01em;color:#085041}
.ps-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px;font-size:13px;color:#667085}
.ps-raison{margin:0 0 14px;font-size:14px;line-height:1.55;color:#344054}
.ps-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:0;border-radius:9px;background:#0F6E56;color:#fff;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.ps-btn:hover{background:#085041}
.ps-btn-clair{background:#fff;border:1px solid #D0D5DD;color:#344054}.ps-btn-clair:hover{background:#F9FAFB}
.ps-vide h2{color:#344054}
.ps-faire{display:flex;flex-direction:column;gap:6px}
.ps-tache{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid #F2F4F7;border-radius:10px;background:#FAFAFA;font:inherit;text-align:left;cursor:pointer}
.ps-tache:hover{border-color:#B7E4D3;background:#F3FBF7}
.ps-tache b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#EDE8FF;color:#5B3BE8;font-size:15px}
.ps-tache.fait b{background:#F2F4F7;color:#98A2B3}
.ps-tache span{display:flex;flex-direction:column;font-size:13.5px;font-weight:600;color:#101828}
.ps-tache small{font-size:12px;font-weight:400;color:#98A2B3}
.ps-tache i{font-style:normal;font-size:18px;color:#C4C8CF}
.ps-lettres ul{list-style:none;margin:0;padding:0}
.ps-lettres li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid #F2F4F7;font-size:13px}
.ps-lettres li:last-child{border-bottom:0}
.ps-lettres li a{color:#085041;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-lettres li span{color:#5B3BE8;font-weight:600;font-size:12.5px}
.ps-lettres li small{color:#98A2B3;font-size:12px}
.ps-vide-texte{margin:0;font-size:13.5px;line-height:1.55;color:#667085}
.ps-logos{display:flex;gap:10px;margin:2px 0 10px}
.ps-crm-texte{margin:0 0 12px;font-size:13px;line-height:1.5;color:#667085}
.ps-abo{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;border-color:#E4DEFF;background:#F7F5FF}
.ps-abo b{display:block;font-size:14.5px;color:#3C3489}.ps-abo span{font-size:13px;color:#5B4FC4}
@media (max-width:980px){.ps-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-grille{grid-template-columns:minmax(0,1fr)}.ps-abo{flex-direction:column;align-items:stretch}}

/* 01/11 (Paul) : statuts repliés sous « Mes prospects » (flèche) ; le bloc Compte collé en bas du menu */
.mp-ligne-dep{position:relative}
.mp-ligne-dep .mp-it{padding-right:44px}
.mp-ligne-dep .mp-it em{margin-right:4px}
.mp-fleche{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:#98A2B3;cursor:pointer}
.mp-fleche:hover{background:#E4E7EC;color:#344054}
.mp-fleche svg{transition:transform .15s}.mp-fleche.ouvert svg{transform:rotate(90deg)}
.mp-bas{margin-top:auto;padding-top:8px}
@media (min-width:981px){.mp-nav{display:flex !important;flex-direction:column}}
/* 01/11 (Paul) : l'encart « Passer à Pro » / « Recevoir les suivants », plus moderne : dégradé violet, texte blanc, étincelle, appel à l'action */
.mp-nav .mp-encart{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:12px;padding:14px 14px 12px;border:0;border-radius:14px;background:linear-gradient(140deg,#7C5CFF 0%,#5B3BE8 55%,#4527C9 100%);box-shadow:0 10px 24px -14px rgba(69,39,201,.7);color:#fff;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.mp-nav .mp-encart::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.mp-nav .mp-encart:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(69,39,201,.85)}
.mp-encart-ico{display:grid;place-items:center;width:26px;height:26px;margin-bottom:6px;border-radius:8px;background:rgba(255,255,255,.18);color:#fff}
.mp-nav .mp-encart b{font-size:14px;font-weight:700;color:#fff}
.mp-nav .mp-encart small{font-size:12px;color:rgba(255,255,255,.82)}
.mp-encart-cta{margin-top:10px;padding:5px 10px;border-radius:999px;background:#fff;color:#4527C9;font-size:12px;font-weight:700}

/* 01/11 (Paul) : carte « Dernier client potentiel reçu » plus moderne ; encart CRM mis en avant */
.ps-dernier{position:relative;overflow:hidden;padding:18px 20px !important;border-color:#DDEFE6 !important;background:linear-gradient(180deg,#F5FBF8 0%,#fff 60%) !important}
.ps-dernier::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#10B981,#0F6E56)}
.ps-d-tete{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ps-d-tete .ps-label{margin:0}
.ps-nouveau{padding:3px 9px;border-radius:999px;background:#0F6E56;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.ps-d-corps{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;margin-top:12px}
.ps-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-weight:700;font-size:16px;background:#E1F5EE;color:#085041}
.ps-avatar.bleu{background:#E6F1FB;color:#0C447C}.ps-avatar.rose{background:#FBEAF0;color:#72243E}.ps-avatar.corail{background:#FAECE7;color:#712B13}.ps-avatar.violet{background:#EEEDFE;color:#3C3489}.ps-avatar.ambre{background:#FAEEDA;color:#633806}.ps-avatar.gris{background:#F1EFE8;color:#444441}
.ps-dernier h2{margin:0 0 6px !important;font-size:21px !important;color:#101828 !important}
.ps-chip{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#F1EFE8;color:#444441}
.ps-chip.bleu{background:#E6F1FB;color:#0C447C}.ps-chip.rose{background:#FBEAF0;color:#72243E}.ps-chip.corail{background:#FAECE7;color:#712B13}.ps-chip.vert{background:#E1F5EE;color:#085041}.ps-chip.violet{background:#EEEDFE;color:#3C3489}.ps-chip.ambre{background:#FAEEDA;color:#633806}
.ps-lieu{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:#667085}
.ps-dernier .ps-raison{margin:4px 0 14px !important;padding:10px 12px;border-radius:10px;background:#F9FAFB;font-size:14px;line-height:1.55;color:#344054}
.ps-d-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.ps-d-lettre{font-size:12.5px;font-weight:600;color:#5B3BE8}
.ps-crm{position:relative;overflow:hidden;padding:18px 20px !important;border:1px solid #F5D9CC !important;background:linear-gradient(135deg,#FFF6F2 0%,#F3F8FF 100%) !important}
.ps-crm-tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ps-crm .ps-logos{margin:0;gap:8px}
.ps-crm .ps-logos svg{box-sizing:content-box;width:20px;height:20px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -6px rgba(16,24,40,.25)}
.ps-bientot{padding:3px 9px;border-radius:999px;background:#fff;border:1px solid #F5D9CC;color:#B54708;font-size:11px;font-weight:700}
.ps-crm h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#101828}
.ps-crm .ps-crm-texte{color:#475467}
.ps-btn-crm{background:#101828}.ps-btn-crm:hover{background:#344054}
.ps-btn-crm svg{width:14px;height:14px}
/* 01/11 (Paul) : les chiffres de « Cette semaine » : un seul bandeau discret, séparateurs fins, petite icône colorée, chiffres plus petits */
.ps-tuiles{gap:0 !important;border:1px solid #EAECF0;border-radius:14px;background:#fff;overflow:hidden}
.ps-tuile{border:0 !important;border-radius:0 !important;padding:12px 18px !important;background:none !important}
.ps-tuile + .ps-tuile{border-left:1px solid #F2F4F7 !important}
.ps-t-tete{display:flex;align-items:center;gap:7px;font-size:12px;color:#667085}
.ps-t-ico{display:grid;place-items:center;width:22px;height:22px;border-radius:7px}
.ps-t-ico.semaine{background:#E1F5EE;color:#0F6E56}.ps-t-ico.total{background:#EEF4FF;color:#3538CD}.ps-t-ico.contactes{background:#EEEDFE;color:#5B3BE8}.ps-t-ico.positifs{background:#FEF6E7;color:#B54708}
.ps-tuile b{margin-top:6px;font-size:22px !important;font-weight:700}
.ps-tuile small{margin-top:6px !important}
.ps-jauge{height:4px !important}
@media (max-width:980px){.ps-tuile:nth-child(3){border-left:0 !important}.ps-tuile:nth-child(n+3){border-top:1px solid #F2F4F7 !important}}
/* 01/11 (Paul) : carte « Dernier client potentiel reçu » épurée : blanche, nom, signal en texte coloré + ville, phrase, pied avec la lettre et le bouton */
.ps-dernier{padding:18px 20px 14px !important;border-color:#EAECF0 !important;background:#fff !important}
.ps-dernier::before{display:none !important}
.ps-dernier h2{margin:10px 0 4px !important;font-size:19px !important;font-weight:700 !important;letter-spacing:-.01em;color:#101828 !important}
.ps-dernier .ps-meta{gap:4px 14px !important;margin:0 0 10px !important}
.ps-sig-txt{font-size:13px;font-weight:600;color:#475467}
.ps-sig-txt.bleu{color:#185FA5}.ps-sig-txt.rose{color:#993556}.ps-sig-txt.corail{color:#993C1D}.ps-sig-txt.vert{color:#0F6E56}.ps-sig-txt.violet{color:#534AB7}.ps-sig-txt.ambre{color:#854F0B}.ps-sig-txt.gris{color:#5F5E5A}
.ps-dernier .ps-raison{margin:0 0 14px !important;padding:0 !important;background:none !important;font-size:14px;line-height:1.6;color:#475467 !important}
.ps-d-pied{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #F2F4F7}
.ps-d-pied .ps-btn{height:32px;font-size:12.5px}
.ps-nouveau{background:#E1F5EE !important;color:#085041 !important}
/* 01/11 (Paul) : « Cette semaine » : la carte du dernier client potentiel au même style que l'encart CRM ; « À faire maintenant » dessous, à gauche */
.ps-grille{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;grid-template-areas:"dernier crm" "faire lettres" !important}
.ps-grille > .ps-dernier{grid-area:dernier}.ps-grille > .ps-faire{grid-area:faire}.ps-grille > .ps-crm{grid-area:crm}.ps-grille > .ps-lettres{grid-area:lettres}
.ps-dernier{padding:18px 20px !important;border:1px solid #CDEBDD !important;background:linear-gradient(135deg,#F2FBF6 0%,#F3F8FF 100%) !important}
.ps-dernier .ps-d-tete{margin-bottom:2px}
.ps-nouveau{background:#fff !important;border:1px solid #CDEBDD;color:#0F6E56 !important}
.ps-dernier h2{margin:8px 0 4px !important;font-size:16px !important;font-weight:700 !important}
.ps-dernier .ps-raison{font-size:13px !important;line-height:1.55 !important;margin-bottom:12px !important}
.ps-d-pied{border-top:0 !important;padding-top:0 !important}
.ps-dernier .ps-btn,.ps-crm .ps-btn{background:#101828 !important;height:32px;font-size:12.5px}
.ps-dernier .ps-btn:hover,.ps-crm .ps-btn:hover{background:#344054 !important}
@media (max-width:980px){.ps-grille{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"dernier" "faire" "crm" "lettres" !important}}
/* 01/11 (Paul) : les deux cartes du haut (dernier client potentiel, CRM) à la même hauteur ; boutons en bas */
.ps-grille > .ps-dernier,.ps-grille > .ps-crm{align-self:stretch !important;display:flex;flex-direction:column}
.ps-grille > .ps-dernier .ps-d-pied{margin-top:auto}
.ps-grille > .ps-crm .ps-btn{margin-top:auto;align-self:flex-start}
.ps-grille > .ps-crm .ps-crm-texte{margin-bottom:14px}
/* 01/11 (Paul) : couleurs de la carte « Dernier client potentiel reçu » : vert Scopos doux, lueur en haut à droite, bouton vert */
.ps-grille > .ps-dernier{position:relative;overflow:hidden;border:1px solid #BFE5D3 !important;background:radial-gradient(420px 220px at 100% 0%,rgba(16,185,129,.16),transparent 70%),linear-gradient(135deg,#EAF7F1 0%,#F6FBF9 55%,#FFFFFF 100%) !important}
.ps-grille > .ps-dernier .ps-label{color:#3E8C70}
.ps-grille > .ps-dernier h2{color:#0B3D30 !important}
.ps-grille > .ps-dernier .ps-raison{color:#3F5A52 !important}
.ps-grille > .ps-dernier .ps-btn{background:#0F6E56 !important;box-shadow:0 6px 16px -8px rgba(15,110,86,.6)}
.ps-grille > .ps-dernier .ps-btn:hover{background:#085041 !important}
.ps-grille > .ps-dernier .ps-nouveau{border-color:#BFE5D3}

/* 01/11 (Paul) : « Connecter mon CRM » en haut du menu, mis en avant ; encart Pro plus léger ; boîtes blanches sur la carte du dernier prospect */
.mp-nav .mp-it.mp-crm-phare{margin:2px 0 10px;border:1px solid #F5D9CC;background:linear-gradient(135deg,#FFF6F2 0%,#F3F8FF 100%);color:#101828;font-weight:600}
.mp-nav .mp-it.mp-crm-phare:hover{border-color:#EFC2AE}
.mp-nav .mp-it.mp-crm-phare .mp-ico{color:#C2410C}
.mp-nav .mp-it.mp-crm-phare em.mp-bientot{background:#fff;border:1px solid #F5D9CC;color:#B54708;font-weight:700}
.mp-nav .mp-encart{padding:12px 12px 11px;border:1px solid #E4DEFF;background:linear-gradient(140deg,#F7F5FF 0%,#EFEBFF 100%);box-shadow:none}
.mp-nav .mp-encart::after{display:none}
.mp-nav .mp-encart:hover{transform:none;border-color:#C9BEFF;box-shadow:0 6px 16px -12px rgba(91,59,232,.5)}
.mp-nav .mp-encart .mp-encart-ico{width:24px;height:24px;margin-bottom:4px;background:#fff;color:#6D4EF0;box-shadow:0 3px 8px -5px rgba(91,59,232,.45)}
.mp-nav .mp-encart b{font-size:13.5px;color:#2E2470}
.mp-nav .mp-encart small{color:#6B5FB0}
.mp-nav .mp-encart .mp-encart-cta{margin-top:8px;padding:0;background:none;color:#5B3BE8;font-size:12.5px}
.ps-grille > .ps-dernier .ps-d-tete{align-items:flex-start;margin-bottom:12px}
.ps-tuiles-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ps-tb{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -6px rgba(16,24,40,.25);font-size:12.5px;font-weight:600;color:#475467;white-space:nowrap}
.ps-tb.ps-tb-ini{justify-content:center;width:36px;padding:0;font-size:13px;font-weight:700;color:#0F6E56}
.ps-tb.ps-lieu{font-weight:500;color:#667085}
.ps-grille > .ps-dernier .ps-label{margin:0 0 4px}
/* 01/11 (Paul) : boutons noirs partout sur la page « Cette semaine » */
.mp-semaine .ps-btn,.ps-grille > .ps-dernier .ps-btn{background:#101828 !important;color:#fff !important;box-shadow:0 6px 16px -8px rgba(16,24,40,.55) !important}
.mp-semaine .ps-btn:hover,.ps-grille > .ps-dernier .ps-btn:hover{background:#344054 !important}
/* 01/11 (Paul) : plus de fond vert sur la carte du dernier prospect : les mêmes tons que l'encart CRM, en miroir */
.ps-grille > .ps-dernier{border:1px solid #DCE6F5 !important;background:linear-gradient(135deg,#F3F8FF 0%,#FBF8F6 60%,#FFF6F2 100%) !important}
.ps-grille > .ps-dernier .ps-label{color:#667085}
.ps-grille > .ps-dernier h2{color:#101828 !important}
.ps-grille > .ps-dernier .ps-raison{color:#475467 !important}
.ps-grille > .ps-dernier .ps-nouveau{border-color:#DCE6F5}

.mp-nav .mp-it.mp-crm-phare{margin:2px 0 6px}
/* 01/11 (Paul) : la fenêtre des formules plus petite (tout en proportion) */
@media (min-width:700px){.modale.pw-signal.pw-seule{zoom:.8}}

/* 01/11 (Paul) : « Connecter mon CRM » sur une seule ligne, au-dessus de « Compte » */
.mp-nav .mp-it.mp-crm-phare{margin:0 0 4px;padding-left:10px;padding-right:8px;gap:8px}
.mp-nav .mp-it.mp-crm-phare span{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-nav .mp-it.mp-crm-phare em.mp-bientot{flex:none;font-size:10.5px;padding:1px 6px}
/* 01/11 (Paul) : carte du dernier prospect cohérente : une seule teinte (gris ardoise), seul le bouton noir ressort */
.ps-grille > .ps-dernier .ps-tb,.ps-grille > .ps-dernier .ps-tb.ps-sig-txt,.ps-grille > .ps-dernier .ps-tb.ps-tb-ini{color:#344054 !important}
.ps-grille > .ps-dernier .ps-tb.ps-lieu{color:#475467 !important}
.ps-grille > .ps-dernier .ps-tb svg{color:#98A2B3}
.ps-grille > .ps-dernier .ps-d-lettre{color:#344054 !important}
.ps-grille > .ps-dernier .ps-nouveau{background:#101828 !important;border-color:#101828 !important;color:#fff !important}
/* 01/11 (Paul) : cohérence : nos couleurs seulement, le vert et le violet léger (boutons noirs) */
.ps-t-ico.semaine,.ps-t-ico.contactes{background:#E1F5EE;color:#0F6E56}
.ps-t-ico.total,.ps-t-ico.positifs{background:#EEEBFF;color:#5B3BE8}
.ps-grille > .ps-dernier{border:1px solid #E4DEFF !important;background:linear-gradient(135deg,#F6F3FF 0%,#FBFAFF 55%,#FFFFFF 100%) !important}
.ps-grille > .ps-dernier .ps-tb.ps-tb-ini{color:#5B3BE8 !important}
.ps-grille > .ps-dernier .ps-tb{box-shadow:0 4px 12px -6px rgba(91,59,232,.25)}
.ps-grille > .ps-dernier .ps-label{color:#7A6FB8}
.ps-grille > .ps-dernier .ps-d-lettre{color:#5B3BE8 !important}
.ps-grille > .ps-dernier .ps-nouveau{background:#0F6E56 !important;border-color:#0F6E56 !important;color:#fff !important}
.ps-grille > .ps-crm{border:1px solid #CFEBDD !important;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 55%,#FFFFFF 100%) !important}
.ps-crm .ps-logos svg{box-shadow:0 4px 12px -6px rgba(15,110,86,.3)}
.ps-crm .ps-label,.ps-crm .ps-crm-tete + h3{color:#101828}
.ps-bientot{background:#fff !important;border-color:#CFEBDD !important;color:#0F6E56 !important}
.mp-nav .mp-it.mp-crm-phare{border-color:#CFEBDD;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 100%)}
.mp-nav .mp-it.mp-crm-phare:hover{border-color:#A9DCC5}
.mp-nav .mp-it.mp-crm-phare .mp-ico{color:#0F6E56}
.mp-nav .mp-it.mp-crm-phare em.mp-bientot{display:none}
.mp-nav .mp-it.mp-crm-phare span{overflow:visible}

/* 01/11 (Paul) : « À faire maintenant » dessiné comme les autres encarts : vert léger, boîtes blanches, bouton noir */
.ps-grille > .ps-faire{gap:0;border:1px solid #CFEBDD !important;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 55%,#FFFFFF 100%) !important}
.ps-faire .ps-tuiles-b{margin-bottom:12px}
.ps-faire .ps-tb{color:#344054;box-shadow:0 4px 12px -6px rgba(15,110,86,.3)}
.ps-faire .ps-tb.ps-tb-ini{color:#0F6E56}
.ps-faire .ps-label{margin:0 0 4px;color:#3E8C70}
.ps-faire h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#101828}
.ps-faire .ps-faire-texte{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#475467}
.ps-faire .ps-d-pied{margin-top:auto}
/* 01/11 (Paul) : l'encart « Cette piste est-elle pertinente ? » dans la petite colonne : plus de décalage, raisons en petites pastilles, commentaire sur une ligne */
.mp-dash .fiche .fs-avis{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.mp-dash .fiche .fs-avis .fs-avis-txt{flex:1 1 100% !important}
.mp-dash .fiche .fs-avis .fs-avis-raisons,.mp-dash .fiche .fs-avis .fs-avis-com{padding-left:0 !important;min-width:0}
.mp-dash .fiche .fs-avis .fs-avis-raisons{gap:5px !important}
.mp-dash .fiche .fs-avis .fs-avis-raison{padding:4px 10px !important;font-size:12px !important;font-weight:500 !important;white-space:nowrap}
.mp-dash .fiche .fs-avis .fs-avis-com summary{font-size:12.5px !important;white-space:nowrap}
.mp-dash .fiche .fs-avis .fs-avis-com summary svg{flex:none;width:12px;height:12px}

/* 01/11 (Paul) : la barre de la lettre, propre : sur toute la largeur, texte à gauche, ⓘ et bouton à droite */
.fs-lettre-envoi.lettre2.compacte{padding:10px 12px !important;margin:0 0 12px !important;border:1px solid #E4DEFF !important;border-radius:12px !important;background:linear-gradient(135deg,#F6F3FF 0%,#FBFAFF 60%,#FFFFFF 100%) !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action.fs-lettre-envoi-action{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;grid-template-areas:none !important}
.l2-gauche{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}
.l2-env{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#5B3BE8;box-shadow:0 4px 12px -6px rgba(91,59,232,.3)}
.l2-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.l2-txt b{font-size:13.5px;font-weight:650;color:#101828;white-space:nowrap}
.l2-txt small{font-size:11.5px;color:#7A6FB8;white-space:nowrap}
.fs-lettre-envoi.lettre2.compacte .l2-info{order:1;flex:none}
.fs-lettre-envoi.lettre2.compacte .fs-env-bouton{order:2;flex:none}
@media (max-width:560px){.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action.fs-lettre-envoi-action{flex-wrap:wrap !important}.l2-gauche{flex-basis:100%}}
.l2-env svg{width:16px !important;height:16px !important;position:static !important;transform:none !important;opacity:1 !important}
.mp-dash .fiche .l2-env{display:none}
.mp-dash .fiche .l2-txt b{font-size:13px}

/* 01/11 (Paul) : l'encart « Connecter mon CRM » du menu : vert léger, logos dans des boîtes blanches, titre, liste, « Bientôt » */
.mp-crm-encart{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 12px;padding:12px 12px 11px;border:1px solid #CFEBDD;border-radius:14px;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 60%,#FFFFFF 100%);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.mp-crm-encart:hover{border-color:#A9DCC5;box-shadow:0 6px 16px -12px rgba(15,110,86,.5)}
.mp-crm-encart .ps-logos{display:flex;gap:6px;margin:0 0 8px}
.mp-crm-encart .ps-logos svg,.mp-crm-encart .ps-logo-plus{box-sizing:content-box;width:15px;height:15px;padding:5px;border-radius:8px;background:#fff;box-shadow:0 3px 8px -5px rgba(15,110,86,.35)}
.ps-logo-plus{display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:700;line-height:1;color:#0F6E56}
.mp-crm-encart b{font-size:13.5px;font-weight:700;color:#101828}
.mp-crm-encart small{font-size:11.5px;line-height:1.4;color:#5F7F73}
.mp-crm-bientot{position:absolute;top:10px;right:10px;padding:1px 7px;border:1px solid #CFEBDD;border-radius:999px;background:#fff;font-style:normal;font-size:10.5px;font-weight:700;color:#0F6E56}
.ps-crm .ps-logo-plus{display:none}
.mp-dash .fiche .fs-lettre-envoi .l2-env{display:none !important}
.mp-crm-bientot{top:auto;bottom:auto;right:10px;top:46px}
.mp-crm-encart b{padding-right:58px}
.mp-dash .fiche .l2-txt small{white-space:normal}
.mp-dash .fiche .l2-txt{flex:1 1 auto}
.mp-crm-encart .ps-logo-plus{display:none}
.mp-crm-bientot{top:14px}
.mp-crm-encart b{padding-right:0}
/* 01/11 (Paul) : encart CRM du menu sans « Bientôt », avec la boîte « + » */
.mp-crm-encart .ps-logo-plus{display:grid}
/* 01/11 (Paul) : « Ajouter un commentaire » plus court, jamais coupé */
.mp-dash .fiche .fs-avis .fs-avis-com summary{white-space:normal !important;align-items:flex-start}
.mp-dash .fiche .fs-avis .fs-avis-com summary svg{margin-top:3px}
/* 01/11 (Paul) : la barre de la lettre plus haute, plus aérée */
.fs-lettre-envoi.lettre2.compacte{padding:18px 18px !important;border-radius:14px !important}
.fs-lettre-envoi.lettre2.compacte .l2-txt{gap:3px}
.fs-lettre-envoi.lettre2.compacte .l2-txt b{font-size:14.5px !important}
.fs-lettre-envoi.lettre2.compacte .l2-txt small{font-size:12px}
.mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .fs-env-bouton{height:38px !important;padding:0 16px !important;font-size:13.5px !important}
.mp-dash .fiche .fs-lettre-envoi.lettre2.compacte .l2-info{width:28px !important;height:28px !important}

/* 01/11 (Paul) : « Mon entreprise » en colonnes, plus lisible ; signature et coordonnées à droite */
.ent-fiche{max-width:none !important}
.ent-corps{padding:0 !important;border:0 !important;background:none !important}
.ent-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
@media (min-width:981px){.ent-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ent-droite{grid-column:1 / -1}}
@media (min-width:1200px){.ent-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px}.ent-droite{grid-column:auto}}
.ent-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.ent-bloc{padding:18px 18px 8px;border:1px solid #EAECF0;border-radius:14px;background:#fff}
.ent-bloc h4{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;font-weight:700;color:#101828}
.ent-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#E1F5EE;color:#0F6E56;font-style:normal}
.ent-ico svg{width:16px;height:16px}
.ent-bloc-1 .ent-ico{background:#EEEBFF;color:#5B3BE8}
.ent-bloc-2 .ent-ico{background:#FEF0F0;color:#B42318}
.ent-champ{display:block;margin:0 0 14px}
.ent-champ .ent-lib{display:block;font-size:13px;font-weight:650;color:#344054}
.ent-champ small{display:block;margin:2px 0 6px;font-size:12px;line-height:1.4;color:#98A2B3}
.ent-champ .ent-lib + textarea{margin-top:6px}
.ent-champ textarea{display:block;width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #EAECF0;border-radius:10px;background:#F9FAFB;font:14px/1.55 var(--sans,inherit);color:#101828;resize:none;transition:border-color .15s,background .15s,box-shadow .15s}
.ent-champ textarea:hover{border-color:#D0D5DD}
.ent-champ textarea:focus{outline:none;border-color:#0F6E56;background:#fff;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.ent-plus{margin:-8px 0 14px;font-size:12.5px}
.ent-droite .ent-bloc{border-color:#E4DEFF;background:linear-gradient(160deg,#F6F3FF 0%,#FBFAFF 60%,#FFFFFF 100%)}
.ent-droite .ent-bloc .ent-ico{background:#fff;color:#5B3BE8;box-shadow:0 4px 12px -6px rgba(91,59,232,.3)}
.ent-droite .ent-champ textarea{background:#fff}
.ent-note{margin:0;padding:0 4px;font-size:12px;line-height:1.5;color:#98A2B3}
@media (min-width:1200px){.ent-droite{position:sticky;top:16px;align-self:start}}

/* 01/11 (Paul) : l'avertissement à droite de l'encart du nom */
.ent-fiche > header{display:flex !important;align-items:center;gap:16px;flex-wrap:wrap}
.ent-fiche > header > div{flex:1 1 240px;min-width:0}
.ent-avert{display:flex;align-items:flex-start;gap:10px;flex:0 1 380px;margin:0 0 0 auto;padding:12px 14px;border:1px solid #F5D9A8;border-radius:12px;background:#FFF8EB;color:#8A5A00;font-size:13px;line-height:1.45}
.ent-avert svg{flex:none;margin-top:1px;color:#D97706}
.ent-avert b{display:block;font-size:13.5px;color:#7A4D00}
.ent-bloc h4{text-transform:none !important;letter-spacing:0 !important;font-family:inherit !important;font-size:15px !important}
/* 01/11 (Paul) : la commune au-dessus du nom, comme avant */
.ent-fiche > header > div{display:block !important}
.ent-fiche > header > div .meta-fiche{display:block;margin:0 0 2px}

/* 01/11 (Paul) : l'attente du premier client potentiel dans le tableau de bord, et la fiche d'exemple */
.mp-attente .mp-main > .veille-active{min-height:0 !important;margin:0 !important;padding:28px 0 8px !important}
.mp-attente .mp-main > .veille-active .aura{display:none}
.ps-exemple{max-width:760px;margin:28px auto 40px}
.ps-ex-titre{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;color:#101828}
.ps-ex-titre span{padding:2px 9px;border:1px solid #E4DEFF;border-radius:999px;background:#F6F3FF;font-size:11.5px;font-weight:600;color:#5B3BE8}
.ps-exemple .ps-grille{display:grid;grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"dernier" !important}
.ex-blocs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0 16px}
.ex-bloc{padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -8px rgba(91,59,232,.3)}
.ex-bloc p{margin:0;font-size:12.5px;line-height:1.5;color:#475467}
.ex-bloc .ex-bloc-t{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7A6FB8}
.ex-bloc b{color:#101828}
.ps-btn-ex{opacity:.55;cursor:default;pointer-events:none}
@media (max-width:760px){.ex-blocs{grid-template-columns:minmax(0,1fr)}}
.mp-attente .va-sous-titre{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
/* 01/11 (Paul) : l'attente du premier client en largeur : les étapes et l'abonnement côte à côte, l'exemple en dessous sur toute la largeur */
@media (min-width:981px){
  .mp-attente .mp-main > .veille-active{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:stretch;max-width:1100px !important;margin:0 auto !important;text-align:left}
  .mp-attente .mp-main > .veille-active > *{grid-column:1 / -1}
  .mp-attente .mp-main > .veille-active > .va-confirme{justify-self:center}
  .mp-attente .mp-main > .veille-active > .va-attente{grid-column:1;width:auto !important;max-width:none !important;margin:18px 0 0 !important;box-sizing:border-box}
  .mp-attente .mp-main > .veille-active > .va-abo{grid-column:2;width:auto !important;max-width:none !important;margin:18px 0 0 !important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  .mp-attente .ps-exemple{max-width:1100px !important}
}

/* 01/11 (Paul) : « Mon entreprise » en cours d'analyse : un encart moderne, barre de progression et étapes */
.ent-analyse{max-width:720px;margin:24px auto 40px;padding:28px 28px 24px;border:1px solid #E4DEFF;border-radius:20px;background:radial-gradient(420px 200px at 100% 0%,rgba(91,59,232,.10),transparent 70%),linear-gradient(160deg,#F7F5FF 0%,#FFFFFF 60%,#F2FAF6 100%);box-shadow:0 18px 40px -28px rgba(91,59,232,.45)}
.ea-tete{display:flex;align-items:flex-start;gap:16px}
.ea-ico{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;color:#5B3BE8;box-shadow:0 6px 16px -8px rgba(91,59,232,.45)}
.ea-ico i{position:absolute;inset:-4px;border-radius:19px;border:2px solid rgba(91,59,232,.25);animation:ea-onde 1.8s ease-out infinite}
@keyframes ea-onde{from{transform:scale(.9);opacity:1}to{transform:scale(1.25);opacity:0}}
.ea-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5B3BE8}
.ea-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.2);animation:ea-clign 1.2s ease-in-out infinite}
@keyframes ea-clign{50%{opacity:.35}}
.ent-analyse h2{margin:0 0 6px;font-size:22px;font-weight:700;color:#101828}
.ent-analyse h2 em{font-style:normal;color:#0F6E56}
.ea-sous{margin:0;font-size:14px;line-height:1.55;color:#475467}
.ea-barre{position:relative;height:10px;margin:22px 0 6px;border-radius:999px;background:#EEEBFF;overflow:hidden}
.ea-barre b{position:absolute;inset:0 auto 0 0;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,#10B981,#5B3BE8);transition:width .9s ease}
.ea-barre b::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:ea-reflet 1.6s linear infinite}
@keyframes ea-reflet{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.ea-pct{margin:0 0 16px;text-align:right;font-size:12.5px;font-weight:700;color:#5B3BE8}
.ea-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ea-etapes li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;font-size:13px;color:#98A2B3;box-shadow:0 4px 12px -8px rgba(16,24,40,.25);transition:color .3s}
.ea-etapes li i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px solid #E4E7EC;transition:all .3s}
.ea-etapes li.encours{color:#101828}
.ea-etapes li.encours i{border-color:#5B3BE8;border-right-color:transparent;animation:ea-tourne .8s linear infinite}
@keyframes ea-tourne{to{transform:rotate(360deg)}}
.ea-etapes li.fait{color:#0F6E56}
.ea-etapes li.fait i{border-color:#10B981;background:#10B981 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5 8.5 13.5 14.5 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@media (max-width:640px){.ent-analyse{padding:20px}.ea-etapes{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ea-ico i,.ea-label::before,.ea-barre b::after,.ea-etapes li.encours i{animation:none}}

/* 01/11 (Paul) : l'exemple en deux colonnes : la carte à gauche, sa lettre repliée à droite ; la fiche complète en fenêtre */
.ex-deux{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
@media (min-width:1100px){.ex-deux{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.ex-deux .ps-grille,.ex-deux .ps-dernier{height:100%;box-sizing:border-box}
.ex-deux .ex-blocs{grid-template-columns:repeat(2,minmax(0,1fr))}
.ex-lettre{display:flex;flex-direction:column;padding:18px 20px;border:1px solid #CFEBDD;border-radius:16px;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 55%,#FFFFFF 100%)}
.ex-lettre-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3E8C70}
.ex-lettre-t span{padding:1px 8px;border-radius:999px;background:#fff;border:1px solid #CFEBDD;font-size:10.5px;letter-spacing:0;text-transform:none;color:#0F6E56}
.ex-papier{position:relative;padding:18px 20px 12px;border-radius:10px;background:#FFFDF8;box-shadow:0 8px 20px -14px rgba(16,24,40,.35);font-family:Georgia,'Times New Roman',serif;font-size:12.5px;line-height:1.6;color:#344054}
.ex-papier p{margin:0 0 8px}
.ex-papier .ex-exp{font-family:var(--sans,inherit);font-weight:700;color:#101828}
.ex-papier .ex-dest{margin:0 0 10px 45%;font-size:11.5px;color:#475467}
.ex-papier .ex-objet{font-weight:700;color:#101828}
.ex-papier.replie .ex-papier-txt{max-height:190px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.ex-deplier{display:block;margin:4px auto 0;padding:4px 10px;border:0;border-radius:999px;background:none;font:600 12px/1.2 var(--sans,inherit);color:#0F6E56;cursor:pointer}
.ex-deplier:hover{background:#EEF8F3}
.ex-lettre-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.ex-lettre-pied small{font-size:12px;color:#5F7F73}
.ex-envoyer{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:0;border-radius:10px;background:#101828;color:#fff;font:600 13px/1 var(--sans,inherit);cursor:pointer;box-shadow:0 6px 16px -8px rgba(16,24,40,.55)}
.ex-envoyer:hover{background:#344054}
.ex-envoyer svg{width:14px;height:14px}
.exm{max-width:760px !important;padding:28px !important;text-align:left}
.exm .ps-ex-titre{margin:0 0 6px}
.exm h2{margin:0 0 4px;font-size:24px;color:#101828}
.exm-meta{margin:0 0 18px;font-size:13px;color:#667085}
.exm-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.exm-bloc{padding:14px 16px;border:1px solid #EAECF0;border-radius:12px;background:#FAFAFB}
.exm-bloc h4{margin:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7A6FB8}
.exm-bloc p{margin:0;font-size:13.5px;line-height:1.55;color:#344054}
.exm-note{margin:16px 0 0;font-size:12.5px;color:#98A2B3}
@media (max-width:640px){.exm-grille,.ex-deux .ex-blocs{grid-template-columns:minmax(0,1fr)}}

/* 01/11 (Paul) : l'exemple avec la vraie lettre ; la vraie fiche d'exemple et son bandeau */
.ex-lettre .lp-cadre{margin:0}
.ex-lettre .lp-bureau{padding:0 !important;background:none !important}
.ex-bandeau{display:flex;align-items:center;gap:10px;max-width:1100px;margin:0 0 16px;padding:10px 14px;border:1px solid #E4DEFF;border-radius:12px;background:#F6F3FF;font-size:13px;line-height:1.45;color:#3C3489}
.ex-bandeau span{flex:none;padding:2px 9px;border-radius:999px;background:#5B3BE8;color:#fff;font-size:11.5px;font-weight:700}
/* 01/11 (Paul) : l'encart du radar au design de « Analyse en cours » : dégradé violet → vert, étapes en boîtes blanches ; le radar reste */
.mp-attente .veille-active .va-attente{border:1px solid #E4DEFF !important;border-radius:20px !important;background:radial-gradient(420px 200px at 100% 0%,rgba(91,59,232,.10),transparent 70%),linear-gradient(160deg,#F7F5FF 0%,#FFFFFF 60%,#F2FAF6 100%) !important;box-shadow:0 18px 40px -28px rgba(91,59,232,.45) !important;padding:22px !important;align-items:center}
.mp-attente .veille-active .va-attente .va-etapes{gap:8px !important}
.mp-attente .veille-active .va-attente .va-etapes li{padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -8px rgba(16,24,40,.25);font-size:13.5px !important;align-items:center !important}
.mp-attente .veille-active .va-attente .va-etapes li::after{display:none !important}
.mp-attente .veille-active .va-attente .pwg-radar.va-radar{filter:drop-shadow(0 8px 18px rgba(16,185,129,.18))}
.mp-attente .veille-active .va-attente .va-spam{flex-basis:100%;margin-top:12px !important;padding:10px 12px !important;border:0 !important;border-radius:12px;background:rgba(255,255,255,.7);font-size:12.5px}

/* 01/11 (Paul) : contacts fictifs en petites boîtes ; la lettre d'exemple dans les mêmes conteneurs qu'une fiche (vraie mise en page) */
.ex-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}
.ex-ct{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -8px rgba(91,59,232,.3)}
.ex-ct > span{display:flex;flex-direction:column;min-width:0}
.ex-ct small{font-size:11px;color:#98A2B3}
.ex-ct b{overflow:hidden;font-size:13px;font-weight:600;color:#101828;text-overflow:ellipsis;white-space:nowrap}
.ex-ct-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#E1F5EE;color:#0F6E56;font-style:normal}
.ex-ct-ico svg{width:15px;height:15px}
.ex-ct-ico.linkedin{background:#E8F1FB;color:#0A66C2}.ex-ct-ico.relance{background:#EEEBFF;color:#5B3BE8}
.ex-lettre .fiche.ex-fiche-lettre{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;max-width:none !important}
.ex-lettre .ex-fiche-lettre .fs-corps{display:block !important;padding:0 !important;margin:0 !important;border:0 !important;background:none !important}
.ex-lettre .ex-fiche-lettre .fs-pan{display:block !important;margin:0 !important;padding:0 !important}
/* 01/11 (Paul) : l'en-tête de l'attente moins haut : titre sur une ligne, plus petit, serré */
.mp-attente .mp-main > .veille-active{padding-top:16px !important}
.mp-attente .veille-active .va-confirme{margin:0 0 8px !important;transform:scale(.9)}
.mp-attente .veille-active .va-titre{margin:0 !important;font-size:34px !important;line-height:1.15 !important}
.mp-attente .veille-active .va-titre br{display:none}
.mp-attente .veille-active .va-titre em::before{content:" "}
.mp-attente .veille-active .va-sous-titre{margin:6px auto 0 !important;font-size:14.5px !important}
.mp-attente .veille-active .va-attente,.mp-attente .veille-active .va-abo{margin-top:16px !important}

/* 01/11 (Paul) : l'encart d'abonnement de l'attente, au design des autres encarts */
.va-abo-plus{display:none}
.mp-attente .veille-active .va-abo{padding:22px !important;border:1px solid #E4DEFF !important;border-radius:20px !important;background:radial-gradient(380px 180px at 100% 0%,rgba(91,59,232,.14),transparent 70%),linear-gradient(160deg,#F4F1FF 0%,#FBFAFF 60%,#FFFFFF 100%) !important;box-shadow:0 18px 40px -28px rgba(91,59,232,.45) !important;text-align:left !important;align-items:stretch !important;justify-content:flex-start !important}
.mp-attente .veille-active .va-abo .va-abo-etq{align-self:flex-start;margin:0 0 10px !important}
.mp-attente .veille-active .va-abo .va-abo-titre{margin:0 !important;font-size:24px !important;text-align:left !important}
.mp-attente .veille-active .va-abo .va-abo-sous{margin:4px 0 14px !important;text-align:left !important;font-size:13.5px !important}
.mp-attente .va-abo-plus{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.mp-attente .va-abo-plus li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px -8px rgba(91,59,232,.3);font-size:13px;font-weight:500;color:#344054}
.mp-attente .va-abo-plus li i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#10B981;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.mp-attente .veille-active .va-abo .va-abo-bas{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px;margin-top:auto !important;padding-top:0 !important;border-top:0 !important}
.mp-attente .veille-active .va-abo .va-abo-bas::before{display:none !important}
.mp-attente .veille-active .va-abo .va-abo-zero{margin:0 !important;font-size:13px !important;color:#667085 !important}
.mp-attente .veille-active .va-abo .va-abo-btn{height:40px !important;padding:0 18px !important;border-radius:10px !important;background:#101828 !important;background-image:none !important;box-shadow:0 6px 16px -8px rgba(16,24,40,.55) !important;color:#fff !important}
.mp-attente .veille-active .va-abo .va-abo-btn:hover{background:#344054 !important}
/* 01/11 (Paul) : plus de vide : la lettre repliée prend exactement la hauteur de la carte (la carte fixe la hauteur de la ligne) */
@media (min-width:1100px){
  .ex-deux .ex-lettre:has(.lp-cadre.replie){height:0;min-height:100%;box-sizing:border-box;overflow:hidden}
  .ex-lettre:has(.lp-cadre.replie) .ex-fiche-lettre,.ex-lettre:has(.lp-cadre.replie) .ex-fiche-lettre .fs-corps,.ex-lettre:has(.lp-cadre.replie) .ex-fiche-lettre .fs-pan{display:flex !important;flex-direction:column;flex:1 1 auto;min-height:0}
  .ex-lettre .ex-fiche-lettre .fs-pan[data-pan="courrier"] .lp-cadre.replie{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .ex-lettre .ex-fiche-lettre .fs-pan[data-pan="courrier"] .lp-cadre.replie .lp-bureau{flex:1 1 auto;min-height:0;max-height:none}
}
.ex-deux .ps-dernier .ex-contacts{margin-bottom:16px}

/* 01/11 (Paul) : « Mes prospects » pendant l'attente : la fiche d'exemple dans la liste */
.ex-liste{max-width:1100px;margin:0 auto;padding:28px 0 40px}
.ex-liste .mp-titre-page{margin:0 0 14px;font-size:28px;font-weight:700;color:#101828}
.ex-liste-info{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #E4DEFF;border-radius:14px;background:linear-gradient(160deg,#F7F5FF 0%,#FFFFFF 60%,#F2FAF6 100%);font-size:13.5px;line-height:1.5;color:#475467}
.ex-liste-info b{color:#101828}
.ex-liste-info i{flex:none;width:9px;height:9px;border-radius:50%;background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.18);animation:ea-clign 1.2s ease-in-out infinite}
.ex-table{border:1px solid #EAECF0;border-radius:14px;background:#fff;overflow:hidden}
.ex-tete,.ex-ligne{display:grid;grid-template-columns:minmax(0,1.7fr) 100px 120px minmax(0,1fr) 110px 120px;align-items:center;gap:12px;padding:12px 18px}
.ex-tete{background:#F9FAFB;border-bottom:1px solid #EAECF0;font-size:12.5px;font-weight:600;color:#667085}
.ex-ligne{text-decoration:none;color:inherit;transition:background .15s}
.ex-ligne:hover{background:#F6F3FF}
.ex-ent{display:flex;flex-direction:column;min-width:0}
.ex-ent b{font-size:14.5px;color:#0F6E56}
.ex-ent small{font-size:12.5px;color:#98A2B3}
.ex-recu,.ex-stat{font-size:13px;color:#475467}
.ex-sig{font-size:13px;font-weight:600;color:#993C1D}
.ex-let{font-size:12.5px;font-weight:600;color:#5B3BE8}
.ex-badge{justify-self:end;padding:3px 10px;border:1px solid #E4DEFF;border-radius:999px;background:#F6F3FF;font-size:11.5px;font-weight:600;color:#5B3BE8}
.ex-liste-vide{margin:0;padding:24px;border:1px dashed #D0D5DD;border-radius:14px;text-align:center;font-size:14px;color:#667085}
@media (max-width:980px){.ex-tete{display:none}.ex-ligne{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.ex-recu,.ex-stat,.ex-let{display:none}}

/* 01/11 (Paul) : l'attente moins haute ; la ligne « export vers votre CRM » */
.mp-attente .veille-active .va-attente{padding:16px 18px !important}
.mp-attente .veille-active .va-attente .va-etapes{gap:6px !important}
.mp-attente .veille-active .va-attente .va-etapes li{padding:7px 12px !important;font-size:13px !important}
.mp-attente .veille-active .va-attente .pwg-radar.va-radar{width:110px !important;height:110px !important}
.mp-attente .veille-active .va-attente .va-spam{margin-top:8px !important;padding:7px 10px !important;font-size:12px !important}
.mp-attente .veille-active .va-abo{padding:16px 18px !important}
.mp-attente .veille-active .va-abo .va-abo-etq{margin:0 0 6px !important}
.mp-attente .veille-active .va-abo .va-abo-titre{font-size:21px !important}
.mp-attente .veille-active .va-abo .va-abo-sous{margin:2px 0 10px !important;font-size:13px !important}
.mp-attente .va-abo-plus{gap:5px;margin:0 0 12px}
.mp-attente .va-abo-plus li{padding:6px 10px;font-size:12.5px}
.mp-attente .veille-active .va-abo .va-abo-btn{height:36px !important}
.ex-crm-ligne{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;max-width:1100px;margin:22px auto 0;padding:12px 16px;border-top:1px solid #EAECF0;border-bottom:1px solid #EAECF0;font-size:13px;color:#98A2B3}
.ex-crm-txt{color:#667085}
.ex-crm-l{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#667085}
.ex-crm-l svg{flex:none;width:15px;height:15px}
.mp-attente .ps-exemple{margin-top:20px !important}
/* 01/11 (Paul) : les grands encarts (radar, abonnement) sans fond : juste un contour discret ; les petites boîtes gardent leur fond blanc */
.mp-attente .veille-active .va-attente,.mp-attente .veille-active .va-abo{background:transparent !important;box-shadow:none !important;border:1px solid #EAECF0 !important}
/* 01/11 (Paul) : l'encart du radar mieux disposé : le radar à gauche, centré et plus grand, les étapes à droite, l'envoi en bas sur toute la largeur */
@media (min-width:981px){
  .mp-attente .veille-active .va-attente{display:grid !important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:22px;row-gap:12px;align-items:center !important}
  .mp-attente .veille-active .va-attente .pwg-radar.va-radar{grid-column:1;grid-row:1;justify-self:center;align-self:center;order:0 !important;margin:0 !important;width:140px !important;height:140px !important}
  .mp-attente .veille-active .va-attente .va-etapes{grid-column:2;grid-row:1;align-self:center;order:0 !important;padding:0 !important;min-width:0 !important}
  .mp-attente .veille-active .va-attente .va-spam{grid-column:1 / -1;grid-row:2;order:0 !important;margin:0 !important;align-self:end}
}
/* 01/11 (Paul) : téléphone : le radar au-dessus, centré, les étapes en pleine largeur dessous (plus de chevauchement) */
@media (max-width:980px){
  .mp-attente .veille-active .va-attente{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important;padding:16px !important}
  .mp-attente .veille-active .va-attente .pwg-radar.va-radar{position:relative !important;top:auto !important;right:auto !important;left:auto !important;order:0 !important;align-self:center;margin:0 !important;width:96px !important;height:96px !important}
  .mp-attente .veille-active .va-attente .va-etapes{order:1 !important;padding:0 !important;min-width:0 !important;width:100%}
  .mp-attente .veille-active .va-attente .va-spam{order:2 !important;margin:0 !important}
  .mp-attente .mp-main > .veille-active{padding:12px 0 0 !important}
  .mp-attente .veille-active .va-titre{font-size:28px !important}
}
/* 01/11 (Paul) : téléphone : pastille et bouton sur une ligne, contacts d'exemple en une colonne */
.ps-ex-titre span,.ex-envoyer,.ex-envoyer span{white-space:nowrap}
.ex-lettre-pied{flex-wrap:wrap}
@media (max-width:640px){.ex-contacts{grid-template-columns:minmax(0,1fr)}.ex-lettre-pied{justify-content:flex-start}.ps-ex-titre{flex-wrap:wrap;row-gap:6px}}
@media (max-width:980px){.ex-ligne .ex-badge{grid-column:1;justify-self:start}}

/* 01/11 (Paul) : les puces de « Mon entreprise » */
.ent-fiche .ent-raccourcis{margin:14px 0 0}
/* 01/11 (Paul) : l'aperçu de la lettre comme le PDF : texte aux mêmes proportions (il ne déborde plus de la page A4) ;
   si une lettre est longue, la page s'allonge au lieu de couper le bas, et le logo reste sous la signature */
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .fs-message.fs-lettre-page{overflow:visible}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-corps{font-size:11.6px;line-height:1.66}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-dest{font-size:12px;line-height:1.55}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-date{font-size:11px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-objet b{font-size:12.2px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-sig b{font-size:12px}
.fiche .fs-corps .fs-pan[data-pan="courrier"] .lp-bureau .lp-sig span{font-size:11px}
/* 01/11 (Paul) : la pastille « Nouveau » plus fine : fond blanc, point vert qui pulse, texte vert */
.ps-grille > .ps-dernier .ps-nouveau,.ps-nouveau{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px !important;border:1px solid #CFEBDD !important;border-radius:999px;background:#fff !important;color:#0F6E56 !important;font-size:11.5px;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 12px -8px rgba(15,110,86,.45)}
.ps-nouveau::before{content:"";width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:ea-clign 1.4s ease-in-out infinite}

/* 01/11 (Paul) : « Mon entreprise » en petites boîtes repliées */
.ent-pli{margin:0 0 8px;border:1px solid #EAECF0;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.ent-pli:hover{border-color:#D0D5DD}
.ent-pli[open]{border-color:#B7E4D3;box-shadow:0 6px 16px -12px rgba(15,110,86,.45)}
.ent-pli > summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"t fl" "a fl";column-gap:10px;row-gap:2px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}
.ent-pli > summary::-webkit-details-marker{display:none}
.ent-pli-t{grid-area:t;font-size:13px;font-weight:650;color:#344054}
.ent-pli-apercu{grid-area:a;overflow:hidden;font-size:12.5px;color:#667085;text-overflow:ellipsis;white-space:nowrap}
.ent-pli[open] .ent-pli-apercu{display:none}
.ent-pli-fl{grid-area:fl;width:8px;height:8px;border-right:1.8px solid #98A2B3;border-bottom:1.8px solid #98A2B3;transform:rotate(45deg);transition:transform .15s;margin-top:-4px}
.ent-pli[open] .ent-pli-fl{transform:rotate(-135deg);margin-top:4px}
.ent-pli .ent-champ{margin:0;padding:0 12px 12px}
.ent-pli .ent-champ small{margin-top:0}
.ent-pli .ent-plus{display:none}

/* 01/11 (Paul) : le registre officiel sous les contacts, dans la colonne de droite */
.fs-contacts .fs-identite,.fs-contacts > :is(.identite-fiche,.fs-registre){margin-top:12px;padding-top:12px;border-top:1px solid #F2F4F7}

/* 01/11 (Paul) : bouton « Envoyer vers HubSpot » de la fiche ; encart CRM connecté */
.crm-btn{display:inline-flex;align-items:center;gap:7px}
.crm-btn.cache{display:none !important}
.crm-btn.fait{border-color:#FFD3C2;background:#FFF6F2;color:#B54708}
.crm-btn svg{flex:none}
.mp-crm-encart.connecte b::after{content:" ✓";color:#0F6E56}

/* 01/11 (Paul) : « Export CRM » : logos + « + », liste déroulante des CRM */
.crm-dd{position:relative;display:inline-flex}
.crm-dd-btn{display:inline-flex;align-items:center;gap:8px}
.crm-dd-btn.fait{border-color:#CFEBDD;background:#F3FBF7;color:#0F6E56}
.crm-dd-logos{display:inline-flex;align-items:center}
.crm-dd-logos svg,.crm-dd-logos i{box-sizing:content-box;width:13px;height:13px;margin-left:-5px;padding:3px;border:1.5px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.18)}
.crm-dd-logos svg:first-child{margin-left:0}
.crm-dd-logos i{display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;line-height:1;color:#0F6E56;background:#EEF8F3}
.crm-dd-fl{flex:none;color:#98A2B3}
.crm-dd-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:260px;padding:6px;border:1px solid #EAECF0;border-radius:12px;background:#fff;box-shadow:0 12px 32px -8px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.06)}
.crm-it{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;color:#344054;text-align:left;cursor:pointer}
.crm-it:hover{background:#F2F4F7}
.crm-it svg{flex:none;width:16px;height:16px}
.crm-it span{flex:1}
.crm-it em{flex:none;padding:1px 7px;border-radius:999px;background:#F2F4F7;font-style:normal;font-size:11px;font-weight:600;color:#667085}
.crm-it em.ok{background:#E1F5EE;color:#0F6E56}
.crm-it.bientot{cursor:default;color:#98A2B3}
.crm-it.bientot:hover{background:none}
.crm-it.bientot svg{opacity:.55;filter:grayscale(.4)}
.crm-sep{height:1px;margin:6px 4px;background:#F2F4F7}

/* 01/11 (Paul) : les boutons de la fiche sur une ligne, à droite, à la même hauteur */
.barre-fiche .actions-fiche-haut{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-end;gap:8px !important;margin-left:auto !important}
.barre-fiche .actions-fiche-haut > *{flex:none;margin:0 !important}
.barre-fiche .actions-fiche-haut .btn,.barre-fiche .actions-fiche-haut .crm-dd-btn,.barre-fiche .actions-fiche-haut .statut-bouton,.barre-fiche .actions-fiche-haut .fav{height:40px !important;box-sizing:border-box}
.barre-fiche .actions-fiche-haut .fav{width:40px}
@media (max-width:760px){.barre-fiche .actions-fiche-haut{flex-wrap:wrap !important;justify-content:flex-start}}

.crm-dd-menu:not([hidden]){display:block}
.crm-it,.crm-sep{box-sizing:border-box}
.crm-sep{display:block}
/* 01/11 (Paul) : le statut de la fiche comme les boutons d'à côté : fond blanc, contour gris, seul le point garde sa couleur */
.barre-fiche .actions-fiche-haut .statut-bouton,.barre-fiche .actions-fiche-haut .statut-bouton[class*="statut-"]{background:#fff !important;background-image:none !important;border:1px solid #D0D5DD !important;border-radius:10px !important;box-shadow:none !important;color:#344054 !important;padding:0 12px !important;font-weight:600 !important}
.barre-fiche .actions-fiche-haut .statut-bouton:hover{border-color:#98A2B3 !important;background:#F9FAFB !important}
.barre-fiche .actions-fiche-haut .statut-bouton span{color:#344054 !important}
.barre-fiche .actions-fiche-haut .statut-bouton svg{color:#98A2B3 !important}
.barre-fiche .actions-fiche-haut .statut-bouton,.barre-fiche .actions-fiche-haut .statut-bouton[class*="statut-"],.barre-fiche .actions-fiche-haut .fav{border-radius:8px !important}

.crm-bientot-txt{display:inline-block;padding:4px 10px;border-radius:999px;background:#F6F3FF;color:#5B3BE8;font-size:12.5px;font-weight:600}

/* 01/11 (Paul) : la lettre envoyée : bande verte légère, coche, étapes La Poste */
.fs-lettre-envoi.lettre2.compacte.lettre-partie{display:block !important;border-color:#CFEBDD !important;background:linear-gradient(135deg,#EEF8F3 0%,#F8FCFA 60%,#FFFFFF 100%) !important}
.lp2-tete{display:flex;align-items:center;gap:12px}
.lp2-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#10B981;color:#fff;box-shadow:0 4px 12px -6px rgba(16,185,129,.6)}
.lp2-ico svg{width:15px;height:15px}
.lp2-ico.attente{background:#fff;border:2px solid #CFEBDD;border-top-color:#10B981;box-shadow:none;animation:ea-tourne .9s linear infinite;width:24px;height:24px;border-radius:50%}
.lettre-partie .l2-txt small{color:#5F7F73 !important;white-space:normal !important}
.lp2-etapes{display:flex;gap:0;margin:16px 0 2px;padding:0;list-style:none}
.lp2-etapes li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#98A2B3;text-align:center}
.lp2-etapes li::before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:2px;background:#E4E7EC}
.lp2-etapes li:first-child::before{display:none}
.lp2-etapes li.fait::before,.lp2-etapes li.encours::before{background:#10B981}
.lp2-etapes li i{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;border:2px solid #E4E7EC;background:#fff;box-sizing:border-box}
.lp2-etapes li.fait i{border-color:#10B981;background:#10B981}
.lp2-etapes li.encours i{border-color:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.lp2-etapes li.fait,.lp2-etapes li.encours{color:#0F6E56;font-weight:600}
.lp2-souci{margin:12px 0 0;padding:8px 12px;border-radius:10px;background:#FEF3F2;color:#B42318;font-size:13px}
.lp2-relance{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding-top:10px;border-top:1px solid #DDF0E7;font-size:12.5px;font-weight:600;color:#0F6E56}
.lp2-relance svg{flex:none;width:13px;height:13px}
@media (max-width:520px){.lp2-etapes li span{font-size:10px}}

/* 01/11 (Paul) : la fenêtre « Connecter mon CRM » : la liste des CRM */
.modale.crmL{max-width:460px !important;padding:26px !important;text-align:left}
.crmL-etq{margin:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0F6E56}
.crmL h2{margin:0 0 6px;font-size:22px;color:#101828}
.crmL-sous{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:#475467}
.crmL-liste{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.crmL-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #EAECF0;border-radius:12px;background:#fff}
.crmL-it > svg{flex:none;width:20px;height:20px}
.crmL-nom{flex:1;font-size:14px;font-weight:600;color:#101828}
.crmL-bientot{padding:2px 9px;border-radius:999px;background:#F2F4F7;font-style:normal;font-size:11.5px;font-weight:600;color:#667085}
.crmL-ok{font-size:12.5px;font-weight:700;color:#0F6E56}
.crmL-off{font-size:12px;color:#98A2B3}
.crmL-btn{height:32px;padding:0 14px;border:0;border-radius:8px;background:#101828;color:#fff;font-weight:600;cursor:pointer}
.crmL-btn:hover{background:#344054}

/* 01/11 (Paul) : un bouton par CRM connecté, à côté de l'étoile */
.crm-x-zone{display:contents}
.barre-fiche .actions-fiche-haut .crm-x{display:inline-flex;align-items:center;gap:8px}
.crm-x svg{flex:none;width:16px;height:16px}
.barre-fiche .actions-fiche-haut .crm-x.fait{border-color:#CFEBDD !important;background:#F3FBF7 !important;color:#0F6E56 !important}
/* 01/11 (Paul) : « Déconnecter » en bouton, comme « Connecter », mais gris clair */
.crmL .crmL-off,.crmL .crmL-off.lien{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:0;border-radius:8px;background:#F2F4F7;color:#475467;font:600 13px/1 var(--sans,inherit);text-decoration:none;cursor:pointer}
.crmL .crmL-off:hover{background:#E4E7EC;color:#344054}
.crmL-ok{margin-right:2px}

/* 01/11 (Paul) : la case « tout sélectionner », alignée sur les cases des lignes */
.mp-tete .mp-tout{display:flex;justify-content:flex-end;align-items:center}
/* 01/11 (Paul) : « Supprimer (n) » sans fond ni contour : juste l'icône et le texte */
.btn-suppr-coches,.mp-dash .btn-suppr-coches{background:none !important;border:0 !important;box-shadow:none !important;padding:6px 4px !important;height:auto !important;color:#B42318 !important}
.btn-suppr-coches:hover{text-decoration:underline}

/* 01/11 (Paul) : la colonne CRM de « Mes prospects » (entre Lettre et les cases) */
@media (min-width:981px){
  .mp-dash .mp-tete,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne{grid-template-columns:26px minmax(0,1.7fr) 84px 140px minmax(0,1fr) 104px 96px 64px !important}
  .mp-dash .mp-tete > .mp-crm-h{grid-column:7}.mp-dash .mp-tete > .mp-tout{grid-column:8}
  .mp-ligne > .mp-crm{grid-column:7}.mp-ligne > .actions-carte{grid-column:8}
}
@media (max-width:980px){.mp-ligne > .mp-crm,.mp-tete > .mp-crm-h{display:none}}
.mp-crm{display:flex;align-items:center;gap:6px}
.mp-crm-b{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #EAECF0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s}
.mp-crm-b:hover{border-color:#98A2B3;transform:translateY(-1px)}
.mp-crm-b svg{width:15px;height:15px}
.mp-crm-b.envoi{opacity:.5;pointer-events:none}
.mp-crm-b.fait{border-color:#CFEBDD;background:#F3FBF7}
.mp-crm-ok{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:14px;height:14px;border:1.5px solid #fff;border-radius:50%;background:#10B981;color:#fff;font-style:normal;font-size:8px;font-weight:800;line-height:1}

/* 01/11 (Paul) : l'envoi groupé vers les CRM, à côté de « Supprimer » */
.crm-groupe{display:inline-flex;align-items:center;gap:6px;margin-right:14px}
.crm-groupe-t{font-size:12.5px;font-weight:600;color:#475467;white-space:nowrap}
.suppr-slot{display:inline-flex;align-items:center}

/* 01/11 (Paul) : les équipes : « Confier à » dans la fenêtre d'envoi ; la note sous le CRM connecté */
.crm-attrib{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:600;color:#344054}
.crm-attrib select{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid #D0D5DD;border-radius:10px;background:#fff;font:inherit;font-weight:500;color:#101828}
.crm-attrib select:focus{outline:none;border-color:#7F56D9;box-shadow:0 0 0 3px rgba(127,86,217,.15)}
.crmL-it{flex-wrap:wrap}
.crmL-eq{flex-basis:100%;margin:2px 0 0 34px;font-size:12px;line-height:1.45;color:#667085}
.crmL-eq .lien{font-size:12px;font-weight:600}

/* 01/11 (Paul) : « Mon compte » : tout ouvert, en petites boîtes discrètes (comme les contacts de la fiche) */
.cpt-ouv{margin-top:22px !important}
.cpt-ouv > .cpt-sec-tete{display:flex;align-items:center;gap:8px;margin:0 0 8px !important;padding:0 !important;border:0 !important;background:none !important;cursor:default}
.cpt-ouv > .cpt-sec-tete .cpt-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#F2F4F7;color:#475467;border:0;box-shadow:none}
.cpt-ouv > .cpt-sec-tete .cpt-ico svg{width:13px;height:13px}
.cpt-ouv > .cpt-sec-tete h2{font-size:13px !important;font-weight:650;letter-spacing:.01em;color:#344054}
.cpt-ouv > .cpt-sec-tete .cpt-indice{margin-left:auto;font-size:12px;font-style:normal;color:#98A2B3}
.cpt-ouv > .cpt-carte{display:grid;gap:8px;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;overflow:visible !important}
.cpt-ouv > .cpt-carte > *{border:1px solid #EAECF0 !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;padding:10px 14px !important;margin:0 !important}
.cpt-ouv .cpt-init{width:30px !important;height:30px !important;border-radius:9px !important;font-size:11px !important}
.cpt-ouv .cpt-id b{font-size:13.5px}
.cpt-ouv .cpt-id small{font-size:12px}
.cpt-notif-ouv{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cpt-notif-ouv .cpt-notifs{display:flex;gap:18px;flex-wrap:wrap;padding:0 !important;border:0 !important;margin:0 !important}
.cpt-notif-ouv .notif-ligne{display:flex;align-items:center;gap:10px;padding:0 !important;border:0 !important;font-size:13px;color:#344054}
.cpt-ouv .gst-ligne{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cpt-ouv .gst-ligne b{display:block;font-size:13.5px}
.cpt-ouv .gst-ligne small{font-size:12px;color:#667085}
.cpt-ouv .aide-page{margin-top:0}
/* l'envoi automatique vers le CRM */
.cpt-crm-att{margin:0;color:#98A2B3;font-size:13px}
.cpt-crm-vide{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cpt-crm-vide b{display:block;font-size:13.5px;color:#101828}
.cpt-crm-vide small{font-size:12px;color:#667085}
.cpt-crm-l{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 12px}
.cpt-crm-logo{display:grid;place-items:center;width:30px;height:30px;border:1px solid #EAECF0;border-radius:9px;background:#fff}
.cpt-crm-logo svg{width:16px;height:16px}
.cpt-crm-txt b{display:block;font-size:13.5px;color:#101828}
.cpt-crm-txt small{font-size:12px;color:#667085}
.cpt-crm-err{font-style:normal;color:#B42318}
.cpt-crm-inter{display:flex;align-items:center;cursor:pointer}
.cpt-crm-bas{grid-column:2 / -1;padding-top:6px}
.cpt-crm-pour{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#344054}
.cpt-crm-pour select{min-width:0;max-width:280px;height:32px;padding:0 8px;border:1px solid #D0D5DD;border-radius:9px;background:#fff;font:inherit;font-weight:500;color:#101828}
.cpt-crm-note{font-size:12px;color:#667085}
.cpt-crm-note .lien{font-size:12px;font-weight:600}
@media (max-width:640px){.cpt-crm-bas{grid-column:1 / -1}.cpt-crm-pour select{flex:1}}
.cpt-notif-ouv{flex-direction:row !important;align-items:center !important}
.cpt-notif-ouv .cpt-id{flex:1 1 200px;min-width:0}
/* 01/11 (Paul) : Mon compte : les initiales discrètes, comme les logos CRM */
.cpt-ouv .cpt-init{background:#fff !important;border:1px solid #EAECF0 !important;color:#475467 !important;box-shadow:none !important;font-weight:700}
/* 01/11 (Paul) : Mon compte : l aide repliée par défaut */
.cpt-pli > summary.cpt-sec-tete{cursor:pointer;list-style:none}
.cpt-pli > summary.cpt-sec-tete::-webkit-details-marker{display:none}
.cpt-pli > summary .cpt-chev{margin-left:auto;color:#98A2B3;transition:transform .2s}
.cpt-pli[open] > summary .cpt-chev{transform:rotate(180deg)}
/* 01/11 (Paul) : « Mes prospects » sur un écran moyen (981-1279 px) : le nom de l'entreprise garde sa place ; 02/11 : la colonne Note (qui remplace Signal) reste visible, plus étroite */
@media (min-width:981px) and (max-width:1279px){
  .mp-dash .mp-tete,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne{grid-template-columns:26px minmax(0,1fr) 64px 124px minmax(90px,.7fr) 92px 72px 56px !important;column-gap:10px !important}
}
/* 01/11 (Paul) : fiche : sans le bloc « Ce que vous pouvez lui proposer », « Pourquoi maintenant » prend toute la largeur (plus de trou à droite) */
.fiche .fs-corps .fs-lecture > .fs-pourquoi:not(:has(~ .fs-offre)){grid-column:1 / -1}
/* 01/11 (Paul) : accueil, « Chaque prospect arrive avec… » plus discret : plus petit, sans vert */
.recevez .titre-sec{font-size:clamp(17px,1.9vw,20px) !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1.4 !important;color:#344054 !important}
.recevez .titre-sec em{color:#667085 !important;font-weight:500 !important;background:none !important;-webkit-text-fill-color:currentColor !important}
/* 01/11 (Paul) : accueil, les 4 cartes d'exemple plus petites */
.recevez .pile{zoom:.8}

/* 01/11 (Paul) : « Pas sûr ? Parlons-en 20 min en visio », discret, sous l'encart de la lettre */
.pw-rdv{margin:12px 0 0;text-align:center;font-size:13px;color:#667085}
.pw-rdv a{color:#475467;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#D0D5DD}
.pw-rdv a:hover{color:#101828;text-decoration-color:currentColor}

/* 01/11 (Paul) : la clé API Axonaut, dans la fenêtre de connexion */
.axo-cle{display:block;width:100%;margin-top:14px;height:40px;padding:0 12px;border:1px solid #D0D5DD;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:#101828}
.axo-cle:focus{outline:none;border-color:#7F56D9;box-shadow:0 0 0 3px rgba(127,86,217,.15)}

/* 01/11 (Paul) : écran d'attente : le pied de la carte de gauche (adresse d'envoi + « Besoin d'être guidé ? ») */
.veille-active .va-attente .va-pied{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.veille-active .va-attente .va-pied .va-spam{flex:1 1 220px;margin:0;padding:0;border:0}
.va-guide{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:1px solid #E4E0F5;border-radius:12px;background:#FAF9FF}
.va-guide-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#F1EDFC;color:#6D4FD3;flex:none}
.va-guide-txt{display:flex;flex-direction:column;line-height:1.25}
.va-guide-txt b{font-size:13px;font-weight:650;color:#101828}
.va-guide-txt small{font-size:11.5px;color:#667085}
.va-guide-btn{background:#101828 !important;color:#fff !important;border-color:#101828 !important;white-space:nowrap}
.va-guide-btn:hover{background:#000 !important}
@media (max-width:640px){.va-guide{width:100%}.va-guide-btn{margin-left:auto}}
/* 01/11 (Paul) : « Besoin d'être guidé ? » souple : passe sous l'adresse quand la carte est étroite */
.veille-active .va-attente .va-pied .va-spam{flex:1 1 240px;min-width:0}
.va-guide{flex:1 1 280px;min-width:0}
.va-guide-txt{flex:1;min-width:0}
.va-guide-btn{flex:none}

/* 01/11 (Paul) : le prospect offert, bien visible à son arrivée */
.ps-carte.ps-dernier.ps-offert{border:1.5px solid transparent !important;background:linear-gradient(180deg,#F4FBF7,#FFFFFF 70%) padding-box,linear-gradient(135deg,#10B981,#7C5CFC) border-box !important;box-shadow:0 10px 30px rgba(124,92,252,.12);animation:psOffert 2.4s ease-out 2}
@keyframes psOffert{0%{box-shadow:0 0 0 0 rgba(16,185,129,.35),0 10px 30px rgba(124,92,252,.12)}70%{box-shadow:0 0 0 12px rgba(16,185,129,0),0 10px 30px rgba(124,92,252,.12)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0),0 10px 30px rgba(124,92,252,.12)}}
.ps-offert-badge{padding:4px 11px;border-radius:999px;background:linear-gradient(135deg,#10B981,#7C5CFC);color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 12px rgba(124,92,252,.25)}
.ps-offert .ps-label{color:#6D4FD3 !important;font-weight:700}
.ps-offert h2{font-size:23px !important}
@media (prefers-reduced-motion:reduce){.ps-carte.ps-dernier.ps-offert{animation:none}}
/* 01/11 (Paul) : écran d'attente : le pied (adresse + « Besoin d'être guidé ? ») sur toute la largeur de la carte, sous le radar et les étapes */
@media (min-width:981px){.mp-attente .veille-active .va-attente .va-pied{grid-column:1 / -1;grid-row:2;order:0 !important;margin:0 !important;align-self:end}}
@media (max-width:980px){.mp-attente .veille-active .va-attente .va-pied{order:2 !important;margin:0 !important}}
.mp-attente .veille-active .va-attente .va-pied .va-spam{margin:0 !important;padding:0 !important;background:none !important;flex:1 1 240px}
/* la fiche d'exemple : le bandeau « Votre lettre est prête » passe sur deux lignes quand la colonne est étroite (le texte n'est plus écrasé) */
.ex-complete .fs-lettre-envoi-action{flex-wrap:wrap !important;row-gap:10px !important}
.ex-complete .fs-lettre-envoi-action .l2-gauche{flex:1 1 100% !important;min-width:0}
/* le titre de la section, plus grand */
.ex-complete .ps-ex-titre{font-size:24px !important;font-weight:700 !important;letter-spacing:-.02em;color:#101828;margin-bottom:14px !important}
.ex-complete .ps-ex-titre span{font-size:13px !important;vertical-align:middle}
/* 01/11 (Paul) : la fiche d'exemple : le bandeau « Votre lettre est prête » sur deux lignes (plus fort que la règle « compacte ») */
.ex-complete .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action{flex-wrap:wrap !important;row-gap:10px !important}
.ex-complete .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-gauche{flex:1 1 100% !important;min-width:0}
.ex-complete .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action small{white-space:normal}
/* 01/11 (Paul) : « Sans engagement · M'abonner » de la même hauteur que l'encart « Besoin d'être guidé ? » : les deux boutons au même niveau */
@media (min-width:981px){.mp-attente .veille-active .va-abo .va-abo-bas{min-height:62px;align-items:center}}

/* 01/11 (Paul) : écran d'attente : l'en-tête dans une boîte, « Adresse confirmée » en petit dans le coin haut gauche */
.veille-active .va-entete-boite{position:relative;margin:4px 0 0;padding:30px 24px 22px;border:1px solid #E4DEFF;border-radius:20px;background:radial-gradient(420px 160px at 50% 0%,rgba(16,185,129,.08),transparent 70%),linear-gradient(160deg,#F7F5FF 0%,#FFFFFF 55%,#F2FAF6 100%);box-shadow:0 1px 2px rgba(17,19,24,.04);text-align:center}
.veille-active .va-entete-boite .va-confirme{position:absolute;top:12px;left:14px;margin:0 !important;padding:3px 9px 3px 4px !important;gap:6px !important;font-size:11.5px !important;font-weight:600;animation:none}
.veille-active .va-entete-boite .va-confirme .va-coche{width:18px !important;height:18px !important}
.veille-active .va-entete-boite .va-confirme .va-coche svg{width:11px !important;height:11px !important}
.veille-active .va-entete-boite .va-titre{margin-top:8px !important}
.veille-active .va-entete-boite .va-sous-titre{margin-bottom:0 !important}
@media (max-width:640px){.veille-active .va-entete-boite{padding:40px 16px 18px}}

/* 01/11 (Paul) : le titre de la fiche d'exemple dans la même boîte que l'en-tête d'attente */
.ex-complete .ex-titre-boite{position:relative;margin:4px 0 18px;padding:30px 24px 22px;border:1px solid #E4DEFF;border-radius:20px;background:radial-gradient(420px 160px at 50% 0%,rgba(124,92,252,.08),transparent 70%),linear-gradient(160deg,#F7F5FF 0%,#FFFFFF 55%,#F2FAF6 100%);box-shadow:0 1px 2px rgba(17,19,24,.04);text-align:center}
.ex-complete .ex-coin{position:absolute;top:12px;left:14px;margin:0;padding:3px 10px;border:1px solid #E4DEFF;border-radius:999px;background:#F4F1FE;color:#6D4FD3;font-size:11.5px;font-weight:600}
.ex-complete .ex-titre-grand{margin:8px 0 0;font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#101828}
.ex-complete .ex-titre-grand em{font-style:normal;color:#6D4FD3}
.ex-complete .ex-titre-sous{margin:8px auto 0;max-width:560px;font-size:14.5px;line-height:1.5;color:#475467}
@media (max-width:640px){.ex-complete .ex-titre-boite{padding:40px 16px 18px}}

/* 01/11 (Paul) : la flèche vers le bas, à droite de la boîte d'exemple */
.ex-complete .ex-fleche{position:absolute;right:22px;top:50%;margin-top:-22px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #E4DEFF;border-radius:50%;background:#fff;color:#6D4FD3;cursor:pointer;box-shadow:0 6px 16px rgba(124,92,252,.15);animation:exFleche 1.8s ease-in-out infinite}
.ex-complete .ex-fleche:hover{background:#6D4FD3;color:#fff;border-color:#6D4FD3}
@keyframes exFleche{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.ex-complete .ex-fleche{animation:none}}
@media (max-width:640px){.ex-complete .ex-fleche{position:static;margin:12px auto 0}}
/* 01/11 (Paul) : « Aide » repliée : le même titre que les autres rubriques (sans cadre ni ombre), la flèche à droite */
.cpt-ouv.cpt-pli > summary.cpt-sec-tete{display:flex !important;align-items:center;gap:8px;margin:0 0 8px !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;min-height:0 !important}
.cpt-ouv.cpt-pli{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
.cpt-ouv.cpt-pli > summary .cpt-chev{margin-left:auto}
#vue #fact-aide.cpt-pli{border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}

/* 01/11 (Paul) : encarts « Envoi automatique » moins hauts */
.cpt-ouv > .cpt-carte > .cpt-crm-l{padding:8px 14px !important;row-gap:2px}
.cpt-crm-l .cpt-crm-txt b{font-size:13.5px;line-height:1.3}
.cpt-crm-l .cpt-crm-txt small{display:block;line-height:1.35}
.cpt-crm-l .cpt-crm-bas{padding-top:2px}
.cpt-crm-l .cpt-crm-logo{width:28px;height:28px}

/* 01/11 (Paul) : pages de contenu : l'encart « Scopos vous trouve des clients potentiels en quelques secondes · Essayer », au-dessus du titre */
.bandeau-essai-seo{display:flex;align-items:center;gap:14px;margin:14px 0 18px;padding:12px 12px 12px 14px;border:1px solid transparent;border-radius:16px;background:linear-gradient(120deg,#F7F5FF,#FFFFFF 55%,#F2FAF6) padding-box,linear-gradient(120deg,#C9BCFB,#BDE8DC) border-box;box-shadow:0 8px 24px -14px rgba(91,59,232,.35);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.bandeau-essai-seo:hover{transform:translateY(-1px);box-shadow:0 12px 28px -14px rgba(91,59,232,.45)}
.bandeau-essai-seo .bes-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#10B981,#7C5CFC);color:#fff;box-shadow:0 4px 12px rgba(124,92,252,.3)}
.bandeau-essai-seo .bes-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.bandeau-essai-seo .bes-txt b{font-size:15px;font-weight:650;letter-spacing:-.01em;color:#101828}
.bandeau-essai-seo .bes-txt small{font-size:12.5px;color:#667085}
.bandeau-essai-seo .bes-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;background:#101828;color:#fff;font-size:14px;font-weight:600}
.bandeau-essai-seo:hover .bes-btn{background:#000}
@media (max-width:640px){.bandeau-essai-seo{flex-wrap:wrap}.bandeau-essai-seo .bes-txt{flex-basis:calc(100% - 52px)}.bandeau-essai-seo .bes-btn{width:100%;justify-content:center}}

/* 01/11 (Paul) : l'encart « Essayer » v2 : plus haut, radar animé, la phrase de l'accueil, bouton soigné */
.bandeau-essai-seo{gap:18px;margin:16px 0 22px;padding:20px 20px 20px 18px;border-radius:20px;background:radial-gradient(260px 120px at 0% 50%,rgba(16,185,129,.10),transparent 70%),linear-gradient(120deg,#F7F5FF,#FFFFFF 55%,#F2FAF6) padding-box,linear-gradient(120deg,#C9BCFB,#BDE8DC) border-box}
.bandeau-essai-seo .bes-radar{position:relative;flex:none;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#ECFDF5 0%,#D1FAE5 70%,#C7F0DE 100%);box-shadow:inset 0 0 0 1px rgba(16,185,129,.25),0 6px 18px -6px rgba(16,185,129,.45);overflow:hidden}
.bandeau-essai-seo .bes-onde{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(15,110,86,.22)}
.bandeau-essai-seo .bes-onde:nth-child(1){width:42px;height:42px}.bandeau-essai-seo .bes-onde:nth-child(2){width:22px;height:22px}
.bandeau-essai-seo .bes-balayage{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(16,185,129,.55),rgba(16,185,129,0) 70deg);animation:besTour 3.2s linear infinite}
.bandeau-essai-seo .bes-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:besPoint 3.2s ease-in-out infinite}
.bandeau-essai-seo .bes-point.p1{top:14px;left:38px}.bandeau-essai-seo .bes-point.p2{top:38px;left:14px;animation-delay:1.1s}.bandeau-essai-seo .bes-point.p3{top:44px;left:42px;background:#7C5CFC;box-shadow:0 0 0 3px rgba(124,92,252,.18);animation-delay:2.1s}
.bandeau-essai-seo .bes-centre{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#0F6E56}
@keyframes besTour{to{transform:rotate(360deg)}}
@keyframes besPoint{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.bandeau-essai-seo .bes-txt b{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.bandeau-essai-seo .bes-txt b em{font-style:normal;background:linear-gradient(120deg,#10B981,#0F6E56);-webkit-background-clip:text;background-clip:text;color:transparent}
.bandeau-essai-seo .bes-txt small{font-size:13.5px;color:#475467;margin-top:2px}
.bandeau-essai-seo .bes-btn{gap:10px;height:46px;padding:0 8px 0 18px;border-radius:13px;background:linear-gradient(180deg,#1F2937,#0B1220);font-size:14.5px;font-weight:650;box-shadow:0 8px 20px -8px rgba(16,24,40,.55),inset 0 1px 0 rgba(255,255,255,.08);transition:box-shadow .2s ease,transform .2s ease}
.bandeau-essai-seo .bes-btn i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.12);transition:transform .2s ease}
.bandeau-essai-seo:hover .bes-btn{background:linear-gradient(180deg,#111827,#000);box-shadow:0 10px 26px -8px rgba(16,185,129,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.bandeau-essai-seo:hover .bes-btn i{transform:translateX(2px)}
.bandeau-essai-seo .bes-ico{display:none}
@media (prefers-reduced-motion:reduce){.bandeau-essai-seo .bes-balayage,.bandeau-essai-seo .bes-point{animation:none}}
@media (max-width:640px){.bandeau-essai-seo{padding:16px}.bandeau-essai-seo .bes-radar{width:52px;height:52px}.bandeau-essai-seo .bes-txt{flex-basis:calc(100% - 70px)}.bandeau-essai-seo .bes-txt b{font-size:17px}.bandeau-essai-seo .bes-btn{width:100%;justify-content:space-between}}

/* 02/11 (Paul) : colonne « Confié à » (comptes avec équipe) : Entreprise · Confié à · Reçu · Statut · Note · Lettre · CRM · cases */
@media (min-width:981px){
  .mp-dash .mp-tete.avec-confie,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne.avec-confie{grid-template-columns:26px minmax(0,1.5fr) 132px 84px 140px minmax(0,1fr) 104px 96px 64px !important}
  .mp-dash .mp-tete.avec-confie > :nth-child(1){grid-column:1}.mp-dash .mp-tete.avec-confie > :nth-child(2){grid-column:2}.mp-dash .mp-tete.avec-confie > .mp-confie-h{grid-column:3}.mp-dash .mp-tete.avec-confie > :nth-child(6){grid-column:4}
  .mp-dash .mp-tete.avec-confie > :nth-child(4){grid-column:5}.mp-dash .mp-tete.avec-confie > :nth-child(3){grid-column:6}.mp-dash .mp-tete.avec-confie > :nth-child(5){grid-column:7}.mp-dash .mp-tete.avec-confie > .mp-crm-h{grid-column:8}.mp-dash .mp-tete.avec-confie > .mp-tout{grid-column:9}
  .mp-ligne.avec-confie > .fav{grid-column:1}.mp-ligne.avec-confie > .mp-ent{grid-column:2}.mp-ligne.avec-confie > .mp-confie-c{grid-column:3}.mp-ligne.avec-confie > .mp-recu{grid-column:4}.mp-ligne.avec-confie > .mp-stat{grid-column:5}
  .mp-ligne.avec-confie > .mp-sig{grid-column:6}.mp-ligne.avec-confie > .cl-lettre{grid-column:7}.mp-ligne.avec-confie > .mp-crm{grid-column:8}.mp-ligne.avec-confie > .actions-carte{grid-column:9}
}
@media (min-width:981px) and (max-width:1279px){
  .mp-dash .mp-tete.avec-confie,.mp-dash .grille-fiches details.fiche-carte > summary.carte.carte-lundi.mp-ligne.avec-confie{grid-template-columns:26px minmax(150px,1.3fr) 108px 58px 118px minmax(70px,.6fr) 84px 66px 52px !important;column-gap:10px !important}
  .mp-ligne.avec-confie select.mp-confie{font-size:11.5px;padding:1px 4px}
}
@media (max-width:980px){.mp-ligne.avec-confie > .mp-confie-c{grid-column:2;grid-row:4}.mp-tete > .mp-confie-h{display:none}}
.mp-confie-c{min-width:0}.mp-confie-c .mp-confie{margin-top:0}.mp-confie-c select.mp-confie{max-width:100%}
/* 03/11 (Paul) : « sans carte bancaire » sous « Essai gratuit 1 mois », dans le bouton du haut */
.btn-connexion.entete-essai .ee-deux{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.btn-connexion.entete-essai .ee-deux small{font-size:10.5px;font-weight:500;color:#7C5CFC;letter-spacing:.01em}
/* 03/11 (Paul) : la carte Essentiel en essai 1 mois sans carte : bouton vert (le Pro garde son violet) */
.fv-cta.fv-cta-essai{background:#047257;border-color:#047257;color:#fff}
.fv-cta.fv-cta-essai:hover{background:#036048;border-color:#036048}
/* 03/11 (Paul) : les deux boutons à la même hauteur, en bas des cartes (l'Essentiel en essai a une ligne de plus) */
.fv-carte .fv-plus{margin-bottom:12px}
.fv-carte .fv-cta{margin-top:auto}
/* 03/11 (Paul) : « Sans carte bancaire » mis en valeur, en pastille sous le prix de l'essai */
.fv-sans-carte{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin:8px 0 2px;padding:6px 12px;border-radius:999px;background:#E6F5EE;border:1px solid #B7E2CF;color:#047257;font-size:13.5px;line-height:1}
.fv-sans-carte b{font-weight:800;letter-spacing:-.005em}
.fv-sans-carte svg{flex:none}
/* 03/11 (Paul) : la fenêtre des formules est plus haute que l'écran : elle défile au lieu d'être coupée en bas (avant : overflow:hidden sur ordinateur) */
.modale.pw-signal.pw-grand{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
/* 03/11 (Paul) : « sans carte bancaire » dans le bouton, sous « Commencer mon essai gratuit » (fiche et fenêtre de relance) */
.cta-deux{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.cta-deux small{margin-top:3px;font-size:12.5px;font-weight:500;opacity:.75}
.btn .cta-deux small{color:inherit;opacity:.72}
/* 03/11 (Paul) : bouton d'essai à 2 lignes plus serré : la flèche suit le texte, « sans carte bancaire » collé dessous (sans la marge des <small> de l'encadré) */
.btn .cta-deux{gap:0;line-height:1.2}
.btn .cta-deux .cta-l1{display:inline-flex;align-items:center;gap:8px}
.btn .cta-deux small{display:block;margin:3px 0 0;padding:0;font-size:12.5px;line-height:1.2;font-weight:500}
/* 03/11 (Paul) : les deux cartes de même largeur (la pastille « Sans carte bancaire » élargissait l'Essentiel) et le chiffre toujours à côté du texte : les prix à la même hauteur */
@media (min-width:521px){.fv-cartes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.fv-cartes .fv-qte{flex-wrap:nowrap}
/* 03/11 (Paul) : la tagline sous « Vos futurs clients, tout de suite » */
.pwg-tagline{margin:-14px 0 24px;font-size:17px;line-height:1.3;font-weight:600;color:var(--ink-2,#344054);letter-spacing:-.01em}
/* 03/11 (Paul) : « D'autres clients potentiels ? » dans le même bouton que l'essai, séparé par un trait : un seul bloc, cliquable en entier */
.btn-connexion.entete-essai .ee-question{padding-right:12px;margin-right:2px;border-right:1px solid #D6CBFF;font-size:13.5px;font-weight:600;color:#3D2A9E;white-space:nowrap}
@media (max-width:640px){.btn-connexion.entete-essai .ee-question{display:none}}
/* 03/11 (Paul) : l'étiquette de l'encadré du bas : le radar « Veille quotidienne » à la place de « Tous les jours » (le point vert est remplacé par le radar) */
.essai-signal.essai2 .es-etiquette.es-radar:before{display:none}
.essai-signal.essai2 .es-radar .lv-radar{color:#6EE7B7}
.essai-signal.essai2 .es-radar .lv-radar svg{width:18px;height:18px}
/* 03/11 (Paul) : l'accueil, au-dessus du baromètre : « Pas assez de clients en ce moment ? » vers le guide /trouver-des-clients */
.explorer-clients{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:28px 30px;border-radius:20px;border:1px solid #D9EEE3;background:radial-gradient(120% 140% at 0% 0%,#E6F6EE 0%,rgba(230,246,238,0) 60%),linear-gradient(135deg,#F7FCF9,#F5F2FF)}
.explorer-clients .ec-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#047257}
.explorer-clients b{display:block;margin-top:8px;font-size:clamp(22px,2.6vw,26px);line-height:1.2;letter-spacing:-.03em;color:var(--ink,#101828)}
.explorer-clients .ec-texte p:not(.ec-label){margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2,#344054)}
.explorer-clients .ec-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 18px;border-radius:12px;background:#047257;color:#fff;font-size:14.5px;font-weight:600;transition:background .2s ease}
.explorer-clients .ec-btn:hover{background:#036048}
.explorer-clients .ec-liens{display:grid;gap:10px}
.explorer-clients .ec-liens a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #E4ECE8;font-size:15px;font-weight:600;color:var(--ink,#101828);transition:border-color .2s ease,transform .2s ease}
.explorer-clients .ec-liens a:hover{border-color:#047257;transform:translateX(2px)}
.explorer-clients .ec-liens svg{flex:none;color:#047257}
@media (max-width:760px){.explorer-clients{grid-template-columns:1fr;padding:22px 20px;gap:18px}}
/* 04/11 (Paul) : sans le film, l'encart « Scopos aussi » sur toute la largeur */
.film-acc .film-grille.seul{grid-template-columns:minmax(0,1fr)}
.film-acc .film-grille.seul .ia-unique{height:auto;gap:14px;padding:clamp(20px,3vw,34px) clamp(20px,3.4vw,40px)}
/* 04/11 (Paul) : le badge « Essai gratuit 1 mois » de la carte Essentiel, un peu plus gros */
.fv-carte .fv-badge{top:-13px;padding:5px 13px;font-size:13px;letter-spacing:.01em}
/* 04/11 (Paul) : l'encart « Essai gratuit 1 mois » du tableau de bord, bien visible (vert de l'essai) */
.ps-abo.ps-essai{border:1.5px solid #9EE6C9;background:linear-gradient(135deg,#ECFBF4 0%,#F7F5FF 100%);padding:18px 20px}
.ps-abo.ps-essai b{font-size:16.5px;color:#047257;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ps-abo.ps-essai span{color:#3a4150}
.ps-abo.ps-essai .ps-essai-sc{display:inline-flex;padding:2px 10px;border-radius:999px;background:#047257;color:#fff;font-size:11.5px;font-weight:650;letter-spacing:.01em}
.ps-btn.ps-btn-essai{background:#047257 !important;border-color:#047257;color:#fff;white-space:nowrap;height:auto;padding:11px 18px;font-weight:650}
.ps-btn.ps-btn-essai:hover{background:#035f48 !important}
/* 04/11 (Paul) : la petite enveloppe de « Votre lettre est prête » : centrée dans son carré, droite et immobile (la règle de la grande enveloppe animée ne s'applique plus ici) */
.fiche .fs-corps .fs-lettre-envoi .fs-lettre-envoi-action .l2-env{display:grid !important;place-items:center;width:34px;height:34px;margin:0 !important;transform:none !important;animation:none !important;filter:none !important;border-radius:10px;background:#fff;box-shadow:0 4px 12px -6px rgba(91,59,232,.3)}
.fiche .fs-corps .fs-lettre-envoi .fs-lettre-envoi-action .l2-env svg{width:17px !important;height:17px !important;display:block}
/* 04/11 (Paul) : « Votre lettre est prête » ne passe plus sous le bouton ⓘ quand la place manque : le texte va à la ligne, l'icône ⓘ et le bouton gardent leur taille */
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-gauche{flex:1 1 auto !important;min-width:0 !important}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-txt{min-width:0}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-txt b,.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-txt small{white-space:normal !important;overflow-wrap:break-word}
.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .l2-info,.fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action .fs-env-bouton{flex:none !important}
/* 04/11 (Paul) : la fenêtre « Nouveau client potentiel » (l'espace s'actualise tout seul) */
.np-modale{text-align:left}
.np-etq{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#ECFBF4;color:#047257;font-size:12.5px;font-weight:650;letter-spacing:.01em}
.np-point{width:8px;height:8px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:np-pouls 1.6s ease-out infinite}
@keyframes np-pouls{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}100%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.np-modale h2{margin:14px 0 8px;font-size:22px;line-height:1.25}
.np-modale h2 small{font-size:14px;font-weight:500;color:var(--muted,#667085)}
@media (prefers-reduced-motion:reduce){.np-point{animation:none}}
/* 04/11 (Paul) : les 4 avantages sous la vidéo, plus discrets, comme les puces de la fenêtre des formules : petite icône verte, texte gris, plus de carte violette */
.entete.accueil > .benefices.bf-discret{gap:2px 28px;margin-top:22px;max-width:820px}
.benefices.bf-discret li,.benefices.bf-discret li:hover,.benefices.bf-discret li.bf-fort,.benefices.bf-discret li.bf-fort:hover{grid-template-columns:16px 1fr!important;column-gap:9px!important;row-gap:1px!important;padding:6px 4px!important;background:none!important;box-shadow:none!important;border:0!important;transform:none!important}
.benefices.bf-discret .bf-ico,.benefices.bf-discret li.bf-fort .bf-ico{width:16px!important;height:16px!important;margin-top:2px!important;background:none!important;box-shadow:none!important;color:#047257!important}
.benefices.bf-discret .bf-ico svg{width:15px!important;height:15px!important}
.benefices.bf-discret b,.benefices.bf-discret li.bf-fort b{font-size:13.5px!important;font-weight:600;color:#344054!important}
.benefices.bf-discret li > span:not(.bf-ico){font-size:12.5px!important;line-height:1.4!important;color:#667085!important}
@media (max-width:640px){.entete.accueil > .benefices.bf-discret{gap:0;margin-top:16px}.benefices.bf-discret li,.benefices.bf-discret li:hover,.benefices.bf-discret li.bf-fort{padding:5px 2px!important}}
/* 04/11 (Paul) : accueil, espacements cohérents : même écart vidéo → puces et puces → encart « Scopos est unique » (34 px vus), puces alignées sur le texte de l'encart */
.entete.accueil > .benefices.bf-discret{max-width:864px;margin-top:44px;padding:0 37px;box-sizing:border-box;row-gap:10px!important}
main .film-acc.sec{padding-top:44px !important}
@media (max-width:640px){.benefices.bf-discret{margin-top:7px!important;padding:0 4px!important;row-gap:4px!important}main .film-acc.sec{padding-top:36px !important}} /* sur téléphone, les puces passent sous l'encart : 36 px vus de chaque côté de l'encart */
/* 04/11 (Paul) : écran d'attente épuré : le titre sans boîte colorée, le radar plus petit au-dessus des étapes, le tout centré ;
   plus d'encart « Abonnez-vous maintenant », une ligne discrète « Recevoir un 2e client potentiel tout de suite · Voir les formules » */
.veille-active .va-entete-boite.va-epure{border:0!important;background:none!important;box-shadow:none!important;padding:6px 0 0!important;text-align:center}
.veille-active .va-entete-boite.va-epure .va-confirme{position:static!important;display:inline-flex!important;margin:0 auto 6px!important}
.veille-active .va-attente.va-epure,.mp-attente .veille-active .va-attente.va-epure{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;grid-column:1 / -1!important;width:100%;max-width:600px!important;margin:22px auto 0!important;padding:26px 24px 18px!important;text-align:center}
.veille-active .va-attente.va-epure .pwg-radar.va-radar{order:0!important;width:96px!important;height:96px!important;min-width:0!important;flex:none!important;margin:0!important}
.veille-active .va-attente.va-epure .va-etapes{order:1!important;flex:none!important;width:auto!important;max-width:360px!important;margin:0 auto!important;padding:0!important;text-align:left;gap:12px!important}
.veille-active .va-attente.va-epure .va-etapes li{font-size:14.5px}
.veille-active .va-attente.va-epure .va-suivant{order:2!important;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin:6px 0 0;padding:12px 0 0;width:100%;border-top:1px solid var(--line,#EAECF0);font-size:14px;color:#475467}
.veille-active .va-attente.va-epure .va-suivant sup{font-size:.7em}
.veille-active .va-attente.va-epure .va-suivant-btn{background:#fff;color:#101828;border:1px solid #D0D5DD;box-shadow:none;padding:7px 12px;font-size:13.5px}
.veille-active .va-attente.va-epure .va-suivant-btn:hover{border-color:#98A2B3;background:#F9FAFB}
.veille-active .va-attente.va-epure .va-pied,.mp-attente .veille-active .va-attente.va-epure .va-pied{order:3!important;width:100%;justify-content:center!important;border-top:0!important;margin:0!important;padding-top:0!important;font-size:13px}
.veille-active .va-attente.va-epure .va-pied .va-spam{flex:none!important;justify-content:center;text-align:left;color:#667085}
@media (max-width:640px){.veille-active .va-attente.va-epure,.mp-attente .veille-active .va-attente.va-epure{padding:20px 14px 14px!important;margin-top:14px!important}.veille-active .va-attente.va-epure .pwg-radar.va-radar{width:80px!important;height:80px!important}}
.veille-active .va-attente.va-epure .va-pied,.mp-attente .veille-active .va-attente.va-epure .va-pied,.veille-active .va-attente.va-epure .va-suivant{align-self:stretch!important;flex-basis:auto!important;width:auto!important}
.veille-active .va-attente.va-epure .va-pied .va-spam{margin:0 auto!important}
@media (min-width:641px){.veille-active .va-attente.va-epure .va-suivant{flex-wrap:nowrap}}
.veille-active .va-attente.va-epure,.mp-attente .veille-active .va-attente.va-epure{width:100%!important;align-self:center!important}
.veille-active .va-entete-boite.va-epure .va-titre{font-size:clamp(23px,2.5vw,29px)!important;line-height:1.2!important;letter-spacing:-.015em}
.veille-active .va-entete-boite.va-epure .va-sous-titre{font-size:14.5px!important;margin-top:6px!important}
.veille-active .va-attente.va-epure .va-suivant{max-width:none!important;width:100%!important}
@media (min-width:641px){.veille-active .va-attente.va-epure .va-suivant > span{white-space:nowrap}}
.veille-active .va-attente.va-epure .pwg-radar.va-radar{display:none!important} /* 04/11 (Paul) : plus de radar sur l'écran d'attente */
.veille-active .va-entete-boite.va-epure .va-confirme{display:none!important} /* 04/11 (Paul) : plus de pastille « Adresse confirmée » */
.veille-active .va-attente.va-epure .va-pied .va-spam,.mp-attente .veille-active .va-attente.va-epure .va-pied .va-spam{flex:0 1 auto!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}.veille-active .va-attente.va-epure .va-pied .va-spam span{min-width:0;white-space:normal!important}
.veille-active .va-attente.va-epure,.mp-attente .veille-active .va-attente.va-epure{background:none!important;border:0!important;box-shadow:none!important;padding:10px 0 0!important} /* 04/11 (Paul) : plus de boîte autour des étapes */
/* 04/11 (Paul) : les 4 étapes en frise horizontale : 4 points reliés par un fil, le libellé dessous */
.veille-active .va-attente.va-epure .va-etapes,.mp-attente .veille-active .va-attente.va-epure .va-etapes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%!important;max-width:680px!important;margin:8px auto 0!important;padding:0!important}
.veille-active .va-attente.va-epure .va-etapes li,.mp-attente .veille-active .va-attente.va-epure .va-etapes li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:0 6px!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-size:13px!important;line-height:1.35!important}
.veille-active .va-attente.va-epure .va-etapes li > span{padding:0!important}
.veille-active .va-attente.va-epure .va-etapes .va-e-ic{width:22px;height:22px;z-index:1;background:#fff}
.veille-active .va-attente.va-epure .va-etapes li:not(:last-child)::after,.mp-attente .veille-active .va-attente.va-epure .va-etapes li:not(:last-child)::after{display:block!important;content:""!important;position:absolute!important;top:10px!important;bottom:auto!important;left:calc(50% + 15px)!important;right:calc(-50% + 15px)!important;width:auto!important;height:2px!important;border-radius:2px;background:#E3E8E5;animation:vaFil .4s ease var(--f) forwards}
@media (max-width:520px){.veille-active .va-attente.va-epure .va-etapes li,.mp-attente .veille-active .va-attente.va-epure .va-etapes li{font-size:11.5px!important;padding:0 2px!important}}
/* 04/11 (Paul) : l'encart « À quoi ressemble un client potentiel » plus bas et plus discret : plus de boîte, titre plus petit, flèche discrète */
.mp-attente .ex-complete{margin-top:56px!important}
.ex-complete .ex-titre-boite{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center}
.ex-complete .ex-titre-boite .ex-coin{position:static!important;display:inline-block;margin:0 0 6px!important;font-size:11px!important;padding:2px 9px!important}
.ex-complete .ex-titre-grand{margin:0!important;font-size:18px!important;font-weight:650!important;letter-spacing:-.01em!important;color:#344054!important}
.ex-complete .ex-titre-grand em{color:#6D4FD3}
.ex-complete .ex-titre-sous{font-size:13px!important;color:#667085!important;margin:4px auto 0!important}
.ex-complete .ex-fleche{display:none!important}
@media (max-width:640px){.mp-attente .ex-complete{margin-top:40px!important}.ex-complete .ex-titre-grand{font-size:16.5px!important}}
/* 04/11 (Paul) : deux flèches vers le bas, à gauche et à droite du titre de l'exemple */
.ex-complete .ex-titre-boite{position:relative!important;padding:0 44px!important}
.ex-complete .ex-titre-boite::before,.ex-complete .ex-titre-boite::after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C5CFC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.75;animation:exFlecheBas 1.8s ease-in-out infinite}
.ex-complete .ex-titre-boite::before{left:max(8px,calc(50% - 400px))}
.ex-complete .ex-titre-boite::after{right:max(8px,calc(50% - 400px))}
@keyframes exFlecheBas{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.ex-complete .ex-titre-boite::before,.ex-complete .ex-titre-boite::after{animation:none}}
@media (max-width:640px){.ex-complete .ex-titre-boite{padding:0 30px!important}.ex-complete .ex-titre-boite::before,.ex-complete .ex-titre-boite::after{width:18px;height:18px;margin-top:-9px}.ex-complete .ex-titre-boite::before{left:2px}.ex-complete .ex-titre-boite::after{right:2px}}
/* 04/11 (Paul) : l'en-tête de la fiche exemple moins imposant (seulement dans l'exemple) */
.ex-complete .fiche-solo .fiche > header{padding:10px 16px!important;gap:12px!important}
.ex-complete .fiche-solo .fiche > header h2{font-size:18px!important;line-height:1.25!important;letter-spacing:-.01em}
.ex-complete .fiche-solo .fiche > header .meta-texte{font-size:12px!important}
.ex-complete .fiche-solo .fiche > header .benefice-fiche{font-size:13px!important;margin-top:2px!important}
.ex-complete .fiche-solo .fiche > header .pico{width:28px!important;height:28px!important}
.veille-active .va-attente.va-epure .va-suivant-btn,.veille-active .va-attente.va-epure .va-suivant-btn:hover{background:#101828!important;color:#fff!important;border-color:#101828!important} .veille-active .va-attente.va-epure .va-suivant-btn:hover{background:#1D2939!important} /* 04/11 (Paul) : bouton noir, texte blanc */
/* 04/11 (Paul) : « Votre lettre est prête » dans une colonne étroite (fiche, exemple) : enveloppe + titre + « Incluse avec l'abonnement » dessous, à gauche ; puis le bouton, le (i) à sa droite */
.fs-lettre-envoi.lettre2.compacte{container-type:inline-size}
@container (max-width:440px){
  .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"g g" "b i"!important;align-items:center!important;gap:12px 10px!important}
  .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .l2-gauche{grid-area:g!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
  .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .fs-env-bouton{grid-area:b!important;order:0!important;width:100%!important;justify-content:center!important;margin:0!important}
  .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .l2-info{grid-area:i!important;order:0!important;margin:0!important}
  .fs-lettre-envoi.lettre2.compacte .l2-txt{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0}
  .fs-lettre-envoi.lettre2.compacte .l2-txt > small{text-align:left!important;grid-area:auto!important;margin:0!important}
}
@container (max-width:440px){
  .fiche .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .l2-gauche{grid-column:1 / 3!important;grid-row:1!important}
  .fiche .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .fs-env-bouton{grid-column:1!important;grid-row:2!important;width:auto!important}
  .fiche .fs-lettre-envoi.lettre2.compacte .fs-lettre-envoi-action > .l2-info{grid-column:2!important;grid-row:2!important}
}
/* 04/11 (Paul) : fiche d'un pro démarché, pas encore inscrit : contacts floutés avec cadenas, bouton « Voir son contact », fenêtre « Créez votre espace » */
.fs-controle.fs-verrouille .fs-ctl{cursor:pointer}
.fs-controle.fs-verrouille .fs-flou{filter:blur(4.5px);user-select:none;pointer-events:none;color:#344054}
.fs-controle.fs-verrouille .fs-ctl-cadenas{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#F2EEFF;color:#5B3BE8;font-style:normal;margin-left:auto}
.fs-controle.fs-verrouille .fs-ctl-cadenas svg{width:14px;height:14px}
.fs-voir-contact{width:100%;justify-content:center;margin:12px 0 4px}
.dlg-invite{border:0;padding:0;border-radius:20px;max-width:420px;width:calc(100% - 32px);box-shadow:0 24px 60px -20px rgba(16,24,40,.45)}
.dlg-invite::backdrop{background:rgba(16,24,40,.45);backdrop-filter:blur(2px)}
.dlg-invite .inv-boite{position:relative;padding:28px 26px 22px;text-align:center;background:#fff}
.dlg-invite .inv-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:none;font-size:22px;line-height:1;color:#98A2B3;cursor:pointer;border-radius:8px}
.dlg-invite .inv-x:hover{background:#F2F4F7;color:#344054}
.dlg-invite .inv-ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#F2EEFF;color:#5B3BE8;margin-bottom:10px}
.dlg-invite .inv-ico svg{width:20px;height:20px}
.dlg-invite h2{margin:0;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:#101828}
.dlg-invite .inv-txt{margin:6px 0 18px;font-size:14.5px;line-height:1.5;color:#475467}
.dlg-invite .inv-l{display:grid;gap:6px;text-align:left;font-size:13px;font-weight:600;color:#344054}
.dlg-invite .inv-l input{height:46px;padding:0 14px;border:1px solid #D0D5DD;border-radius:12px;font:inherit;font-size:15px;font-weight:400;color:#101828}
.dlg-invite .inv-l input:focus{outline:2px solid #6CD3AE;outline-offset:1px;border-color:#2BB585}
.dlg-invite .inv-go{width:100%;justify-content:center;height:46px;margin-top:14px}
.dlg-invite .inv-petit{margin:12px 0 0;font-size:12px;color:#667085}
.dlg-invite .inv-petit a{color:inherit;text-decoration:underline}
.dlg-invite .inv-err{margin:10px 0 0;font-size:13px;color:#B42318}

/* 04/11 (Paul) : fiche de démarchage : les noms et adresses masqués en petite étiquette floutée avec cadenas (plus de points) */
.masque-pastille{display:inline-flex;align-items:center;gap:5px;vertical-align:baseline;padding:0 7px 0 8px;margin:0 1px;border-radius:7px;background:var(--fond,#F5F5F3);border:1px solid var(--trait,#E6E5E1);cursor:pointer;line-height:1.35;white-space:nowrap;transition:border-color .15s,background .15s}
.masque-pastille:hover{border-color:var(--accent,#048065);background:#eef7f4}
.masque-pastille .mp-flou{filter:blur(4.5px);user-select:none;pointer-events:none;color:var(--texte-2,#52514e)}
.masque-pastille i{display:inline-flex;color:var(--accent,#048065)}
.masque-pastille i svg{width:12px;height:12px}
.masque-pastille .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 04/11 (Paul) : fiche de démarchage : en haut, « Afficher le contact » en texte et un bouton noir « Créer mon espace » */
.btn-connexion.entete-essai.entete-invite,.btn-connexion.entete-essai.entete-invite:hover{gap:14px;padding:0;background:none;border:0;box-shadow:none;transform:none}
.btn-connexion.entete-essai.entete-invite .ee-question{padding:0;margin:0;border:0;font-size:14px;font-weight:600;color:#0b0b0b}
.btn-connexion.entete-essai.entete-invite .ee-bouton{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:11px;background:#0b0b0b;color:#fff;font-size:14px;font-weight:600;transition:background .15s,transform .15s}
.btn-connexion.entete-essai.entete-invite:hover .ee-bouton{background:#2a2a2a;transform:translateY(-1px)}
.btn-connexion.entete-essai.entete-invite .ee-bouton svg{color:#fff}
.crm-dd > span.crm-dd-menu:not([hidden]){display:block}
.fiche-detail .barre-fiche:has(.crm-dd-menu:not([hidden])){position:relative;z-index:40} /* 04/11 : le menu CRM passe au-dessus des raccourcis */

/* 05/11 (Paul) : bandeau « Essai gratuit » : le radar en petit (mêmes proportions, réduit à 60 %), le titre sur une ligne quand il y a la place */
.bandeau-essai-seo .bes-radar,.bandeau-essai-seo .bes-radar[class]{width:64px;height:64px;zoom:.6}
@media (max-width:640px){.bandeau-essai-seo{gap:12px}.bandeau-essai-seo .bes-radar{width:64px;height:64px;zoom:.55}.bandeau-essai-seo .bes-txt{flex:1 1 0;flex-basis:calc(100% - 60px)}}

/* 05/11 (Paul) : l'accueil dans la fenêtre « Essai gratuit » des pages de contenu (/?cadre=1) : seulement le champ « votre société », sa confirmation et ses fenêtres */
html.cadre,html.cadre body{background:#fff}
html.cadre body>*:not(main):not(dialog):not(.modale-fond){display:none!important}
html.cadre #vue{padding:6px 20px 24px!important;margin:0!important;max-width:none!important}
html.cadre #vue>*:not(.entete){display:none!important}
html.cadre .entete.accueil{padding:0!important;margin:0!important;min-height:0!important;text-align:left}
html.cadre .entete.accueil>*:not(.nomzone):not(#aide):not(#confirmation){display:none!important}
html.cadre .entete.accueil #aide{margin:12px 0 0;font-size:14px}

/* 05/11 (Paul) : UNE seule fenêtre : la confirmation et l'e-mail / le code remplissent la fenêtre « Essai gratuit » au lieu de s'ouvrir par-dessus */
html.cadre .entete.accueil::before{content:"Votre premier client potentiel, offert";display:block;margin:22px 44px 18px 0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#101828}
html.cadre #vue{padding:6px 28px 24px!important}
html.cadre .modale-fond{position:fixed;inset:0;display:block;padding:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
html.cadre .modale-fond .modale{width:100%;max-width:none;height:100%;margin:0;padding:28px 28px 24px;border-radius:0;box-shadow:none;animation:none;overflow:auto}
html.cadre .modale-fond .modale-x{display:none}
html.cadre .modale-fond .modale h2{padding-right:40px}
html.cadre dialog#connexion{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:28px 28px 24px;border:0;border-radius:0;box-shadow:none;animation:none}
html.cadre dialog#connexion::backdrop{background:#fff;backdrop-filter:none}
html.cadre dialog#connexion h2,html.cadre dialog#connexion .label{padding-right:40px}
html.cadre dialog#connexion{overflow:auto}
@media (max-width:640px){html.cadre #vue{padding:4px 18px 20px!important}html.cadre .modale-fond .modale,html.cadre dialog#connexion{padding:22px 18px 20px}html.cadre .entete.accueil::before{font-size:21px;margin-top:20px}}

/* 05/11 (Paul) : l'encart « Essai gratuit » dans l'en-tête des pages de contenu, à droite du logo (à la place des liens et de « Premier client offert ») */
.nav .bandeau-essai-seo.bes-entete{margin:0 0 0 auto;padding:6px 6px 6px 10px;gap:12px;border-radius:14px;max-width:640px;flex-wrap:nowrap}
.nav .bandeau-essai-seo.bes-entete .bes-radar{zoom:.5}
.nav .bandeau-essai-seo.bes-entete .bes-txt{flex:1 1 auto;flex-basis:auto}
.nav .bandeau-essai-seo.bes-entete .bes-txt b{font-size:14.5px;line-height:1.25}
.nav .bandeau-essai-seo.bes-entete .bes-btn{width:auto;height:36px;padding:0 6px 0 14px;font-size:13.5px;border-radius:11px;white-space:nowrap}
.nav .bandeau-essai-seo.bes-entete .bes-btn i{width:24px;height:24px;border-radius:7px}
@media (max-width:860px){.nav .bandeau-essai-seo.bes-entete .bes-txt b{font-size:13px}}
@media (max-width:640px){.nav .bandeau-essai-seo.bes-entete{padding:4px;gap:8px;background:none;border:0;box-shadow:none}.nav .bandeau-essai-seo.bes-entete .bes-txt,.nav .bandeau-essai-seo.bes-entete .bes-radar{display:none}.nav .bandeau-essai-seo.bes-entete .bes-btn{width:auto}}
@media (min-width:1024px){.nav .bandeau-essai-seo.bes-entete{max-width:none}.nav .bandeau-essai-seo.bes-entete .bes-txt b{white-space:nowrap}}
/* 05/11 (Paul) : dans l'en-tête, l'encart sans fond coloré ni bordure */
.nav .bandeau-essai-seo.bes-entete{background:none;border:0;box-shadow:none;padding-left:0}
/* 05/11 (Paul) : en-tête : texte plus discret (moins gras, gris), sans radar */
.nav .bandeau-essai-seo.bes-entete .bes-radar{display:none}
.nav .bandeau-essai-seo.bes-entete .bes-txt b{font-weight:400;font-size:14px;letter-spacing:0;color:#475467}
.nav .bandeau-essai-seo.bes-entete .bes-txt b em{font-weight:500}
.nav .bandeau-essai-seo.bes-entete .bes-txt b{font-size:15.5px;color:#344054}
/* 05/11 (Paul) : la phrase de l'en-tête plus en valeur : un peu plus marquée, « client potentiel » souligné d'un trait vert léger */
.nav .bandeau-essai-seo.bes-entete .bes-txt b{font-weight:500;color:#101828;font-size:15.5px}
.nav .bandeau-essai-seo.bes-entete .bes-txt b em{font-weight:650;background:linear-gradient(transparent 62%,rgba(16,185,129,.22) 62%) no-repeat;-webkit-background-clip:border-box;background-clip:border-box;color:#047857;padding:0 2px;border-radius:2px}

/* 05/11 (Paul) : en-tête : la phrase sur deux lignes (« en quelques minutes » en dessous) */
.nav .bandeau-essai-seo.bes-entete .bes-txt b{line-height:1.3;font-size:15px}
.nav .bandeau-essai-seo.bes-entete .bes-txt b em{background:none;padding:0}
.nav .bandeau-essai-seo.bes-entete .bes-txt,.nav .bandeau-essai-seo.bes-entete .bes-txt b{text-align:right}

/* 05/11 (Paul) : dans la fenêtre d'essai, chaque étape garde sa hauteur naturelle (la fenêtre s'ajuste dessus) */
html.cadre .modale-fond .modale{height:auto}
html.cadre dialog#connexion{height:auto}
html.cadre #vue{min-height:0!important}

/* 06/11 (Paul) : sur mobile, la phrase reste visible : logo + bouton sur la 1re ligne, la phrase en dessous, sur toute la largeur */
@media (max-width:640px){
  .nav .nav-in:has(.bes-entete){height:auto;flex-wrap:wrap;row-gap:2px;padding-top:9px;padding-bottom:9px}
  .nav .bandeau-essai-seo.bes-entete{display:contents}
  .nav .bandeau-essai-seo.bes-entete .bes-btn{order:1;margin-left:auto;height:34px;font-size:13px}
  .nav .bandeau-essai-seo.bes-entete .bes-txt{display:block;order:2;flex:1 0 100%;text-align:left}
  .nav .bandeau-essai-seo.bes-entete .bes-txt b{display:block;text-align:left;font-size:13.5px;line-height:1.35;font-weight:500;color:#344054;white-space:normal}
  .nav .bandeau-essai-seo.bes-entete .bes-txt b br{display:none}
}

/* 07/11 (Paul : « mets un peu plus en valeur le prospect reçu, sans l'agrandir ») : bordure dégradée, halo, reflet qui passe, légère élévation au survol */
.ps-grille .ps-dernier{border:1.5px solid transparent !important;background:linear-gradient(140deg,#FCFBFF 0%,#F6F2FF 45%,#F1FBF7 100%) padding-box,linear-gradient(135deg,#A996FF 0%,#7C6CF0 40%,#3CC9A0 100%) border-box !important;box-shadow:0 22px 44px -30px rgba(91,63,214,.6),0 0 0 5px rgba(140,120,245,.07);transition:transform .25s ease,box-shadow .25s ease}
.ps-grille .ps-dernier:hover{transform:translateY(-2px);box-shadow:0 28px 52px -30px rgba(91,63,214,.7),0 0 0 5px rgba(140,120,245,.1)}
.ps-grille .ps-dernier::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 48%,transparent 66%);transform:translateX(-120%);animation:psReflet 2.6s ease .5s 1 both}
.ps-grille .ps-dernier:hover::after{animation:psReflet 1.4s ease 0s 1 both}
@keyframes psReflet{to{transform:translateX(120%)}}
.ps-grille .ps-dernier h2{background:linear-gradient(90deg,#1F1640,#5B3FD6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (prefers-reduced-motion:reduce){.ps-grille .ps-dernier::after{animation:none;display:none}.ps-grille .ps-dernier:hover{transform:none}}
/* 07/11 (Paul : « cohérence hauteurs encarts ») : les cartes d'une même ligne ont la même hauteur, leur bouton en bas */
.ps-grille{align-items:stretch !important}
.ps-grille>.ps-carte{display:flex !important;flex-direction:column}
.ps-grille>.ps-carte>:last-child{margin-top:auto}
.ps-grille>.ps-equipe>.ps-btn{align-self:flex-start}
/* 07/11 (Paul : « améliore, moins de hauteur ») : l'encart « Passer à Pro / Recevoir les suivants » du menu sur une seule rangée : icône, texte, flèche */
.mp-encart{display:grid !important;grid-template-columns:30px minmax(0,1fr) 26px;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;margin-top:10px !important;padding:10px 12px !important;border:1px solid #DCD4FB !important;border-radius:14px !important;background:linear-gradient(135deg,#F8F5FF 0%,#EEE7FF 100%) !important;box-shadow:0 8px 20px -16px rgba(91,63,214,.6) !important;transition:transform .2s,box-shadow .2s}
.mp-encart:hover{transform:translateY(-1px);box-shadow:0 12px 24px -16px rgba(91,63,214,.75) !important}
.mp-encart::after{display:none !important}
.mp-encart .mp-encart-ico{grid-column:1;grid-row:1 / 3;margin:0 !important;width:30px;height:30px;border-radius:9px;background:#fff !important;color:#6D4DF0 !important;box-shadow:0 3px 8px -4px rgba(91,63,214,.45)}
.mp-encart b{grid-column:2;grid-row:1;font-size:13.5px !important;line-height:1.2;color:#2A1F66 !important}
.mp-encart small{grid-column:2;grid-row:2;font-size:11.5px !important;line-height:1.3;color:#6B63A8 !important}
.mp-encart .mp-encart-cta{grid-column:3;grid-row:1 / 3;margin:0 !important;padding:0 !important;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#6D4DF0 !important;color:#fff !important;font-size:0 !important}
.mp-encart .mp-encart-cta::before{content:"→";font-size:13px;line-height:1}
/* 07/11 (Paul : « améliore, cassé là ») : la flèche sur la ligne du titre, le sous-titre sur toute la largeur, une ligne chacun */
.mp-encart{grid-template-columns:30px minmax(0,1fr) 22px !important;padding:10px 12px !important}
.mp-encart b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-encart small{grid-column:2 / 4 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-encart .mp-encart-cta{grid-row:1 !important;align-self:center;width:22px !important;height:22px !important}
.mp-encart .mp-encart-cta::before{font-size:12px}