/* Écran de l'usine à leads. Base : les maquettes choisies par Harlem (plaquette 02, E et K ; police Geist, sombre par défaut). */
:root{
  --bg:#0e1116;--surf:#151a21;--surf2:#1b212a;--line:#2b323d;--line2:#3a4350;--text:#eef1f5;--muted:#aab3c0;--faint:#8b95a3;
  --acc:#2a4fe0;--acc-ink:#fff;--acc-deep:#1b37b0;--acc-soft:#1a2a66;
  --ok:#3ee8b8;--ok-ink:#04281e;--ok-txt:#3ee8b8;--warn:#e2bc4c;--warn-txt:#e2bc4c;--bad:#ff6b6b;--bad-txt:#ff8a8a;--bad-ink:#2a0b0b;
  --t-1:.8125rem;--t0:.9375rem;--t1:1.0625rem;--t2:1.3125rem;--t3:1.625rem;--t4:2.125rem;
  --ff:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--focus:#fff;
}
html.clair{
  --bg:#eef0f3;--surf:#fff;--surf2:#f6f7f9;--line:#d5dae1;--line2:#bcc3cd;--text:#11151b;--muted:#47505d;--faint:#5b6572;
  --acc-soft:#dde4ff;--ok:#0b8f6a;--ok-ink:#fff;--ok-txt:#08775b;--warn:#b7860b;--warn-txt:#8a6300;--bad:#c62828;--bad-txt:#b71c1c;--bad-ink:#fff;--focus:#11151b;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{background:var(--bg);color:var(--text);font:400 var(--t0)/1.45 var(--ff);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:#fff}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit}
svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.k{color:var(--muted)}.f{color:var(--faint)}
.num{font-variant-numeric:tabular-nums}
/* boutons */
.bt{height:34px;padding:0 14px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--t-1);white-space:nowrap;border:1px solid var(--line2);background:var(--surf);color:var(--text);transition:transform .15s ease-out,background .15s,border-color .15s}
.bt:hover{border-color:var(--text)}
.bt:active{transform:scale(.97)}
.bt.p{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.bt.p:hover{background:var(--acc-deep)}
.bt.g{background:var(--ok);border-color:var(--ok);color:var(--ok-ink)}
.bt.q{background:transparent}
.bt.sm{height:28px;padding:0 10px;font-size:.75rem}
.bt.xl{height:48px;padding:0 20px;font-size:var(--t1)}
/* pilules de statut : couleur + forme + mot, jamais la couleur seule (Harlem est daltonien) */
.st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid var(--line2);color:var(--text)}
.st i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.st.appeler{border-style:dashed;color:var(--muted)}
.st.rappeler{color:var(--warn-txt);border-color:var(--warn)} .st.rappeler i{border-radius:1px;transform:rotate(45deg)}
.st.contacte{color:var(--text);border-color:var(--acc);background:var(--acc-soft)}
.st.rdv{color:var(--ok-txt);border-color:var(--ok)} .st.rdv i{border-radius:1px}
.st.signe{background:var(--text);color:var(--bg);border-color:var(--text)}
.st.pasint{color:var(--faint);text-decoration:line-through}
.st.stop{color:var(--bad-txt);border-color:var(--bad)} .st.stop i{width:10px;height:2px;border-radius:0}
.st.trier{color:var(--warn-txt);border-color:var(--warn);border-style:dotted}
/* familles : pictogramme + mot */
.fam{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-1);font-weight:500;white-space:nowrap}
.fam svg{width:14px;height:14px}
/* champs */
.inp{height:34px;border-radius:8px;border:1px solid var(--line2);background:var(--surf);padding:0 10px;font-size:var(--t-1);color:var(--text);width:100%}
.inp::placeholder{color:var(--faint)}
select.inp{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 21px) 50%,calc(100% - 16px) 50%;background-size:5px 5px;background-repeat:no-repeat}
textarea.inp{height:auto;min-height:70px;padding:8px 10px;resize:vertical;line-height:1.45}
/* chips de filtre */
.chip{height:28px;padding:0 10px;border-radius:99px;border:1px solid var(--line2);background:var(--surf);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.chip .n{color:var(--faint);font-weight:500}
.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.chip.on .n{color:var(--bg);opacity:.7}
/* coque commune */
.coque{display:flex;flex-direction:column;min-height:100vh}
.haut{height:52px;display:flex;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--surf)}
.haut .marque{font-weight:700;font-size:var(--t1);display:flex;align-items:center;gap:9px;letter-spacing:-.01em}
.haut .marque svg{width:20px;height:20px;stroke-width:2}
.haut nav{display:flex;gap:2px;margin-left:8px}
.haut nav a{height:52px;display:flex;align-items:center;padding:0 12px;text-decoration:none;color:var(--muted);font-weight:500;border-bottom:2px solid transparent}
.haut nav a.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}
.haut .droite{margin-left:auto;display:flex;align-items:center;gap:10px}
.haut .qui{display:flex;align-items:center;gap:8px;font-size:var(--t-1);color:var(--muted)}
.haut .qui b{width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
.compteurs{display:flex;gap:18px;font-size:var(--t-1);color:var(--muted)}
.compteurs b{color:var(--text);font-weight:600}
table{border-collapse:collapse;width:100%}
th{text-align:left;font-weight:500;color:var(--muted);font-size:.75rem;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--surf)}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:var(--t-1)}
tr.sel td{background:var(--acc-soft)}
tr:hover td{background:var(--surf2)}
tr.sel:hover td{background:var(--acc-soft)}
.nom{font-weight:600;color:var(--text)}
.etoile{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.etoile svg{width:12px;height:12px;fill:currentColor;stroke:none}
.vide{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:12px}
.histo{display:grid;gap:8px}
.histo div{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:var(--t-1)}
.histo .d{color:var(--faint)}
.sep{height:1px;background:var(--line);margin:14px 0}
h2.sec{font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin:0 0 8px}
.note-ex{font-size:.75rem;color:var(--faint);border:1px dashed var(--line2);border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:1px}
body{overflow:auto}
.coque{min-height:100vh}
.av{width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex:none}
.ex{font-size:.6875rem;color:var(--faint);border:1px dashed var(--line2);border-radius:4px;padding:0 5px;font-weight:500;white-space:nowrap}
.panneau{background:var(--surf);border:1px solid var(--line);border-radius:12px}
.titre{font-size:var(--t1);font-weight:650;letter-spacing:-.005em;display:flex;align-items:center;gap:10px}
.titre .k{font-weight:400;font-size:var(--t-1)}
.barre{height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:flex}
.barre i{display:block;height:100%}
.tok{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line2);background:var(--surf2);font-weight:600;font-size:var(--t-1);color:var(--text);white-space:nowrap}
.tok::after{content:"";width:6px;height:6px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg) translateY(-2px);margin-left:2px}
.tok.vide{border-style:dashed;color:var(--muted);font-weight:500}
.lst{display:grid}
.lst>div{display:grid;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-1)}
.lst>div:last-child{border-bottom:0}
.d{color:var(--faint);font-size:.75rem}
.regle{display:flex;gap:8px;align-items:flex-start;font-size:.75rem;color:var(--muted)}
.regle svg{width:14px;height:14px;margin-top:1px;flex:none;color:var(--ok-txt)}
.lien{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2);font-weight:600}
.st.nrp{color:var(--muted);border-style:dotted}.st.nrp i{background:none;border:1.5px solid currentColor}
/* ---- Ajouts de l'écran réel ---- */
html{color-scheme:dark}
html.clair{color-scheme:light}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:10px;border:2px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
*{scrollbar-color:var(--line2) transparent}
input,textarea{caret-color:var(--text)}
.haut nav button{height:52px;display:flex;align-items:center;padding:0 12px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent}
.haut nav button.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}
.haut nav button:hover{color:var(--text)}
main.page{flex:1;display:grid;gap:16px;padding:20px 28px;min-height:0}
/* Phrase du constructeur de lot (E) */
.phr{padding:18px 22px;display:grid;gap:12px}
.phr .p{font-size:var(--t2);line-height:2.1;font-weight:500;letter-spacing:-.005em}
.phr .tok{height:36px;font-size:var(--t1);padding:0 12px;vertical-align:2px;cursor:pointer}
.phr .tok:hover{border-color:var(--text)}
.phr .tok[aria-expanded="true"]{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.phr .tok input{width:3.2em;background:none;border:0;font:inherit;color:inherit;text-align:right;outline:none}
.phr .tok.nombre::after{display:none}
.phr .ajout{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.phr .ajout .k{font-size:var(--t-1)}
.phr .retire{margin-left:2px;color:var(--faint);font-size:var(--t-1);text-decoration:underline;text-underline-offset:3px}
.cols{display:grid;grid-template-columns:1fr 340px;gap:18px;min-height:0;align-items:start}
.cols table td{font-size:var(--t-1);padding:7px 10px}
.table-defile{max-height:calc(100vh - 330px);min-height:220px;overflow:auto}
.res{display:grid;gap:12px;align-content:start}
.res .panneau{padding:14px 16px;display:grid;gap:9px}
.res .lst>div{grid-template-columns:1fr auto}
.go{display:flex;justify-content:space-between;align-items:center;gap:12px}
.entete-tab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px 10px}
.bt[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.bt.xl{width:100%;justify-content:center}
/* Fenêtre d'un jeton */
.pop{position:absolute;z-index:40;min-width:240px;max-width:340px;overflow:auto;overscroll-behavior:contain;background:var(--surf);border:1px solid var(--line2);border-radius:12px;padding:10px;box-shadow:0 12px 32px -8px rgb(0 0 0 / .45);display:grid;gap:2px}
.pop label{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;font-size:var(--t-1);cursor:pointer}
.pop label:hover{background:var(--surf2)}
.pop label .n{margin-left:auto;color:var(--faint)}
.pop input[type=checkbox],.pop input[type=radio],.radio input{accent-color:var(--acc);width:16px;height:16px}
.pop .pied{display:flex;justify-content:space-between;gap:8px;padding:8px 4px 2px;border-top:1px solid var(--line);margin-top:6px}
.pop:has(.tete-cases){min-width:min(360px,calc(100vw - 16px));max-width:min(420px,calc(100vw - 16px))}
.pop.large{min-width:min(400px,calc(100vw - 16px));max-width:min(440px,calc(100vw - 16px))}
.pop .pied{position:sticky;bottom:-10px;background:var(--surf);margin-bottom:-10px;padding-bottom:10px;z-index:1}
.pop .tete-cases{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
.pop .tete-cases .k{font-size:.75rem;font-weight:600}
.pop .tete-cases span{display:flex;gap:4px}
.pop .titre-sec{font-size:.75rem;font-weight:600;color:var(--muted);padding:8px 8px 4px}
.pop .puces{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 6px}
.pop .reg{display:flex;align-items:center}
.pop .reg label{flex:1;font-weight:600}
.pop .deplier{width:28px;height:28px;border-radius:8px;color:var(--muted);flex:none}
.pop .deplier:hover{background:var(--surf2);color:var(--text)}
.pop .deplier svg{width:14px;height:14px;transition:transform .15s}
.pop .deplier[aria-expanded="true"] svg{transform:rotate(90deg)}
.pop .deps{padding-left:22px;display:grid;gap:0}
.pop .deps[hidden]{display:none}
.pop .deps .puces{padding:4px 8px}
.pop label.vide0{color:var(--faint)}
.pop .periode{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px 8px;padding:4px 8px 8px 34px}
.pop .periode .inp{height:30px;padding:0 6px}
.pop .note{font-size:.75rem;color:var(--faint);padding:4px 8px}
.pop .ligne{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:var(--t-1)}
/* Messages */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;font-size:var(--t-1);z-index:60;box-shadow:0 8px 24px -6px rgb(0 0 0 / .4);animation:monte .25s cubic-bezier(.16,1,.3,1)}
.toast.err{background:var(--bad);color:#fff}
.toast.warn{background:var(--warn);color:#1a1300}   /* réussi, mais un point à regarder (12-11-2026) */
@keyframes monte{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.charge{opacity:.55;transition:opacity .2s}
.alerte{border:1px solid var(--warn);color:var(--warn-txt);border-radius:10px;padding:10px 12px;font-size:var(--t-1)}
/* Connexion */
.connexion{min-height:100vh;display:grid;place-items:center;padding:24px}
.connexion form{width:min(400px,100%);display:grid;gap:14px;padding:28px}
.connexion h1{font-size:var(--t3);letter-spacing:-.02em;font-weight:700;display:flex;align-items:center;gap:10px}
.connexion h1 svg{width:26px;height:26px}
.connexion p{color:var(--muted);font-size:var(--t-1)}
/* Équipe (K) */
.lst .err{color:var(--bad);font-weight:600}
.bascule{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2);border-radius:10px;padding:3px;gap:3px}
.bascule button{height:30px;border-radius:7px;font-weight:600;font-size:var(--t-1);color:var(--muted)}
.bascule button.on{background:var(--text);color:var(--bg)}
.champ{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;font-size:var(--t-1)}
.radio{display:flex;align-items:center;gap:10px;font-size:var(--t-1);cursor:pointer}
.equipe-liste>div{grid-template-columns:auto 1fr auto}
@media (max-width:1100px){.cols{grid-template-columns:1fr}.table-defile{max-height:none}}
@media (max-width:640px){main.page{padding:16px}.haut{gap:8px;padding:0 12px}.haut .droite .k{display:none}.phr .p{font-size:var(--t1)}}
/* Liste noire (30-10-2026) */
.ln-droite{display:flex;align-items:center;gap:10px;flex:none}
.ln-droite b{font-size:var(--t2);font-weight:650}
.ln-x{height:26px;width:26px;padding:0;justify-content:center;color:var(--muted)}
.ln-x:hover{color:var(--text)}
.ln-x svg{width:14px;height:14px}
.ln-champ{grid-template-columns:1fr;gap:4px}
/* Confirmation façon appli (30-10-2026) */
.voile{position:fixed;inset:0;z-index:60;background:rgb(0 0 0 / .55);display:grid;place-items:center;padding:16px}
.modale{background:var(--surf);border:1px solid var(--line2);border-radius:14px;padding:20px;max-width:460px;width:100%;display:grid;gap:14px;box-shadow:0 24px 60px -12px rgb(0 0 0 / .6)}
.modale p{font-size:var(--t0);line-height:1.5;color:var(--text)}
#modale-texte{display:grid;gap:8px}
.modale p.plus{font-size:var(--t-1);color:var(--muted)}
.modale .go{justify-content:flex-end}
.bt.danger{background:var(--bad);border-color:var(--bad);color:var(--bad-ink)}
.bt.danger:hover{filter:brightness(.92)}
/* Liste noire : un onglet par groupe */

/* Collecte (proposition E de la plaquette 03, 30-10-2026) */
.phr #campagne{margin-top:-4px}
.col-collecte{display:grid;grid-template-columns:1fr 1fr 360px;gap:16px;align-items:start;transition:opacity .2s}
.col-collecte .panneau{padding:14px 16px;display:grid;gap:9px;align-content:start}
.col-collecte .lst>div{grid-template-columns:1fr auto}
.col-collecte .lst .sous{display:block;margin-top:1px}
.col-collecte .cr .lst>div{grid-template-columns:minmax(0,1fr) 150px;gap:12px}
.col-collecte .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line2);padding-top:10px}
.col-collecte .total b{font-size:var(--t2)}
#lancer{display:grid;gap:9px;margin-top:4px}
.gratuit{color:var(--ok-txt);font-weight:650;white-space:nowrap}
.cher{color:var(--warn-txt);font-weight:650;white-space:nowrap}
.src{display:flex;align-items:center;gap:10px;min-width:0}
.src b{font-size:var(--t-1);font-weight:600}
.src .logo{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;border:1px solid var(--line2);background:var(--surf2);color:var(--text);flex:none}
.src .logo svg{width:14px;height:14px}
.jauge-l{display:grid;gap:4px}
.jauge{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.jauge i{display:block;height:100%;background:var(--acc);transition:width .25s cubic-bezier(.16,1,.3,1)}
.regle.attention svg{color:var(--warn-txt)}
.lancements{display:grid}
.lancements .entete-tab{padding:12px 16px 4px}
.lancements .lst{padding:0 16px 8px}
.lancements .lst>div{grid-template-columns:110px minmax(0,1fr) auto}
.lancements .lst .sous{display:block}
.vide-l{padding:14px 0;color:var(--muted);font-size:var(--t-1)}
@media (max-width:1100px){.col-collecte{grid-template-columns:1fr}.lancements .lst>div{grid-template-columns:1fr auto}.lancements .lst>div>.d:first-child{grid-column:1/-1}}

/* Collecte complétée (31-10-2026) : préréglages, sources, quota, étapes des lancements, étape à la main */
.collecte-tete{gap:10px;padding:14px 18px}
.collecte-tete .p{font-size:var(--t1);line-height:2.15}
.collecte-tete .p .tok{height:32px;font-size:var(--t0)}
.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.preset{display:grid;gap:2px;text-align:left;padding:9px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--surf2);color:var(--text);transition:border-color .15s,background .15s}
.preset:hover{border-color:var(--text)}
.preset .pnom{display:flex;align-items:center;gap:8px;font-weight:650;font-size:var(--t0)}
.preset .conseil{font-size:.6875rem;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid currentColor;color:var(--ok-txt)}
.preset .ob{font-size:.75rem;color:var(--muted);line-height:1.35}
.preset .co{font-size:.75rem;color:var(--faint)}
.preset.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.preset.on .ob,.preset.on .co{color:var(--bg);opacity:.85}
.preset.on .conseil{color:var(--bg)}
.preset.on .pnom::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.col-collecte{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 340px;gap:14px}
.col-collecte .panneau{padding:12px 14px;gap:6px}
.col-collecte .lst>div{padding:6px 0}
.col-collecte .ordre{margin-top:4px;line-height:1.4}
.col-collecte .cr .lst>div{grid-template-columns:minmax(0,1fr) 140px}
.col-collecte .src .logo{width:26px;height:26px;font-size:.6875rem;border-radius:7px}
.pop label.source{align-items:flex-start}
.pop label.source input{margin-top:2px}
.pop label.source .sous{display:block;margin-top:1px;font-weight:400}
.choix-quota{border:1px solid var(--line2);border-radius:10px;padding:8px 10px;display:grid;gap:4px;margin-top:4px}
.choix-quota legend{font-size:.75rem;font-weight:650;color:var(--muted);padding:0 4px}
/* Le quota ne suffit pas : le cadre passe en alerte. */
.choix-quota.manque{border-color:var(--warn)}
.choix-quota.manque legend{color:var(--warn-txt)}
.choix-quota .conseil{font-size:.6875rem;font-weight:600;padding:0 7px;border-radius:99px;border:1px solid currentColor;color:var(--ok-txt);white-space:nowrap}
.choix-quota label{display:flex;gap:9px;align-items:flex-start;font-size:var(--t-1);cursor:pointer;padding:3px 0}
.choix-quota label .sous{display:block}
.choix-quota input{accent-color:var(--acc);width:16px;height:16px;margin-top:2px;flex:none}
.choix-quota .accord{border-top:1px solid var(--line);padding-top:7px;margin-top:2px}
.alerte .go-reduire{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.lancements .lst>div.lancement{grid-template-columns:110px minmax(0,1fr) auto;align-items:start}
.lancement .droite-l{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.etapes{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.et{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--line2);font-size:.6875rem;font-weight:600;color:var(--text);white-space:nowrap}
.et i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.et svg.i{width:12px;height:12px;color:var(--ok-txt)}
.et .mot{font-weight:500}
.et.afaire{border-style:dashed;color:var(--muted)} .et.afaire i{background:none;border:1.5px solid currentColor}
.et.cours{border-color:var(--acc);background:var(--acc-soft)}
.et.main{border-color:var(--warn);color:var(--warn-txt)} .et.main i{border-radius:1px;transform:rotate(45deg)}
.et.pause{border-style:dotted;color:var(--muted)} .et.pause i{border-radius:0;width:7px;height:7px;background:linear-gradient(90deg,currentColor 35%,transparent 35% 65%,currentColor 65%)}
.et.err{border-color:var(--bad);color:var(--bad-txt)} .et.err i{width:9px;height:2px;border-radius:0}
.et.saute{color:var(--faint);text-decoration:line-through}
.carte-main{grid-column:1/-1;border:1px solid var(--warn);border-radius:10px;padding:10px 12px;display:grid;gap:8px;margin:2px 0 4px}
.carte-main .titre{font-size:var(--t0);color:var(--warn-txt)}
.carte-main .titre .k{color:var(--muted)}
.gestes{display:grid;gap:6px;padding-left:20px;font-size:var(--t-1)}
.gestes li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.gestes li::marker{font-weight:650;color:var(--muted)}
.bt.depot{position:relative;overflow:hidden}
.bt.depot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bt.depot:focus-within{outline:2px solid var(--focus);outline-offset:2px}
@media (max-width:1100px){.presets{grid-template-columns:repeat(2,minmax(0,1fr))}.lancements .lst>div.lancement{grid-template-columns:1fr auto}.lancement>.d:first-child{grid-column:1/-1}}
@media (max-width:640px){.presets{grid-template-columns:1fr 1fr;gap:6px}.preset{padding:8px 10px}.preset .ob{display:none}
  .collecte-tete .p{font-size:var(--t0);line-height:2.3}.lancements .lst>div.lancement{grid-template-columns:1fr}.lancement .droite-l{justify-content:flex-start}}
@media (max-width:1100px){.col-collecte{grid-template-columns:1fr}}
@media (max-width:640px){
  .haut{height:auto;min-height:52px;flex-wrap:wrap;row-gap:0;padding:0 12px}
  .haut nav{order:3;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}
  .haut nav button{height:40px;padding:0 10px;white-space:nowrap}
  .haut .marque{font-size:var(--t0);white-space:nowrap}
  .haut .droite #theme span,.haut .qui{display:none}
  .col-collecte .cr .lst>div{grid-template-columns:minmax(0,1fr) 120px}
  .gestes{padding-left:16px}
}
main.page{grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){.collecte-tete .p .tok{white-space:normal;height:auto;min-height:32px;padding:4px 10px;line-height:1.3;text-align:left;max-width:100%}}
.col-collecte .cr .lst>div{grid-template-columns:minmax(0,1fr) 168px;padding:5px 0}
.col-collecte .cr .jauge-l .d{white-space:nowrap}
.lien-bt{font-size:.75rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-align:left;padding:0}
.lien-bt:hover{color:var(--text)}
.go-l{display:flex;gap:6px;flex-wrap:wrap}
.gestes-l{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--t-1)}
.col-collecte .cr .lien-bt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px}

/* En-tête collé (31-10-2026, demande d'Harlem) : fixe en haut de toutes les pages ; la page garde la place de sa
   hauteur entière (--entete-h), donc rien ne saute quand il se réduit à une ligne en descendant. */
.coque{padding-top:var(--entete-h,52px)}
.haut{position:fixed;top:0;left:0;right:0;z-index:30;height:auto;min-height:52px;flex-wrap:wrap;row-gap:0;
  transition:box-shadow .2s ease-out,min-height .2s ease-out}
.haut .marque,.haut nav,.haut .droite{min-height:52px}
.haut-sous{order:5;flex-basis:100%;display:flex;align-items:center;gap:4px;min-height:44px;border-top:1px solid var(--line);margin:0 -20px;padding:0 20px}
.haut-sous:empty{display:none}
.reduit .haut{box-shadow:0 6px 18px -10px rgb(0 0 0 / .45);flex-wrap:nowrap}
.reduit .haut .marque span,.reduit .haut .droite>.k{display:none}
.reduit .haut .marque,.reduit .haut nav,.reduit .haut .droite,.reduit .haut nav button{min-height:44px;height:44px}
.reduit .haut-sous{order:2;flex-basis:auto;border-top:0;margin:0 0 0 6px;padding:0 0 0 12px;min-height:44px;border-left:1px solid var(--line2);
  animation:glisse .22s cubic-bezier(.16,1,.3,1)}
@keyframes glisse{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.haut{transition:none}.reduit .haut-sous{animation:none}}
@media (max-width:640px){
  .haut .marque,.haut .droite{min-height:48px}
  .haut nav{min-height:40px}
  .haut-sous{margin:0 -12px;padding:0 12px;overflow-x:auto;scrollbar-width:none}
  .reduit .haut{overflow-x:auto;scrollbar-width:none;gap:4px}
  .reduit .haut .marque,.reduit .haut .droite{display:none}
  .reduit .haut nav{order:1;width:auto;flex:none}
  .reduit .haut nav button,.reduit .haut-sous .onglet-c{height:44px}
  .reduit .haut-sous{margin:0;padding:0 0 0 8px}
}
@media (max-width:1100px){.cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.phr .p .tok{white-space:normal;height:auto;min-height:32px;padding:4px 10px;line-height:1.3;text-align:left;max-width:100%}}

/* Collecte en deux onglets, Mes lancements, bulles d'aide (31-10-2026, demande d'Harlem) */
[hidden]{display:none !important}
.onglets-c{display:flex;gap:2px;align-self:stretch}
.onglet-c{display:inline-flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;color:var(--muted);font-weight:500;font-size:var(--t-1);border-bottom:2px solid transparent;white-space:nowrap}
.onglet-c:hover{color:var(--text)}
.onglet-c.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}
.onglet-c .compte{font-size:.75rem;color:var(--faint);font-weight:500}
.onglet-c .compte:empty{display:none}
.onglet-c .a-faire{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:99px;border:1px solid var(--warn);color:var(--warn-txt);font-size:.6875rem;font-weight:650}
.onglet-c .a-faire::before{content:"";width:7px;height:7px;background:currentColor;transform:rotate(45deg);border-radius:1px}
main.page{padding-top:16px}
.p-nouvelle{display:grid;gap:12px}
/* Préréglages sur une ligne */
.presets-l{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.etiquette{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-1);font-weight:600}
.collecte-tete{gap:8px;padding:12px 16px}
.presets{gap:6px}
.preset{padding:7px 11px;gap:1px}
.preset .pnom{font-size:var(--t-1)}
.preset .ob{font-size:.75rem}
.collecte-tete .p{line-height:2.05}
.col-collecte .panneau{padding:10px 14px;gap:4px}
.col-collecte .titre{font-size:var(--t0)}
.col-collecte .lst>div{padding:5px 0}
.col-collecte .cr .lst>div{padding:3px 0;grid-template-columns:minmax(0,1fr) 160px}
.col-collecte .src .logo{width:22px;height:22px;font-size:.625rem;border-radius:6px}
.col-collecte .jauge-l{gap:2px}
.col-collecte .jauge{height:5px}
.col-collecte .total{padding-top:6px}
.col-collecte .total b{font-size:var(--t1)}
#lancer{gap:6px;margin-top:2px}
#lancer .bt.xl{height:44px}
.detail-bt{margin-top:4px;font-size:.75rem}
.lst.plus{border-top:1px dashed var(--line2);margin-top:2px}
/* Bulles d'aide */
.aide{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--muted);vertical-align:-4px;flex:none}
.aide svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.aide:hover,.aide[aria-describedby]{color:var(--text);background:var(--surf2)}
.bulle-aide{position:absolute;z-index:70;max-width:min(320px,calc(100vw - 16px));display:grid;gap:4px;padding:10px 12px;border-radius:10px;
  background:var(--text);color:var(--bg);font-size:var(--t-1);line-height:1.45;box-shadow:0 10px 28px -8px rgb(0 0 0 / .5)}
.bulle-aide b{font-weight:650}
.src{flex-wrap:nowrap}
.src .aide{margin-left:-6px}
.cr .lst>div>.note-l{grid-column:1/-1;font-size:.6875rem;line-height:1.35;margin-top:-2px}
/* Mes lancements : une ligne par lancement */
.lc-liste{list-style:none;display:grid}
.lc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.2fr) auto;gap:6px 18px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.lc:first-child{border-top:0}
.lc.a-toi{background:color-mix(in srgb,var(--warn) 7%,transparent)}
.lc.nouveau{animation:repere 2.4s cubic-bezier(.16,1,.3,1)}
@keyframes repere{0%,40%{box-shadow:inset 3px 0 0 var(--acc),inset 0 0 0 2px var(--acc)}100%{box-shadow:none}}
.lc-quoi{display:grid;gap:2px;min-width:0}
.lc-quoi b{font-weight:650}
.lc-etat{display:grid;gap:6px;min-width:0}
.ligne-etat{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.ligne-etat .st{flex:none}
.ligne-etat .phrase{font-size:var(--t-1);line-height:1.45;padding-top:2px;min-width:0;flex:1 1 220px}
.lc-action{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.lc-detail{grid-column:1/-1;font-size:var(--t-1)}
.lc-detail summary{cursor:pointer;color:var(--muted);font-size:.75rem;width:max-content;text-decoration:underline;text-underline-offset:3px}
.lc-detail summary:hover{color:var(--text)}
.lc-detail[open]{display:grid;gap:8px}
.lc-detail[open] summary{margin-bottom:2px}
.lc-barre{display:flex;align-items:center;gap:8px}
.sgs{display:inline-flex;gap:3px}
.sg{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--text)}
.sg svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sg.s-faite{background:var(--text);border-color:var(--text);color:var(--bg)}
.sg.s-a_faire{border-style:dashed}
.sg.s-en_cours{border-color:var(--acc);border-width:2px}
.sg .pt{width:6px;height:6px;border-radius:50%;background:var(--acc)}
.sg.s-attente{border-color:var(--warn)} .sg .lo{width:7px;height:7px;background:var(--warn-txt);transform:rotate(45deg);border-radius:1px}
.sg .pa{width:8px;height:8px;background:linear-gradient(90deg,var(--muted) 35%,transparent 35% 65%,var(--muted) 65%)}
.sg.s-erreur{border-color:var(--bad);color:var(--bad-txt)}
.sg.s-sautee{border-style:dotted} .sg .tr{width:10px;height:1.5px;background:var(--faint)}
.lc-etapes{list-style:none;display:grid;gap:4px}
.lc-etapes li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center}
.gestes-lr{display:grid;gap:6px;border:1px solid var(--warn);border-radius:10px;padding:10px 12px}
.gestes-lr>b{display:flex;align-items:center;gap:4px;color:var(--warn-txt)}
@media (prefers-reduced-motion:reduce){.lc.nouveau{animation:none;box-shadow:inset 3px 0 0 var(--acc)}}
@media (max-width:1100px){.lc{grid-template-columns:minmax(0,1fr) auto}.lc-etat{grid-column:1/-1;grid-row:2}}
@media (max-width:640px){.presets-l{grid-template-columns:1fr}.lc{grid-template-columns:1fr;padding:12px}.lc-action{justify-content:flex-start}.lc-etat{grid-row:auto}
  .onglet-c{padding:0 10px}}
.haut nav{order:1}.haut .droite{order:3}
.lc-main{grid-column:1/-1}
@media (max-width:640px){.haut nav{order:4}.reduit .haut nav{order:1}.reduit .haut nav button:not(.on){display:none}}
/* Ligne 4 ter (31-10-2026) : nom des collectes, Apify toujours proposé, bulle de chaque étape. */
.nom-c{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:28px}
.lc-nom{display:inline-flex;align-items:center;gap:4px;min-width:0}
.nom-l{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}
.nom-l.defaut{font-weight:600}
.crayon{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--muted);background:none;border:0;cursor:pointer}
.crayon:hover{color:var(--text);background:var(--line)}
.crayon .i{width:15px;height:15px}
.nom-champ{height:30px;width:min(100%,360px);font-weight:600}
button.sg{padding:0;font:inherit;background-color:transparent;cursor:help}
button.sg.s-faite{background:var(--text)}
@media (pointer:coarse){.sgs{gap:5px}button.sg{width:26px;height:26px}.crayon{width:32px;height:32px}}
/* BetterContact (31-10-2026) : ce qui a été trouvé, visible sans déplier ; « à vérifier » en clair, jamais la couleur seule. */
.lc-bc{grid-column:1/-1;margin:0;font-size:13px}
.lc-bc .a-verifier{display:inline;color:var(--warn-txt);font-weight:600}
/* Contacts « à vérifier » (07-11-2026, étape 3q) : un dépliant sous le bilan BetterContact, une ligne par contact. */
.lc-verif{grid-column:1/-1;margin:2px 0 0}
.lc-verif>summary{cursor:pointer;width:max-content;max-width:100%;font-size:13px;font-weight:600;color:var(--warn-txt);border-radius:6px}
.lc-verif>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.lc-verif-l{margin-top:8px}
.lc-verif-l ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lc-verif-l .d{font-size:13px;color:var(--muted)}
.vf{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1.6fr) auto;grid-template-areas:"qui noms bt" "qui quoi bt";gap:4px 18px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surf2)}
.vf-qui{grid-area:qui;display:flex;flex-direction:column;gap:2px;min-width:0}
.vf-qui b{font-weight:600;overflow-wrap:anywhere}
.vf-noms{grid-area:noms;display:flex;flex-wrap:wrap;gap:2px 16px;font-size:13px}
.vf-quoi{grid-area:quoi;overflow-wrap:anywhere}
.vf-bt{grid-area:bt;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media (max-width:720px){.vf{grid-template-columns:1fr;grid-template-areas:"qui" "noms" "quoi" "bt"}.vf-bt{justify-content:flex-start}}
/* Pagination (01-11-2026, ligne 4 quater) : la même barre sous chaque liste longue ; le nombre se lit, la flèche se voit. */
.pg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px 14px;margin-top:4px;border-top:1px solid var(--line);font-size:var(--t-1)}
.pg-par{width:auto;height:28px;padding:0 8px;font-size:.75rem}
.pg-ou{flex:1 1 auto;min-width:0;font-variant-numeric:tabular-nums}
.pg-ou b{font-weight:600}
.pg-ou .d{font-size:inherit;color:var(--muted)}
.pg-fl{display:inline-flex;gap:6px;margin-left:auto}
.pg-fl .bt{width:34px;padding:0;justify-content:center}
.pg-av svg.i{transform:rotate(180deg)}
.pg-annonce{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pg-ancre{scroll-margin-top:calc(var(--entete-h, 64px) + 12px)}
@media (pointer:coarse){.pg-fl .bt{width:42px;height:42px}.pg-par{height:42px}}
/* Mes leads (ligne 4 sexies, 01-11-2026) : la maquette B de la plaquette 05. */
.cherche{position:relative;flex:0 1 280px;display:block}
.cherche svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.cherche .inp{padding-left:30px;width:100%}
th.n{text-align:right}
.tri{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.75rem;font-weight:500;padding:2px 4px;border-radius:5px}
.tri:hover,.tri.on{color:var(--text)}
.tri:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.tri .sens{font-size:.625rem;color:var(--faint)}
.tri.on .sens{color:var(--text)}
#tab-leads tbody tr[data-id]{cursor:pointer}
#tab-leads tbody tr[data-id]:focus-visible td{outline:2px solid var(--acc);outline-offset:-2px}
.mini-ct{display:inline-flex;gap:6px}
.mini-ct span{display:inline-flex}
.mini-ct svg{width:14px;height:14px}
.mini-ct .a{color:var(--text)}
.mini-ct .n{color:var(--line2)}
html.clair .mini-ct .n{color:#c3c9d2}
.barre-n{display:inline-block;height:6px;border-radius:3px;background:var(--acc);vertical-align:middle;margin-right:8px;opacity:.85}
.fiche{display:grid;gap:7px;align-content:start}
.fiche-tete{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.fiche-nom{font-size:var(--t1);font-weight:650;letter-spacing:-.005em;line-height:1.3}
.fiche h2.sec{margin:8px 0 0}
.fiche .note{font-size:.75rem;color:var(--muted);line-height:1.45}
.fl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;font-size:var(--t-1);align-items:center;padding:3px 0;overflow-wrap:anywhere}
.fl .k{display:inline-flex;align-items:center;gap:7px}
.fl .k svg{width:14px;height:14px;flex:none}
.fl a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
/* 3t2 : le fil des remarques de Radar CRM (date · auteur, puis le texte, retours à la ligne gardés). */
.fi-remarques{display:grid;gap:10px;font-size:var(--t-1)}
.fi-remarques .rq{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.fi-remarques .rq:last-child{padding-bottom:0;border-bottom:0}
.fi-remarques .k{font-size:.75rem;color:var(--muted)}
.fi-remarques .rq-t{white-space:pre-line;overflow-wrap:anywhere;line-height:1.45}
@media (max-width:1100px){.fl{grid-template-columns:110px minmax(0,1fr)}}
/* Mes leads, retouche du 01-11-2026 : cases à cocher et barre de sélection, avec l'export toujours visible. */
.barre-sel{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:0 16px 10px;min-height:38px}
.sel-txt{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:var(--t-1);color:var(--muted)}
.sel-txt b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
th.coche,td.coche{width:34px;padding-right:0!important;cursor:pointer;user-select:none}
th.coche input,td.coche input{accent-color:var(--acc);width:16px;height:16px;margin:0;vertical-align:middle;cursor:pointer}
tr.coche td{background:color-mix(in srgb,var(--acc-soft) 60%,transparent)}
tr.coche.sel td{background:var(--acc-soft)}
@media (pointer:coarse){th.coche input,td.coche input{width:22px;height:22px}}
.cols.charge #barre-sel,.cols.charge td.coche,.cols.charge th.coche{pointer-events:none;opacity:.55}
.sel-act{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}

/* Équipe — B, « la boîte mail » (plaquette 06, choix d'Harlem du 02-11-2026). À gauche les commerciaux, « Ajouter » collé
   en bas ; à droite la fiche en onglets. Tout tient dans la hauteur de l'écran (rien sous le bas à 1440 × 730) : seules
   les listes défilent, dans leur cadre. Sous 1100 px, une seule colonne et la page défile normalement. */
.eq-grille{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;height:calc(100vh - var(--entete-h,52px) - 40px);min-height:500px}
.eq-defile{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;align-content:start}
.eq-gens{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;min-width:0}
.eq-titre{padding:14px 16px 10px}
.eq-compte{margin-left:auto;font-size:var(--t0);font-weight:650;color:var(--muted)}
.eq-liste{display:grid;align-content:start;gap:2px;padding:0 8px 8px}
.eq-vide{padding:8px}
.eq-g{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:9px;text-align:left;width:100%}
.eq-g:hover{background:var(--surf2)}
.eq-g.on{background:var(--acc-soft);box-shadow:inset 3px 0 0 var(--acc)}
.eq-qui{min-width:0;display:grid}
.eq-nom{font-weight:650;font-size:var(--t0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-sous{display:block;font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-total{font-size:var(--t-1);font-weight:650}
.eq-g.off .eq-nom{color:var(--muted)}
.eq-g.off .eq-av{border-style:dashed}
.eq-av{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:var(--text);background:var(--surf2);border:1px solid var(--line2);flex:none}
.eq-av-l{width:44px;height:44px;font-size:var(--t1)}
.eq-ajouter{border-top:1px solid var(--line);padding:12px 14px 14px;display:grid;gap:8px;background:var(--surf);border-radius:0 0 12px 12px}
.eq-ajouter .bt{justify-content:center}
.eq-fiche{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;min-width:0}
.eq-rien{padding:28px;display:grid;gap:6px;align-content:start}
.eq-entete{display:flex;align-items:center;gap:14px;padding:16px 18px 12px;flex-wrap:wrap}
.eq-id{min-width:0;flex:1 1 200px}
.eq-id h2{font-size:var(--t2);font-weight:650;letter-spacing:-.01em;line-height:1.15}
.eq-onglets{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.eq-onglets::-webkit-scrollbar{display:none}
.eq-onglets button{height:40px;padding:0 12px;color:var(--muted);font-weight:500;font-size:var(--t-1);border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none}
.eq-onglets button:hover{color:var(--text)}
.eq-onglets button:focus-visible,.eq-g:focus-visible{outline-offset:-2px}
.eq-corps:focus-visible{outline-offset:-2px;border-radius:0 0 12px 12px}
.eq-onglets button.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}
.eq-nb{font-size:.75rem;color:var(--faint)}
.eq-corps{padding:14px 18px 16px;min-height:0;overflow:auto}
.eq-envois>div{grid-template-columns:minmax(0,1fr) auto}
.eq-envois>div{grid-template-columns:96px minmax(0,1fr)}
.eq-lead{font-weight:600;min-width:0;overflow-wrap:anywhere}
.eq-lead .d{display:block;font-weight:400}
.eq-bas{display:grid;gap:8px}
.eq-bas .pg{padding:10px 0 0;margin-top:0;gap:6px 10px}
.eq-bas .pg-ou{flex-basis:100%;order:3}
.eq-mini{width:auto;height:30px;padding:0 26px 0 8px;background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px}
.eq-confier{flex-wrap:wrap;justify-content:flex-start;gap:8px}
.eq-form{display:grid;grid-template-columns:minmax(0,440px) minmax(0,380px);gap:36px;align-items:start}
.eq-pile{display:grid;gap:12px;min-width:0}
.eq-ou{display:grid;gap:8px;font-size:var(--t-1)}
.eq-aide{color:var(--muted);font-size:var(--t-1);line-height:1.6;display:grid;gap:10px;min-width:0}
.eq-aide b{color:var(--text)}
.eq-regs{display:grid;gap:16px;max-width:640px;align-content:start}
.eq-regs b{font-weight:600}
/* Étape 3t : la ligne « Transmis au CRM » de l'onglet « Envois au CRM » (une ligne, un bouton à droite). */
.dlg-noms{margin:8px 0 0;padding-left:18px;max-height:180px;overflow:auto;display:grid;gap:2px}
.eq-sync-z{display:grid;gap:10px;align-content:start}
.eq-sync-l{max-height:150px;overflow:auto}
.eq-sync{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.eq-sync p{margin:0;flex:1 1 320px}
.eq-sync.err{border-color:var(--bad);color:var(--bad-txt)}
.eq-sync-l>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.eq-plein{height:100%;grid-template-rows:auto minmax(0,1fr)}
.eq-num{width:58px;height:28px;text-align:center;padding:0 4px;display:inline-block;margin:0 4px}
/* Équipe, B de la plaquette 11 (choix d'Harlem du 07-11-2026) : « Ajouter » en haut, la colonne s'arrête au dernier
   commercial (elle défile seulement si l'équipe dépasse la hauteur), une seule liste de leads choisie par trois boutons. */
.eq-gens{display:flex;flex-direction:column;align-self:start;max-height:100%}
.eq-gens .eq-liste{flex:0 1 auto;min-height:0}
.eq-titre{gap:6px}
.eq-titre .eq-compte{margin-left:2px}
.eq-titre .bt{margin-left:auto}
.eq-gens .eq-ajouter{border-top:0;border-radius:0;margin:0 8px 10px;padding:12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg)}
.eq-aj-go{display:flex;gap:8px}
.eq-aj-go .bt{flex:1;justify-content:center}
.eq-un{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0}
.eq-un>section{display:grid;grid-template-rows:auto minmax(0,max-content) auto;align-content:start;gap:8px;min-height:0;min-width:0}
.eq-statuts{display:flex;gap:3px;border:1px solid var(--line2);border-radius:10px;padding:3px;justify-self:start}
.eq-statuts button{height:30px;padding:0 12px;border-radius:7px;font-weight:600;font-size:var(--t-1);color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.eq-statuts button:hover{color:var(--text)}
.eq-statuts button.on{background:var(--text);color:var(--bg)}
.eq-statuts button.on .eq-nb{color:inherit;opacity:.7}
.eq-un .lst>div{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:1100px){
  .eq-grille{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  .eq-liste{max-height:260px}
  .eq-un{height:auto}.eq-un .lst{max-height:420px}
  .eq-gens{max-height:none}
  .eq-form{grid-template-columns:minmax(0,1fr);gap:20px}
  .eq-plein{height:auto}
  .eq-corps{overflow:visible}
}
@media (max-width:640px){.eq-entete{padding:14px 14px 10px}.eq-entete .bt{width:100%;justify-content:center}.eq-onglets{padding:0 8px}.eq-corps{padding:12px 14px 14px}}

/* Équipe, A de la plaquette 12 (choix d'Harlem du 07-11-2026, ligne 4 septies) : « ⋯ Plus » ouvre un petit menu avec
   « Retirer de l'équipe » (rouge, toujours avec son mot et son pictogramme : jamais la couleur seule) ; onglet « Notes » ;
   groupe replié « Anciens » en bas de la colonne ; fiche d'un ancien ; confirmation qui dit tout en clair. */
.eq-bts{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}
.eq-plus svg{width:18px;height:18px}
.pop.eq-menu{min-width:280px;max-width:320px;padding:6px}
.eq-menu-l{display:grid;gap:2px}
.eq-menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.menu-i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:var(--t-1);font-weight:500;text-align:left;width:100%;color:var(--text)}
.menu-i:hover,.menu-i:focus-visible{background:var(--surf2)}
.menu-i:disabled{opacity:.5;cursor:not-allowed}
.menu-i.dgr-i{color:var(--bad-txt);font-weight:600}
.menu-i svg{width:16px;height:16px;flex:none}
.menu-dit{font-size:.75rem;color:var(--muted);padding:0 10px 6px 36px;line-height:1.45}
.eq-onglets button svg{width:14px;height:14px}
.eq-pt{display:none;width:7px;height:7px;border-radius:50%;background:var(--text)}
.eq-pt.vu{display:inline-block}
/* la case Notes */
.nt{display:grid;gap:8px;align-content:start}
.nt-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nt-h label{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:var(--t0);color:var(--text)}
.nt-h label svg{width:15px;height:15px}
.nt-p{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.75rem}
.nt-p svg{width:13px;height:13px}
.nt-s{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--muted);min-height:18px}
.nt-s.ok{color:var(--ok-txt)}
.nt-s.err{color:var(--bad-txt)}
.nt-s svg{width:14px;height:14px}
.nt-t{width:100%;resize:vertical;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--text);font:400 var(--t0)/1.5 var(--ff);padding:9px 12px;min-height:150px;max-width:880px}
.nt-t::placeholder{color:var(--faint)}
.nt-t:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.nt-onglet .nt-t{min-height:220px}
.nt-pied{display:flex;justify-content:space-between;gap:12px;max-width:880px}
.nt-pied .num{flex:none;color:var(--faint)}
/* le groupe replié « Anciens » */
.eq-anc{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:grid;gap:2px}
.eq-anc-t{display:flex;align-items:center;gap:6px;padding:6px;border-radius:8px;font-size:var(--t-1);font-weight:600;color:var(--muted);width:100%;text-align:left}
.eq-anc-t:hover{background:var(--surf2);color:var(--text)}
.eq-anc-t svg{width:14px;height:14px;transition:transform .18s}
.eq-anc-t[aria-expanded=true] svg{transform:rotate(90deg)}
.eq-anc-liste{display:grid;gap:2px}
.eq-anc-l{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 0;border-radius:9px}
.eq-anc-l.on{background:var(--acc-soft);box-shadow:inset 3px 0 0 var(--acc)}
.eq-anc-p{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;flex:1;min-width:0;text-align:left}
.eq-anc-p:hover{background:var(--surf2)}
.eq-anc-p .eq-av,.eq-av.coupe{border-style:dashed;color:var(--muted)}
.eq-anc-l .bt.sm svg{width:14px;height:14px}
/* la fiche d'un ancien */
.eq-fiche.anc{grid-template-rows:auto minmax(0,1fr)}
.eq-fiche.anc .eq-corps{display:grid;gap:16px;align-content:start}
.eq-badge{display:inline-block;vertical-align:3px;margin-left:8px;font-size:.75rem;font-weight:600;color:var(--muted);border:1px solid var(--line2);border-radius:99px;padding:1px 8px;letter-spacing:0}
.eq-garde{padding:14px 16px;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px;max-width:880px}
.eq-garde h3{font-size:var(--t0);font-weight:650}
.eq-garde ul{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.eq-garde li{display:flex;gap:8px;font-size:var(--t-1);color:var(--muted)}
.eq-garde li b{color:var(--text)}
.eq-garde li svg{width:15px;height:15px;color:var(--ok-txt);margin-top:2px;flex:none}
.eq-reste{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--warn);border-radius:12px;max-width:880px;font-size:var(--t-1)}
.eq-reste>svg{width:16px;height:16px;color:var(--warn-txt);flex:none;margin-top:2px}
.eq-reste>div{display:grid;gap:6px;justify-items:start}
/* Étape 3s2 : « Supprimer définitivement » un ancien, en bas de sa fiche (même forme que « Supprimer pour de bon » un projet) */
.eq-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;max-width:880px}
.eq-danger-t{display:grid;gap:4px;max-width:62ch}
.eq-danger-t b{font-weight:650;color:var(--bad-txt)}
.eq-danger-err{font-size:var(--t-1);color:var(--warn-txt)}
.eq-danger .bt{flex:none}
@media (max-width:640px){.eq-danger{flex-direction:column;align-items:stretch}}
/* la confirmation « Retirer de l'équipe » */
.modale.large{max-width:600px;max-height:calc(100vh - 32px);overflow:auto}
.modale .dlg-dit{font-size:var(--t-1);color:var(--muted)}
.dlg-l{list-style:none;display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:10px 0 0;padding:0}
.dlg-l li{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line);font-size:var(--t-1);line-height:1.6;color:var(--muted)}
.dlg-l li:first-child{border-top:0}
.dlg-l li>svg{width:16px;height:16px;margin-top:3px;color:var(--text);flex:none}
.dlg-l b{color:var(--text);font-weight:600}
.dlg-choix{font-weight:600;border-color:var(--text);margin:2px 2px 0;vertical-align:baseline;max-width:100%}
.modale p.dlg-retour{display:flex;align-items:center;gap:7px;font-size:var(--t-1);color:var(--muted);margin-top:10px}
.dlg-retour svg{width:14px;height:14px;flex:none}
.modale .go .bt svg{width:15px;height:15px}
@media (max-width:640px){.eq-bts{width:100%}.eq-bts .bt.p{flex:1}.eq-entete .eq-bts .bt.eq-plus{width:auto}}

/* Pilotage, plaquette 07, proposition K (validée par Harlem le 05-11-2026 : « Oui, je valide K ») : base C — volet des
   critères à gauche, phrase et liste au centre, quai collé en bas — et volet à trois états (ouvert → rail d'icônes →
   mince bord, critères en pastilles au-dessus du tableau). Les états sont des classes de .pil (voir js/volet.js). */
main.page.pil-page{display:block;padding:0}
.pil{display:grid;grid-template-columns:var(--volet,292px) minmax(0,1fr);align-items:start;transition:grid-template-columns .32s cubic-bezier(.16,1,.3,1)}
.pil.volet-tire,.pil.volet-tire *{transition:none!important}
.pil.volet-tire{cursor:col-resize;user-select:none}
.centre{min-width:0;padding:20px 28px 104px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start}
.centre .phr{padding:4px 0 0}
.centre .phr .p{max-width:1080px}
/* le volet */
.volet{position:sticky;top:var(--entete-h,52px);height:calc(100vh - var(--entete-h,52px) - 72px);border-right:1px solid var(--line);background:var(--surf);overflow:hidden;z-index:6}
.volet .insp{height:100%;overflow:auto;width:var(--volet-plein,292px);min-width:220px;padding:12px 14px 24px 12px;transition:opacity .18s,visibility .18s}
.pil.volet-reduit .volet .insp{opacity:0;visibility:hidden}
.insp-tete{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 8px 8px}
.insp-tete h2{font-size:var(--t-1);font-weight:600;color:var(--muted)}
.volet-bt{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line2);flex:none;background:var(--surf)}
.volet-bt:hover{color:var(--text);border-color:var(--text)}
.prop{display:grid;border-radius:8px}
.prop.on{background:var(--surf2);margin:2px 0}
.prop-nom{display:flex;align-items:center;gap:9px;padding:7px 8px;font-size:var(--t-1);font-weight:500;color:var(--muted);border-radius:8px;text-align:left}
.prop.on .prop-nom{color:var(--text)}
.prop-nom:hover{background:var(--surf2);color:var(--text)}
.prop-nom svg{width:14px;height:14px;color:var(--faint)}
.prop.on .prop-nom svg{color:var(--text)}
.prop-val{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 8px 31px;padding:6px 9px;border:1px solid var(--line2);border-radius:7px;background:var(--bg);font-size:var(--t-1);text-align:left;min-width:0}
.prop-val span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prop-val:hover,.prop-val[aria-expanded="true"]{border-color:var(--text)}
.prop-val svg{width:14px;height:14px;color:var(--muted)}
.outils{display:grid;gap:1px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.outil{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:var(--t-1);color:var(--muted);text-align:left}
.outil:hover{background:var(--surf2);color:var(--text)}
/* le bord : une petite poignée, toujours visible */
.poignee{position:absolute;top:0;right:0;bottom:0;width:11px;cursor:col-resize;z-index:8;display:flex;align-items:center;justify-content:flex-end;touch-action:none;outline:none}
.poignee::before{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:transparent;transition:background .15s}
.poignee:hover::before,.poignee:focus-visible::before,.pil.volet-tire .poignee::before{background:var(--acc)}
.poignee span{position:relative;width:4px;height:38px;border-radius:3px;background:var(--line2);margin-right:2px;transition:background .15s,height .15s}
.poignee:hover span,.poignee:focus-visible span,.pil.volet-tire .poignee span{background:var(--acc);height:52px}
.poignee .astuce{position:absolute;top:50%;transform:translateY(-50%);right:16px;white-space:nowrap;background:var(--text);color:var(--bg);font-size:.75rem;font-weight:600;line-height:1;padding:7px 9px;border-radius:7px;pointer-events:none;opacity:0;transition:opacity .14s;z-index:31}
.pil.volet-reduit .poignee .astuce{right:auto;left:calc(100% + 8px)}
.poignee:hover .astuce,.poignee:focus-visible .astuce{opacity:1;transition-delay:.25s}
.pil.volet-tire .poignee .astuce{opacity:0!important}
/* état 2 : le rail d'icônes */
.replie{display:none;position:absolute;inset:0 11px 0 0;flex-direction:column;align-items:center;gap:2px;padding:10px 0}
.pil.volet-rail .replie{display:flex}
.pil.volet-reduit .volet{overflow:visible}
.replie .volet-bt{margin-bottom:8px}
.rail-i{position:relative;width:38px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.rail-i:hover{background:var(--surf2);color:var(--text)}
.rail-i.on{color:var(--text);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}
.rail-i.on::after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--text)}
.rail-i .bulle{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--text);color:var(--bg);font-size:.75rem;font-weight:600;padding:5px 9px;border-radius:7px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:30}
.rail-i:hover .bulle,.rail-i:focus-visible .bulle{opacity:1}
.rail-i[aria-expanded="true"] .bulle{opacity:0!important}
.ico-crit{width:18px;height:18px}
/* état 3 : le mince bord, et la rangée de pastilles qui s'ouvre au-dessus du tableau, sans saut */
.pil.volet-mini .volet{background:var(--surf2)}
.pil.volet-mini .poignee{cursor:pointer}
.pil.volet-mini .poignee span{height:52px;background:var(--faint)}
.rangee-boite{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),opacity .2s,margin .32s cubic-bezier(.16,1,.3,1),visibility .32s;margin:-16px 0 0}
.rangee-boite>div{min-height:0;overflow:hidden}
.pil.volet-mini .rangee-boite{grid-template-rows:1fr;opacity:1;visibility:visible;margin:0}
.rangee{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:10px 12px;border:1px dashed var(--line2);border-radius:12px}
.rangee>.k{font-size:var(--t-1);font-weight:600;margin-right:2px}
.i-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 6px 0 11px;border-radius:16px;border:1px solid var(--acc);background:var(--acc-soft);font-size:var(--t-1)}
.i-chip button.v{font-weight:500;color:var(--text)}
.i-chip button.v b{font-weight:650}
.i-chip button.x{width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.i-chip button.x:hover{background:var(--surf2);color:var(--text)}
.i-chip button.x svg{width:13px;height:13px}
.i-plus,.i-ouvre{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;font-size:var(--t-1);font-weight:600;color:var(--text);border:1px solid var(--line2)}
.i-plus:hover,.i-ouvre:hover{border-color:var(--text)}
.i-ouvre{margin-left:auto;color:var(--muted)}
.i-outils{display:none}
.pil.volet-mini .i-outils{display:contents}
.i-outils .outil{height:32px;border:1px solid var(--line2);border-radius:16px;padding:0 12px}
.menu-l{justify-content:flex-start;width:100%;height:32px}
.menu-l .f{margin-left:auto;font-weight:500}
/* ce que la règle a écarté, en barre (motifs, jamais la couleur seule) */
.barre-ec{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surf);display:grid;gap:9px}
.br-t{font-size:var(--t-1);color:var(--muted)}
.br-t b{color:var(--text)}
.br-barre{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px}
.br-s{min-width:3px}
.br-s.libre,.br-l i.libre{background:var(--text)}
.m1{background:repeating-linear-gradient(45deg,var(--faint) 0 2px,transparent 2px 5px)}
.m2{background:repeating-linear-gradient(-45deg,var(--faint) 0 2px,transparent 2px 5px)}
.m3{background:repeating-linear-gradient(90deg,var(--faint) 0 2px,transparent 2px 5px)}
.m4{background:radial-gradient(var(--faint) 1.2px,transparent 1.4px) 0 0/5px 5px}
.m5{background:repeating-linear-gradient(0deg,var(--faint) 0 2px,transparent 2px 5px)}
.m6{background:var(--line2)}
/* Étape 3w : la septième raison (fermées ou en liquidation), un damier, bien distinct des rayures m1 à m5 */
.m7{background:conic-gradient(var(--faint) 25%,transparent 0 50%,var(--faint) 0 75%,transparent 0) 0 0/6px 6px}
/* Étape 4g : la huitième raison (hors zone), un quadrillage, distinct des rayures et du damier */
.m8{background:repeating-linear-gradient(0deg,var(--faint) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,var(--faint) 0 1px,transparent 1px 5px)}
.br-leg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.75rem;color:var(--muted)}
.br-l{display:inline-flex;align-items:center;gap:6px}
.br-l.zero{color:var(--faint)}
.br-l i{width:14px;height:10px;border-radius:2px;border:1px solid var(--line2);flex:none}
.br-l b{color:var(--text);font-weight:600}
.br-detail{margin:0;font-size:.75rem;color:var(--muted)}
/* 4m2 : la neuvième raison (à vérifier, État), des losanges, distincts des rayures, du damier et du quadrillage */
.m9{background:repeating-linear-gradient(45deg,var(--faint) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,var(--faint) 0 1px,transparent 1px 6px)}
/* 4p : la dixième raison (numéro non vérifié), des tirets courts, distincts des rayures, du damier, du quadrillage et des losanges */
.m10{background:repeating-linear-gradient(90deg,var(--faint) 0 3px,transparent 3px 6px) 0 0/6px 4px,repeating-linear-gradient(0deg,var(--faint) 0 1px,transparent 1px 4px)}
/* 4u : « États-Unis » — des points (motif distinct des onze autres, Harlem est daltonien ; m12 depuis la réunion du 12-11). */
.m12{background:radial-gradient(circle,var(--faint) 1.2px,transparent 1.6px) 0 0/6px 6px}
.br-detail b{color:var(--text);font-weight:600}
/* le tableau : il suit la page (plus de défilement à part) ; l'en-tête des colonnes reste lisible */
.table-pil{overflow-x:auto}
.table-pil th{position:static}
.table-pil tbody tr:hover td{background:var(--surf2)}
/* le quai */
.quai{position:fixed;left:0;right:0;bottom:0;z-index:25;min-height:72px;display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--surf);border-top:1px solid var(--line2);box-shadow:0 -12px 30px -18px rgb(0 0 0 / .55)}
.quai-k{font-size:var(--t-1);font-weight:600;white-space:nowrap}
.quai .equipe{display:flex;gap:6px;overflow-x:auto;min-width:0;flex:0 1 auto;scrollbar-width:thin}
.qui-c{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:20px;border:1px solid var(--line2);white-space:nowrap;font-size:var(--t-1);flex:none}
.qui-c:hover{border-color:var(--text)}
.qui-c .av{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);font-weight:700;font-size:.75rem;background:transparent;color:var(--text)}
.qui-c .qui-n{font-weight:600}
.qui-c.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc);background:var(--acc-soft)}
.qui-c.on .av{background:var(--acc);border-color:var(--acc);color:#fff}
.quai-d{margin-left:auto;flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.quai-infos{display:grid;gap:2px;text-align:right;font-size:.75rem;line-height:1.35;color:var(--muted);flex:0 1 320px;min-width:0}
.quai-infos .manque{color:var(--warn-txt);font-weight:600}
.quai .lien{text-decoration:underline;text-underline-offset:3px;font-weight:600;color:var(--text)}
.quai #donner{flex:none;width:auto;min-width:240px}
.quai #donner:disabled{opacity:.55;cursor:default;background:transparent;color:var(--muted);border-color:var(--line2)}
body:has(.quai) .toast{bottom:88px}
/* écran moyen : le volet passe en rail plus tôt n'est pas imposé ; la phrase garde de la place */
@media (max-width:1100px){.centre{padding:16px 20px 120px}.quai-infos .d{display:none}}
/* téléphone et tablette : pas de volet, la rangée de pastilles (avec les outils) toujours visible ; le quai sur deux lignes */
@media (max-width:980px){
  .pil{grid-template-columns:minmax(0,1fr)!important}
  .volet{display:none}
  .rangee-boite{grid-template-rows:1fr!important;opacity:1!important;visibility:visible!important;margin:0!important}
  .i-ouvre{display:none}
  .i-outils{display:contents}
  .centre{padding:16px 16px 150px}
  .quai{flex-wrap:wrap;gap:8px;padding:10px 12px}
  .quai-k{display:none}
  .quai .equipe{flex-basis:100%}
  .quai-d{margin-left:0;width:100%;flex-wrap:wrap}
  .quai-infos{flex-basis:100%;text-align:left}
  body:has(.quai) .toast{bottom:150px}
  .quai #donner{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.rangee-boite,.pil{transition:none!important}}

/* Collecte, proposition A de la plaquette 08 (choisie par Harlem le 06-11-2026 : « Plaquette 8, A ») : la phrase en haut,
   sans cadre ; « Ce que tu obtiens » et « Ce que ça coûte » côte à côte dans un seul cadre ; et un quai collé en bas, au
   même endroit que « Donner » au Pilotage : tes crédits avant → après ce lancement, le total, « Lancer ».
   Le quai est dans l'onglet « Nouvelle collecte » : caché avec lui sur « Mes lancements ». */
.collecte-a{gap:18px;padding-bottom:104px}
.collecte-a .collecte-tete{padding:6px 2px 0;gap:12px;background:none;border:0}
.collecte-a .nom-c{display:flex;align-items:center;gap:14px}
.collecte-a .presets-l{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.collecte-a .presets{display:flex;flex-wrap:wrap;gap:8px}
.collecte-a .preset{display:flex;align-items:baseline;gap:8px;padding:7px 13px;border-radius:10px}
.collecte-a .preset.on{background:var(--surf2);color:var(--text);border-color:var(--text);box-shadow:0 0 0 1px var(--text)}
.collecte-a .preset.on .ob{color:var(--muted);opacity:1}
.collecte-a .preset.on .conseil{color:var(--ok-txt)}
.collecte-a .preset .pnom{font-size:var(--t0)}
.collecte-a .preset .ob{font-size:var(--t-1)}
.collecte-a .collecte-tete .p{font-size:var(--t2);line-height:2.05;font-weight:500;color:var(--muted);max-width:1180px}
.collecte-a .collecte-tete .p .tok{height:42px;font-size:var(--t2);padding:0 14px;color:var(--text);vertical-align:1px}
.collecte-a .collecte-tete .p .tok input{width:3.4em}
.collecte-a #campagne{margin-top:-6px}
.duo-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surf);transition:opacity .2s}
.duo-c.charge{opacity:.6}
.duo-c>section{padding:16px 20px 18px;display:grid;gap:6px;align-content:start;min-width:0}
.duo-c>section+section{border-left:1px solid var(--line)}
.duo-c .titre{font-size:var(--t0);color:var(--muted);font-weight:600}
.duo-c .lst>div{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line)}
.duo-c .lst>div:last-of-type{border-bottom:0}
.duo-c .lst .sous{display:block;margin-top:1px}
.duo-c .ordre{margin-top:6px;line-height:1.4}
.duo-c .choix-quota{margin-top:8px}
/* le quai de la Collecte (base commune .quai : Pilotage) */
.quai-c{gap:18px;min-height:76px}
.quai-c .quai-k{line-height:1.25;color:var(--muted);font-weight:500}
.cred-c{display:flex;gap:16px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px 0}
.cr-c{display:grid;gap:5px;flex:1 1 0;min-width:118px;max-width:190px}
.cr-c .cn{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);white-space:nowrap;min-width:0}
.cr-c .cn i{font-style:normal;font-size:.625rem;font-weight:700;border:1px solid var(--line2);border-radius:4px;padding:0 3px;color:var(--text);display:inline-flex;align-items:center;min-height:16px}
.cr-c .cn i svg{width:11px;height:11px}
.cr-c .cn .aide{margin-left:-2px}
.cr-c .cn .lien-bt{font-size:.6875rem;margin-left:2px}
.cr-c .cv{font-size:var(--t-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-c .cv b{font-weight:650}
.cr-c .jg{display:flex;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.cr-c .jg i{display:block;height:100%;transition:width .25s cubic-bezier(.16,1,.3,1)}
.cr-c .jg .reste{background:var(--acc)}
/* la part que ce lancement prend : hachurée (lisible sans la couleur seule) */
.cr-c .jg .prend{background:repeating-linear-gradient(135deg,var(--acc) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--acc)}
.cr-c .jg .prend.paye{background:repeating-linear-gradient(135deg,var(--warn) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--warn)}
.fin-c{display:flex;align-items:center;gap:16px;margin-left:auto;flex:none;border-left:1px solid var(--line);padding-left:18px}
.msg-c{max-width:270px;font-size:.75rem}
.msg-c .alerte{padding:6px 10px;font-size:.75rem;line-height:1.35}
.msg-c .go-reduire{margin-top:6px}
.tot-c{display:grid;text-align:right;line-height:1.25}
.tot-c small{font-size:.75rem;color:var(--muted);white-space:nowrap}
.tot-c b{font-size:var(--t2)}
.quai-c #go{width:auto;min-width:230px;flex:none;justify-content:center;gap:8px}
.quai-c #go:disabled{opacity:.55;cursor:default;background:transparent;color:var(--muted);border-color:var(--line2)}
body:has(.p-nouvelle[hidden]) .toast{bottom:24px}
@media (max-width:1280px){.msg-c{max-width:200px}.cr-c{min-width:108px}}
@media (max-width:1100px){
  .duo-c{grid-template-columns:minmax(0,1fr)}.duo-c>section+section{border-left:0;border-top:1px solid var(--line)}
  .quai-c{flex-wrap:wrap;gap:10px 14px}
  .cred-c{flex-basis:100%;order:2}
  .quai-c .quai-k{display:none}
  .fin-c{margin-left:0;width:100%;border-left:0;padding-left:0;order:1}
  .msg-c{max-width:none;flex:1}
  .collecte-a{padding-bottom:180px}
}
/* téléphone : le quai n'est plus collé (il prendrait la moitié de l'écran) ; il ferme la page, « Lancer » en grand */
@media (max-width:760px){
  .collecte-a{padding-bottom:16px}
  .collecte-a .collecte-tete .p{font-size:var(--t1);line-height:2.1}
  .collecte-a .collecte-tete .p .tok{height:auto;min-height:36px;font-size:var(--t1);white-space:normal;line-height:1.3;padding:4px 10px;text-align:left;max-width:100%}
  .collecte-a .preset{flex-direction:column;gap:0}.collecte-a .preset .ob{display:none}
  .quai-c{position:static;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:12px}
  .cred-c{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible}
  .cr-c{max-width:none;min-width:0}
  .fin-c{flex-wrap:wrap}
  .msg-c{flex-basis:100%}
  .tot-c{text-align:left}
  .quai-c #go{flex:1;min-width:0}
  body:has(.quai-c) .toast{bottom:24px}
}
.cr-c .cn{overflow:hidden}
.cr-c .nom-bt{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;padding:0;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}
.cr-c .nom-bt:hover{color:var(--text)}
.collecte-a .presets-l{flex-wrap:nowrap;align-items:center}
.collecte-a .presets{gap:6px}
.collecte-a .preset{padding:6px 11px;gap:7px}
.collecte-a .preset .pnom{font-size:.875rem}
.collecte-a .preset .ob{font-size:.75rem}
/* la bulle « i » reste à droite des préréglages, même quand ils passent à la ligne */
.collecte-a .presets-l{align-items:flex-start}.collecte-a .presets-l>.aide{margin-top:8px;flex:none}

/* Retouches après relecture (06-11-2026) : quai grisé pendant le calcul, notes visibles sous chaque jauge, marge de la
   page et place des messages réglées sur la hauteur réelle du quai, cases un peu plus étroites */
.quai-c.charge .cred-c,.quai-c.charge .tot-c{opacity:.6;transition:opacity .2s}
.cr-c .nt{font-size:.6875rem;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-c{min-width:100px}
.msg-c{max-width:230px}
.collecte-a{padding-bottom:calc(var(--quai-h,80px) + 24px)}
body:has(.p-nouvelle:not([hidden]) .quai-c) .toast{bottom:calc(var(--quai-h,80px) + 12px)}
@media (max-width:760px){.collecte-a{padding-bottom:16px}body:has(.quai-c) .toast{bottom:24px}.cr-c .nt{white-space:normal}}
.cred-c{align-items:flex-start}
/* deuxième relecture : la note passe sur deux lignes au plus (l'alerte Apify se lit) ; sur téléphone, toasts en bas */
.cr-c .nt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:760px){body:has(.p-nouvelle:not([hidden]) .quai-c) .toast{bottom:24px}.cr-c .nt{-webkit-line-clamp:4}}

/* « Mes leads », plaquette 10, proposition D (choix d'Harlem du 06-11-2026 : « la D ») : des lignes sur deux étages au
   lieu d'un tableau, un résumé cliquable à droite, une barre collée en bas dès qu'un lead est coché (base commune .quai),
   la fiche dans un volet à droite. Statuts et santé : une forme et un mot, jamais la couleur seule (Harlem est daltonien). */
.ml-cadre{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.ml-gauche{min-width:0}
.ml-outils{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:10px}
.ml-outils .titre{font-size:var(--t0);white-space:nowrap}
.ml-outils .cherche{flex:0 1 280px}
.ml-act{margin-left:auto;display:flex;gap:8px}
.ml-act .bt:disabled{opacity:.5;cursor:default}
.ml-tete{display:flex;align-items:center;gap:14px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--surf);position:sticky;top:var(--entete-h,52px);z-index:4}
.ml-tout{display:inline-flex;align-items:center;gap:9px;font-size:var(--t-1);color:var(--muted);cursor:pointer;white-space:nowrap}
.ml-tout input,.ml-c input{width:16px;height:16px;accent-color:var(--acc);cursor:pointer;flex:none}
.ml-tri{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:var(--t-1);flex-wrap:wrap;justify-content:flex-end}
.ml-tri>.k{margin-right:4px}
.tri-p{padding:4px 8px;border-radius:6px;font-size:var(--t-1);font-weight:600;color:var(--muted)}
.tri-p:hover{color:var(--text);background:var(--surf2)}
.tri-p.on{color:var(--text);background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line2)}
.ml-l{list-style:none;border:1px solid var(--line);border-radius:0 0 12px 12px;background:var(--surf);overflow:hidden}
.ml-l li{display:grid;grid-template-columns:16px minmax(0,1fr) minmax(170px,240px) 92px;gap:16px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);cursor:pointer;transition:background .12s}
.ml-l li:hover{background:var(--surf2)}
.ml-l li.coche{background:var(--acc-soft)}
.ml-l li.ouvert{box-shadow:inset 3px 0 0 var(--acc)}
.ml-l li:focus-visible{outline-offset:-2px}
.ml-c{display:flex;align-items:center;justify-content:center;margin:-11px -8px;padding:11px 8px;align-self:stretch;cursor:pointer}
.ml-a{min-width:0;display:grid;gap:3px}
.ml-n{display:flex;align-items:center;gap:10px;min-width:0}
.ml-n .nom{font-size:var(--t0);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ml-n .st{flex:none}
.ml-s{font-size:var(--t-1);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-d{display:grid;gap:5px;font-size:var(--t-1);min-width:0}
.ml-d>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-d>span:first-child svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.ml-sc{display:grid;gap:5px;justify-items:end}
.ml-sc b{font-size:var(--t1);font-weight:650}
.ml-sc .barre{width:80px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.ml-sc .barre i{display:block;height:100%;background:var(--text);border-radius:3px}
/* la santé : triangle vers le haut (croissance), rond (rentable), trait (stable), triangle vers le bas (sous pression) */
.sa{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.sa i{width:0;height:0;flex:none}
.sa-up i{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--ok)}
.sa-ok i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.sa-eq i{width:8px;height:2px;background:var(--muted)}
.sa-dn{color:var(--warn-txt)}.sa-dn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--warn)}
.sa-nc i{width:7px;height:7px;border-radius:50%;border:1.5px dashed var(--faint)}
/* le résumé à droite */
.ml-synthese{position:sticky;top:calc(var(--entete-h,52px) + 12px);display:grid;gap:18px;padding:16px 18px 18px;align-content:start;
  max-height:calc(100vh - var(--entete-h,52px) - 24px);overflow:auto;overscroll-behavior:contain;transition:max-height .22s}
/* la barre du bas ne cache jamais le bas du résumé */
main.page:has(.quai-l.vu) .ml-synthese{max-height:calc(100vh - var(--entete-h,52px) - 24px - 76px)}
.sy-h{font-size:.75rem;font-weight:650;color:var(--muted);letter-spacing:.02em;margin-bottom:8px}
.sy-barre{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin-bottom:10px;background:var(--line)}
.sy-barre .sg-libre{background:var(--muted)}
.sy-barre .sg-donne{background:var(--acc)}
.sy-barre .sg-radar{background:repeating-linear-gradient(135deg,var(--ok) 0 3px,transparent 3px 5px);box-shadow:inset 0 0 0 1px var(--ok)}
.sy-barre .sg-ecarte{background:repeating-linear-gradient(90deg,var(--bad) 0 2px,transparent 2px 4px)}
.sy-leg{display:grid;gap:1px}
.sy-l,.sy-z{display:flex;align-items:center;gap:9px;padding:6px;border-radius:7px;font-size:var(--t-1);text-align:left;width:100%}
.sy-l:hover,.sy-z:hover{background:var(--surf2)}
.sy-l.on,.sy-z.on{background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line2)}
.sy-l b,.sy-z b{margin-left:auto;font-weight:650}
.pt{width:8px;height:8px;flex:none;display:inline-block;border-radius:50%}
.pt-libre{background:var(--muted)}
.pt-donne{background:var(--acc)}
.pt-radar{background:var(--ok);border-radius:1px;transform:rotate(45deg);width:7px;height:7px}
.pt-ecarte{background:var(--bad);border-radius:0;height:2px;width:10px}
.sy-j{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:5px 6px;font-size:var(--t-1)}
.sy-fb{grid-column:1/3;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.sy-fb i{display:block;height:100%;background:var(--muted)}
.sy-astuce{font-size:.75rem;line-height:1.45}
/* la barre collée en bas : seulement quand un lead est coché */
.quai-l{gap:18px;min-height:66px;transform:translateY(110%);visibility:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),visibility .22s}
.quai-l.vu{transform:none;visibility:visible}
.quai-l .q-sel{display:grid;line-height:1.3;min-width:0}
.quai-l .q-sel b{font-size:var(--t0)}
.quai-l .q-sel .k{font-size:.75rem}
.quai-l .q-liens{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--t-1)}
.quai-l .q-fin{margin-left:auto;display:flex;gap:10px;align-items:center}
.quai-l .q-fin .bt{height:40px}
.quai-l #q-donner:disabled{opacity:.55;cursor:default;background:transparent;color:var(--muted);border-color:var(--line2)}
main.page:has(.quai-l.vu){padding-bottom:96px}
body:has(.quai-l:not(.vu)) .toast{bottom:24px}
body:has(.quai-l.vu) .toast{bottom:84px}
/* la fiche dans un volet à droite, sous l'en-tête */
.volet-fiche{position:fixed;top:var(--entete-h,52px);right:0;bottom:0;width:min(420px,100vw);z-index:28;background:var(--surf);border-left:1px solid var(--line2);padding:18px 20px 24px;overflow:auto;overscroll-behavior:contain;
  box-shadow:-18px 0 40px -24px rgb(0 0 0 / .6);transform:translateX(102%);visibility:hidden;transition:transform .24s cubic-bezier(.16,1,.3,1),visibility .24s}
.volet-fiche.vu{transform:none;visibility:visible}
/* 4p : les deux réponses entendues au téléphone, sous l'état du numéro */
.fi-num{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.fi-num-note{margin:4px 0 0;font-size:var(--t-1)}
.fi-num-ok{display:block;margin-top:6px;font-weight:600;color:var(--ok-txt)}
.volet-fiche .fi-pied{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
@media (min-width:761px){main.page:has(.volet-fiche.vu) .quai-l{padding-right:calc(min(420px,100vw) + 20px)}}
@media (prefers-reduced-motion:reduce){.quai-l,.volet-fiche{transition:none}}
@media (max-width:1180px){.ml-cadre{grid-template-columns:minmax(0,1fr) 260px}.ml-l li{grid-template-columns:16px minmax(0,1fr) 84px}.ml-d{display:none}}
@media (max-width:900px){.ml-cadre{grid-template-columns:minmax(0,1fr)}.ml-synthese{position:static;order:-1;max-height:none!important;overflow:visible}}
@media (max-width:760px){
  .ml-outils .cherche{flex-basis:100%}
  .ml-act{width:100%;margin-left:0}.ml-act .bt{flex:1;justify-content:center}
  .ml-tete{position:static;flex-wrap:wrap;padding:8px 12px;row-gap:4px}
  .ml-tri{margin-left:0;justify-content:flex-start}
  .ml-l li{grid-template-columns:16px minmax(0,1fr) 56px;gap:12px;padding:11px 12px}
  .ml-n{flex-wrap:wrap;row-gap:4px}
  .ml-s{white-space:normal}
  .ml-sc .barre{width:48px}
  .quai-l{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}
  .quai-l .q-fin{width:100%;margin-left:0}.quai-l .q-fin .bt{flex:1;justify-content:center;white-space:normal;text-align:center;line-height:1.2}
  main.page:has(.quai-l.vu){padding-bottom:170px}
  body:has(.quai-l.vu) .toast{bottom:160px}
  .volet-fiche{width:100vw;border-left:0}
}
/* Relecture du 06-11-2026 : pendant la lecture d'un nouveau résultat, rien ne se clique (sinon « Envoyer » partirait
   sur la nouvelle phrase avec l'ancien nombre affiché) ; une annonce pour les lecteurs d'écran, invisible à l'œil. */
.cols.charge .ml-act,.cols.charge .ml-tete,.cols.charge .ml-c,.cols.charge .ml-synthese{pointer-events:none}
main.page:has(.cols.charge) .quai-l{pointer-events:none}
main.page:has(.cols.charge) .quai-l .q-fin{opacity:.55}
.hors-vue{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* « Tout réinitialiser » et la petite croix d'un filtre (06-11-2026, demande d'Harlem) : même place sur Collecte,
   Mes leads et Pilotage, juste après la phrase. La croix fait corps avec sa pastille (même hauteur, même bord). */
.tokg{display:inline-flex;align-items:stretch;vertical-align:2px;max-width:100%}
.tokg>.tok{border-top-right-radius:0;border-bottom-right-radius:0;vertical-align:0;min-width:0}
.tok-x{display:inline-flex;align-items:center;justify-content:center;width:30px;flex:none;border:1px solid var(--line2);border-left:0;
  border-radius:0 8px 8px 0;background:var(--surf2);color:var(--muted);cursor:pointer;transition:color .15s,background .15s}
.tok-x .i{width:14px;height:14px}
.tok-x:hover{color:var(--text);background:var(--surf3, var(--surf2))}
.tok-x:focus-visible{outline:2px solid var(--acc);outline-offset:1px;position:relative;z-index:1}
.tokg:hover>.tok,.tokg:hover>.tok-x{border-color:var(--text)}
.reinit{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin-left:4px;border-radius:999px;
  border:1px solid var(--line2);background:transparent;color:var(--muted);font:inherit;font-size:var(--t-1);font-weight:600;
  letter-spacing:0;line-height:1;vertical-align:4px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}
.reinit[hidden]{display:none}
.reinit .i{width:14px;height:14px}
.reinit:hover{color:var(--text);border-color:var(--text)}
.reinit:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.tok-x,.reinit{transition:none}}

/* Liste noire, I de la plaquette 11 (choix d'Harlem du 07-11-2026) : un seul tableau de toutes les enseignes, filtré par
   groupe et par une recherche ; la ligne d'ajout reste collée en bas de l'écran (le quai, comme dans Mes leads). */
.ln-i{display:grid;gap:12px;padding-bottom:84px;align-content:start}
.ln-outils{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ln-filtres{display:flex;flex-wrap:wrap;gap:3px;border:1px solid var(--line2);border-radius:10px;padding:3px}
.ln-f{height:30px;padding:0 11px;border-radius:7px;font-weight:600;font-size:var(--t-1);color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.ln-f:hover{color:var(--text)}
.ln-f .n{font-size:.75rem;color:var(--faint);font-weight:500}
.ln-f.on{background:var(--text);color:var(--bg)}
.ln-f.on .n{color:inherit;opacity:.7}
.ln-gtete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
.ln-gtete .d{font-size:var(--t-1)}
.ln-tab{padding:0}
.ln-tab table{font-size:var(--t-1)}
.ln-tab th{position:sticky;top:var(--entete-h,52px);z-index:2;background:var(--surf);text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);padding:9px 14px;border-bottom:1px solid var(--line)}
.ln-tab th:first-child{border-top-left-radius:12px}.ln-tab th:last-child{border-top-right-radius:12px}
.ln-tab td{padding:6px 14px;border-top:1px solid var(--line);vertical-align:middle}
.ln-tab tbody tr:first-child td{border-top:0}
.ln-tab tbody tr:hover{background:var(--surf2)}
.ln-tab td.num,.ln-tab th.num{text-align:right}
.ln-tab td:last-child,.ln-tab th:last-child{width:44px}
.ln-nom{font-weight:600}
.ln-vide{padding:22px 16px}
.ln-tab .pg{padding:10px 14px 12px;margin-top:0;border-top:1px solid var(--line)}
.ln-bilan b{color:var(--text)}
.ln-bilan .lien{font-size:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600;color:var(--text)}
.ln-quai{gap:10px;min-height:64px}
.ln-quai .quai-k{display:inline-flex;align-items:center;gap:6px}
.ln-quai #ln-nom{flex:1.4 1 0;min-width:180px}
.ln-quai #ln-groupe{flex:1 1 0;min-width:170px;max-width:260px}
.ln-quai #ln-site,.ln-quai #ln-ville{flex:1 1 0;min-width:140px}
.ln-quai .bt{flex:none}
.ln-nv{display:grid;gap:10px;padding:4px;width:320px;max-width:calc(100vw - 48px)}
.ln-nv .champ{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.ln-nv .go{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:900px){.ln-quai{flex-wrap:wrap}.ln-quai .quai-k{flex-basis:100%}.ln-quai #ln-groupe{max-width:none}
  .ln-tab td:nth-child(3),.ln-tab th:nth-child(3),.ln-tab td:nth-child(4),.ln-tab th:nth-child(4){display:none}}
/* Étape 3v : les raisons d'un écarté, sous sa ligne ; le choix « au moins une » / « toutes à la fois » du menu */
.ml-motif{font-size:var(--t-1);color:var(--bad-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop .mode-motifs{display:grid;gap:0;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.pop .mode-motifs + .note{padding:2px 8px 4px}

/* ===================== Plusieurs projets (ligne 4 octies, plaquette 13, F, 08-11-2026) ===================== */
/* Le menu des projets, juste après la marque : on voit toujours sur quel projet on travaille. */
.proj-z{display:flex;align-items:center;min-height:52px;padding-left:14px;border-left:1px solid var(--line)}
.proj-sw{display:inline-flex;align-items:center;gap:9px;height:36px;max-width:260px;padding:0 10px 0 6px;border:1px solid var(--line2);border-radius:9px;font-weight:600;font-size:var(--t-1);color:var(--text);transition:border-color .15s}
.proj-sw:hover,.proj-sw[aria-expanded=true]{border-color:var(--text)}
.proj-sw .proj-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proj-sw svg{color:var(--muted);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.proj-sw[aria-expanded=true] svg{transform:rotate(180deg)}
.mono{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-weight:700;font-size:.6875rem;background:var(--surf2);border:1px solid var(--line2);color:var(--text)}
.mono svg{width:14px;height:14px}
.reduit .proj-z{min-height:44px}
.reduit .proj-sw{height:32px}
.pop.pop-proj{min-width:min(360px,calc(100vw - 16px));max-width:min(380px,calc(100vw - 16px));padding:6px}
.proj-menu{display:grid;gap:1px}
.proj-menu .t{font-size:.75rem;font-weight:600;color:var(--faint);padding:6px 10px 4px}
.proj-l{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:var(--text)}
.proj-l:hover,.proj-l:focus-visible{background:var(--surf2)}
.proj-l.on{background:var(--acc-soft)}
.proj-l .mono{width:30px;height:30px;border-radius:8px;font-size:.75rem}
.proj-l .x{display:grid;line-height:1.3;min-width:0}
.proj-l .x b{font-weight:600;font-size:var(--t-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proj-l .x span{font-size:.75rem;color:var(--muted)}
.proj-l .ok{margin-left:auto;color:var(--text)}
.proj-menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}
.proj-nv{display:grid;gap:6px;padding:8px 10px 6px}
.proj-nv label{font-size:var(--t-1);font-weight:600;padding:0;cursor:default}
.proj-nv label:hover{background:none}
.proj-nv-err{color:var(--bad-txt);font-size:.75rem;min-height:0}
.proj-nv-err:empty{display:none}
.proj-nv-bts{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:640px){
  /* Sur téléphone, la marque garde son pictogramme : le menu des projets et les boutons tiennent sur la même ligne. */
  .haut:has(.proj-z) .marque span{display:none}
  .proj-z{padding-left:10px;min-height:48px}
  .proj-sw{max-width:48vw}
  .reduit .proj-z{display:none}
}

/* « Réglages du projet » : sommaire collé à gauche qui suit la page, réglages au milieu, état du projet à droite. */
.rg{display:grid;grid-template-columns:200px minmax(0,720px) minmax(200px,260px);gap:40px;align-items:start;padding-bottom:80px}
.rg-somm{position:sticky;top:calc(var(--entete-h,52px) + 20px);display:grid;gap:2px}
.rg-somm .t{font-size:.75rem;font-weight:600;color:var(--faint);padding:0 10px 6px;overflow-wrap:anywhere}
.rg-somm a{padding:7px 10px;border-radius:7px;color:var(--muted);font-weight:500;font-size:var(--t-1);text-decoration:none;transition:background .15s,color .15s}
.rg-somm a:hover{background:var(--surf2);color:var(--text)}
.rg-somm a.on{color:var(--text);background:var(--surf2);font-weight:600}
.rg-corps h1{font-size:var(--t2);font-weight:650;letter-spacing:-.015em;text-wrap:balance}
.rg-chapo{color:var(--muted);margin:4px 0 8px;max-width:62ch}
.rg-sec{padding:28px 0 8px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--entete-h,52px) + 12px)}
.rg-sec:first-of-type{border-top:0;padding-top:16px}
.rg-sec h2{font-size:var(--t1);font-weight:650;letter-spacing:-.005em}
.rg-aide{color:var(--muted);font-size:var(--t-1);margin:3px 0 16px;max-width:62ch}
.rg .champ{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:7px;margin-bottom:20px;font-size:var(--t0)}
.rg .champ>label,.rg .champ>.lab{font-size:var(--t-1);font-weight:600}
.rg .sous{font-size:.78rem;color:var(--faint);font-weight:400}
.rg .champ>.sous{max-width:62ch}
.rg .inp{height:38px;font-size:var(--t0);background:var(--bg)}
html.clair .rg .inp{background:var(--surf)}
.rg textarea.inp{height:auto;min-height:104px;padding:9px 11px;line-height:1.5}
.rg .inp:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.rg-court{max-width:340px}
.rg-err{color:var(--bad-txt);font-size:var(--t-1)}
.rg-err:empty{display:none}
.rg-puces{display:flex;flex-wrap:wrap;gap:6px}
.rg-puce{display:inline-flex;align-items:center;gap:7px;min-height:32px;max-width:100%;padding:3px 4px 3px 11px;border:1px solid var(--line2);border-radius:8px;font-size:var(--t-1);background:var(--surf2)}
.rg-puce-t{overflow-wrap:anywhere}
.rg-puce code{font:600 .75rem var(--ff);color:var(--muted);font-variant-numeric:tabular-nums}
.rg-puce button{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:none}
.rg-puce button:hover:not(:disabled){background:var(--line);color:var(--text)}
.rg-puce button:disabled{opacity:.35;cursor:not-allowed}
.rg-puce button svg{width:13px;height:13px}
.rg-vide{color:var(--faint);font-size:var(--t-1);align-self:center}
.rg-ajout{position:relative;max-width:460px}
.rg-ajout .inp{padding-left:34px}
.rg-ajout>svg{position:absolute;left:11px;top:11px;color:var(--faint)}
.rg-props{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:35;background:var(--surf);border:1px solid var(--line2);border-radius:10px;box-shadow:0 12px 32px -8px rgb(0 0 0 / .45);padding:5px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.rg-props [role=option]{display:flex;gap:10px;align-items:baseline;padding:7px 9px;border-radius:7px;font-size:var(--t-1);cursor:pointer}
.rg-props [role=option].on,.rg-props [role=option]:hover{background:var(--surf2)}
.rg-props [role=option][aria-disabled=true]{color:var(--faint);cursor:default}
.rg-props code{font:600 .75rem var(--ff);color:var(--text);flex:none;width:54px;font-variant-numeric:tabular-nums}
.rg-props-vide{padding:8px 10px;color:var(--muted);font-size:var(--t-1)}
.rg-bascule{display:inline-flex;align-items:center;gap:10px;text-align:left;font-size:var(--t0);color:var(--text);padding:2px 0;width:fit-content}
.rg-bascule .rail{width:36px;height:20px;border-radius:99px;background:var(--line2);position:relative;flex:none;transition:background .18s}
.rg-bascule .rail span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.rg-bascule[aria-checked=true] .rail{background:var(--acc)}
.rg-bascule[aria-checked=true] .rail span{transform:translateX(16px);background:#fff}
.rg-bascule:disabled{opacity:.5;cursor:not-allowed}
.rg-levee{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}
.rg-levee label{display:grid;gap:5px;font-size:.78rem;color:var(--muted);font-weight:500}
.rg-txt{font-size:var(--t-1);color:var(--muted)}
.rg-lien{font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.rg-lien:hover{text-decoration-color:var(--text)}
.rg-crm{display:grid;border:1px solid var(--line2);border-radius:10px;overflow:hidden;max-width:620px}
.rg-crm-l{display:grid;grid-template-columns:20px 1fr;gap:3px 12px;padding:12px 14px;border-top:1px solid var(--line)}
.rg-crm-l:first-child{border-top:0}
.rg-crm-l .rond{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);margin-top:2px;grid-row:span 2}
.rg-crm-l.on{background:var(--acc-soft)}
.rg-crm-l.on .rond{border:5px solid var(--acc)}
.rg-crm-l[aria-disabled=true]{color:var(--muted)}
.rg-crm-l b{font-weight:600;font-size:var(--t-1)}
.rg-crm-l .d{font-size:.78rem;color:var(--muted)}
.rg-crm+.sous{display:block;margin-top:8px}
.rg-equipe{margin-top:14px;max-width:620px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surf)}
.rg-equipe h3{font-size:var(--t-1);font-weight:600;margin-bottom:8px}
.rg-equipe ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.rg-equipe li{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:99px;background:var(--surf2);font-size:var(--t-1)}
.rg-equipe li b{width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem}
.rg-equipe li span{color:var(--muted)}
.rg-equipe p{font-size:.78rem;color:var(--muted);margin-top:8px}
.rg-equipe p:first-of-type:last-child,.rg-equipe h3+p{margin-top:0}
.rg-cote{position:sticky;top:calc(var(--entete-h,52px) + 20px);display:grid;gap:10px;font-size:var(--t-1)}
.rg-bloc{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surf);display:grid;gap:2px}
.rg-bloc>b{font-size:var(--t2);font-weight:650;letter-spacing:-.01em}
.rg-etat{display:flex;align-items:center;gap:8px;color:var(--ok-txt);font-weight:600}
.rg-etat .rg-en{color:var(--muted)}
.rg-etat .rg-ko{color:var(--bad-txt)}
/* En-tête réduit à une ligne (44 px) : le sommaire et la colonne de droite remontent avec lui. */
.reduit .rg-somm,.reduit .rg-cote{top:64px}
@media (max-width:1180px){
  .rg{grid-template-columns:180px minmax(0,1fr);gap:28px}
  .rg-cote{grid-column:2;position:static;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:760px){
  .rg{grid-template-columns:minmax(0,1fr);gap:16px}
  .rg-cote{grid-column:1}
  .rg-somm{top:calc(var(--entete-h,52px));z-index:5;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--line)}
  .rg-somm .t{display:none}
  .reduit .rg-somm{top:44px}
  .rg-somm a{white-space:nowrap}
  .rg-levee{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.proj-sw svg,.rg-bascule .rail,.rg-bascule .rail span{transition:none}}
/* La collecte d'un projet pas encore branché (pas Radar Négoces) : on le dit, avec le chemin vers ses réglages. */
.a-venir{max-width:62ch;display:grid;align-content:start;gap:10px;padding:24px 0}
.a-venir h1{font-size:var(--t2);font-weight:650;letter-spacing:-.015em}
.a-venir p{color:var(--muted)}
.a-venir .bt{justify-self:start;margin-top:6px}
.proj-nv{border-top:1px solid var(--line);margin-top:5px}

/* Version d'essai en ligne (08-11-2026) : une pastille dans l'en-tête et une ligne sur la page de connexion. Jaune
   franc et texte presque noir dans les deux thèmes : fort contraste, et le mot dit la chose (Harlem est daltonien). */
.essai-pastille{display:inline-flex;align-items:center;margin-left:4px;padding:2px 9px;border-radius:999px;background:#f5c542;
  color:#1a1300;font-size:var(--t-1);font-weight:600;letter-spacing:0;white-space:nowrap}
.essai-ligne{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;font-size:var(--t-1)}
.essai-ligne .essai-pastille{margin-left:0}

/* 4r — archiver et supprimer un projet (10-11-2026) */
.proj-sw .proj-tag,.proj-tag{font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.proj-l.proj-arch{gap:8px;padding:7px 10px;font-size:.8rem;font-weight:600;color:var(--muted)}
.proj-l.proj-arch .i{width:16px;height:16px}
.proj-l.proj-arch svg:last-child{margin-left:auto;transition:transform .15s ease}
.proj-l.proj-arch[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
.proj-l.arch .mono{opacity:.6}
.proj-l.arch .x b{color:var(--muted)}
.rg-ranger{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line)}
.rg-ranger:first-child{border-top:0}
.rg-ranger-t{display:grid;gap:4px;max-width:62ch}
.rg-ranger-t b{font-weight:600}
.rg-ranger .bt{flex:none}
.rg-danger .rg-ranger-t b{color:var(--bad-txt)}
.rg-archive{margin:4px 0 8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surf2)}
@media (max-width:640px){.rg-ranger{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.proj-l.proj-arch svg:last-child{transition:none}}
/* 4o — « L'IA lit ta description » (Réglages, Qui je cherche) : la case du tri, la lecture des anciens leads, les propositions. */
.rg-cible-ligne{font-variant-numeric:tabular-nums}
.rg-cible-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.rg-cible-act .bt:disabled{opacity:.55;cursor:not-allowed}
.rg-cible-act .sous{flex:1 1 260px}
.rg-comp{display:grid;gap:12px;margin-top:6px;padding-top:12px;border-top:1px dashed var(--line2)}
.rg-comp-res{display:grid;gap:12px}
.rg-comp-res:empty{display:none}
.rg-comp-resume{font-size:var(--t-1);line-height:1.5;max-width:62ch}
.rg-comp-resume b{font-weight:600}
.rg-comp-alerte{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--warn);color:var(--warn-txt);border-radius:10px;padding:10px 12px;font-size:var(--t-1);line-height:1.45;max-width:62ch}
.rg-comp-alerte svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rg-comp-bloc{display:grid;gap:7px}
.rg-comp-bloc>.lab{font-size:var(--t-1);font-weight:600}
.rg-amb{list-style:none;display:grid;gap:6px;font-size:var(--t-1);line-height:1.45;max-width:62ch}
.rg-amb b{font-weight:600}
.rg-reco{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 11px 3px 8px;border:1px dashed var(--line2);border-radius:8px;font-size:var(--t-1);color:var(--text);background:transparent;transition:background .15s,border-color .15s}
.rg-reco svg{width:13px;height:13px;color:var(--muted)}
.rg-reco:hover:not(:disabled){background:var(--surf2);border-color:var(--text)}
.rg-reco:disabled{border-style:solid;background:var(--surf2);color:var(--muted);cursor:default}
.rg-reco:focus-visible,.rg-comp .bt:focus-visible,.rg-amb .rg-lien:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
/* Pilotage : « Pas ta cible (lu par l'IA) » a son propre motif, m11 (m10 : « Numéro non vérifié ou refusé », 4p ; m12 : « États-Unis », 4u) (jamais la couleur seule ; m9 est celui de
   « À vérifier (État) », étape 4m2) : des points espacés sur une fine diagonale. */
.m11{background:radial-gradient(var(--faint) 1.1px,transparent 1.3px) 0 0/8px 8px,repeating-linear-gradient(45deg,var(--faint) 0 1px,transparent 1px 8px)}

/* Étape 4y : écarter en lot une collecte ratée (Mes leads, choix B du 12-11-2026). */
.ml-bascule{margin-left:12px;font-size:.8rem;font-weight:500;white-space:nowrap;vertical-align:middle}
.ml-masques{margin-left:8px;font-size:.75rem;font-weight:600;white-space:nowrap}
.ec-raison{display:flex;align-items:center;gap:8px;margin:6px 0 8px}
.ec-raison .k{font-size:.75rem;color:var(--muted)}

/* 14-11-2026 : importer et exporter une liste des réglages ou la liste noire (CSV ou Excel). */
.rg-fichier{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.rg-fichier .sous{margin-left:4px}
.ln-fichier{display:flex;gap:6px;margin-left:auto}
.ln-outils .ln-fichier+.cherche{flex:0 1 260px}
.imp-choix{display:grid;gap:8px}
.imp-choix label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;cursor:pointer;font-size:var(--t-1);line-height:1.45;color:var(--muted)}
.imp-choix label b{color:var(--text);font-weight:600}
.imp-choix label:has(input:checked){border-color:var(--acc);background:var(--acc-soft)}
.imp-choix input{margin-top:3px;accent-color:var(--acc)}
.imp-ko{font-size:var(--t-1);color:var(--muted);border-left:2px solid var(--warn);padding-left:10px}
.imp-ko b{color:var(--warn-txt);font-weight:600}
.imp-ko ul{margin:4px 0 0;padding-left:16px;display:grid;gap:2px}
.imp-groupe{display:grid;gap:6px;font-size:var(--t-1);color:var(--muted)}
.imp-ko li{overflow-wrap:anywhere}
.imp-cases{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}
.imp-cases legend{font-size:var(--t-1);color:var(--muted);margin-bottom:6px;padding:0}
.imp-cases label{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line2);border-radius:999px;font-size:var(--t-1);color:var(--text);cursor:pointer}
.imp-cases label:has(input:checked){border-color:var(--acc);background:var(--acc-soft)}
.imp-cases b{font-weight:600;color:var(--muted)}
.imp-cases input,.imp-retirer input{accent-color:var(--acc)}
.modale p.imp-exclu{font-size:var(--t-1);color:var(--muted)}
.imp-retirer{display:flex;gap:9px;align-items:flex-start;font-size:var(--t-1);line-height:1.45;color:var(--text);cursor:pointer}
.imp-retirer input{margin-top:3px}
.modale p.imp-bilan{font-weight:600}