/* Sourcing Chine. Postures de la charte : < 600 au pouce, >= 600 deux mains, >= 1024 table, >= 1280 bureau. */
.th-sombre{
  --fond:#15130F;--surface:#1D1A16;--surface-2:#26221D;--surface-3:#302B24;--champ:#100E0B;
  --filet:rgba(255,240,220,0.09);--filet-fort:rgba(255,240,220,0.20);
  --texte:#F2EDE4;--texte-2:#C9C1B4;--texte-3:#A0978A;
  --spark:#54E88A;--spark-doux:rgba(84,232,138,0.12);--spark-filet:rgba(84,232,138,0.45);
  --bouton:#F2EDE4;--bouton-texte:#15130F;--reflet:inset 0 1px 0 rgba(255,255,255,0.045);
  --danger:#FF8A7A;--danger-doux:rgba(255,138,122,0.07);--danger-filet:rgba(255,138,122,0.35);--info:#E8C26A;--barre:rgba(29,26,22,0.94);
  --lumiere:radial-gradient(1400px 800px at 28% -12%,rgba(255,220,180,0.10),transparent 62%),radial-gradient(1000px 700px at 105% -5%,rgba(46,230,200,0.045),transparent 60%),radial-gradient(1600px 900px at 50% 120%,rgba(255,200,150,0.03),transparent 70%);
}
.th-clair{
  --fond:#F5F1E9;--surface:#FCFAF5;--surface-2:#EFE9DE;--surface-3:#E6DECF;--champ:#FFFDF9;
  --filet:rgba(60,45,25,0.12);--filet-fort:rgba(60,45,25,0.24);
  --texte:#1F1A14;--texte-2:#463E33;--texte-3:#62594C;
  --spark:#1C8A52;--spark-doux:rgba(28,138,82,0.10);--spark-filet:rgba(28,138,82,0.45);
  --bouton:#1F1A14;--bouton-texte:#F5F1E9;--reflet:0 1px 2px rgba(60,45,25,0.05);
  --danger:#B3261E;--danger-doux:rgba(179,38,30,0.05);--danger-filet:rgba(179,38,30,0.30);--info:#8A5A00;--barre:rgba(252,250,245,0.95);
  --lumiere:radial-gradient(1400px 800px at 28% -12%,rgba(255,236,210,0.55),transparent 62%);
}

*{box-sizing:border-box}
html{color-scheme:dark light}
body{margin:0}
input,textarea,button{font-family:inherit}
#racine{
  position:relative;min-height:100vh;background-color:var(--fond);background-image:var(--lumiere);background-repeat:no-repeat;
  color:var(--texte);font-family:'Geist',system-ui,sans-serif;font-size:15px;line-height:1.5;padding-bottom:84px;
  overflow-wrap:anywhere;
}
a{color:var(--texte)}a:hover{color:var(--spark)}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--spark);outline-offset:2px}
[hidden]{display:none !important}
h1,h2{margin:0}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:'Geist Mono',ui-monospace,monospace}
.libelle{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--texte-3)}
.discret,.texte-3{color:var(--texte-3)}
.texte-2{color:var(--texte-2)}
.petit{font-size:13px}
.erreur{color:var(--danger);font-size:14px}
.texte-large{display:none}
.texte-etroit{display:inline}
.menu-long{display:none}

/* En-tête et menu unique : barre du bas au pouce */
#entete{border-bottom:1px solid var(--filet)}
.entete-interieur{max-width:1320px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:10px}
.marque{font-weight:600;font-size:17px;letter-spacing:-0.01em;display:flex;align-items:center;gap:8px}
.marque-puce{width:8px;height:8px;border-radius:2px;background:var(--spark);display:inline-block}
.entete-droite{margin-left:auto;display:flex;align-items:center;gap:8px}
.en-ligne{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--texte-2)}
.point{width:7px;height:7px;border-radius:50%;background:var(--spark);display:inline-block}
#cout-jour{display:none;font-size:12px}
.bouton-icone{width:44px;height:44px;border-radius:8px;border:1px solid var(--filet-fort);background:var(--surface);color:var(--texte);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}
.bouton-icone[aria-pressed="true"]{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--spark)}
.bouton-icone[aria-pressed="true"] svg{fill:currentColor}

#menu{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);background:var(--barre);border-top:1px solid var(--filet);backdrop-filter:blur(10px)}
#menu a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:12px;color:var(--texte-3);position:relative}
#menu a[aria-current="page"]{color:var(--texte)}
#menu a[aria-current="page"]::after{content:"";width:18px;height:2px;border-radius:2px;background:var(--spark);margin-top:1px}
.compteur{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--texte-3)}
#menu .compteur{position:absolute;top:8px;left:calc(50% + 14px)}

/* Page */
#principal{max-width:1320px;margin:0 auto;padding:8px 16px 24px}
.ecran{display:flex;flex-direction:column;gap:22px}
.bloc-recherche{display:flex;flex-direction:column;gap:10px}
.bloc-recherche h1{font-size:22px;font-weight:600;letter-spacing:-0.01em}
.recherche-form{display:flex;flex-direction:column;gap:10px;margin:0}
input[type=search],input[type=text],textarea{width:100%;min-width:0;background:var(--champ);color:var(--texte);border:1px solid var(--filet-fort);border-radius:10px;font-size:16px;padding:0 16px;box-shadow:var(--reflet)}
input[type=search],input[type=text]{min-height:52px}
textarea{padding:12px 14px;resize:vertical}
.bouton-principal{white-space:nowrap;min-height:52px;padding:0 22px;border:0;border-radius:10px;background:var(--bouton);color:var(--bouton-texte);font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.bouton-principal:disabled{opacity:0.55;cursor:wait}
.petit-bouton{min-height:44px;font-size:15px}
.bouton-second{min-height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--filet-fort);background:var(--surface);color:var(--texte);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.bouton-danger{min-height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:14px;cursor:pointer}
.bouton-garder{min-height:44px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;background:var(--bouton);color:var(--bouton-texte)}
.bouton-garder[aria-pressed="true"]{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--texte)}
.pastilles{display:flex;flex-wrap:wrap;gap:6px}
.pastille{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--filet-fort);background:transparent;color:var(--texte-2);font-size:14px;cursor:pointer}
.pastille[aria-pressed="true"]{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--texte)}
.filtres-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pile{display:flex;flex-direction:column;gap:10px}
.pile-petite{display:flex;flex-direction:column;gap:8px}
.sans-puce{list-style:none;margin:0;padding:0}
.titre-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.titre-ligne h2{font-size:17px;font-weight:600}

.deux-colonnes{display:flex;flex-direction:column;gap:22px}
.colonne-liste{min-width:0;display:flex;flex-direction:column;gap:10px}
.colonne-fiche{min-width:0}

.carte{background:var(--surface);border:1px solid var(--filet);border-radius:12px;padding:12px 16px;box-shadow:var(--reflet)}
.carte[data-choisi="true"]{background:var(--surface-2);border-color:var(--spark-filet)}
.carte-bouton{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;width:100%;box-sizing:border-box}
.carte-bouton:focus-visible{outline:2px solid var(--spark);outline-offset:4px}
.carte-ligne{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.etiquette{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid var(--filet-fort);color:var(--texte-2)}
.etiquette-spark{border-color:var(--spark-filet);color:var(--spark);margin-left:auto}
.carte-titre{font-size:15px;font-weight:600;line-height:1.35}
.carte-zh{font-size:13px;color:var(--texte-3)}
.carte-resume{font-size:14px;color:var(--texte-2);display:none}

.carte-bloc{background:var(--surface);border:1px solid var(--filet);border-radius:14px;box-shadow:var(--reflet);padding:16px;display:flex;flex-direction:column;gap:12px}
.carte-interne{background:var(--surface-2);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.ligne-form{display:flex;flex-wrap:wrap;gap:8px}
.ligne-form input{flex:1 1 200px}
.liste-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface-2);border-radius:10px;padding:6px 6px 6px 14px}
.liste-ligne .nom{flex:1 1 140px;min-width:0}
.liste-ligne input{flex:1 1 140px;min-height:44px}

.attente{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--spark-filet);border-radius:12px;padding:16px}
.rond{width:22px;height:22px;border-radius:50%;border:3px solid var(--filet-fort);border-top-color:var(--spark);animation:tourne 0.9s linear infinite;flex:none}
@keyframes tourne{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.rond{animation:none}}

/* Fiche */
.fiche{background:var(--surface);border:1px solid var(--filet);border-radius:14px;box-shadow:var(--reflet);padding:18px;display:flex;flex-direction:column;gap:18px;min-width:0}
.fiche-tete{display:flex;flex-direction:column;gap:12px}
.fiche-titres{min-width:0}
.fiche h2{margin-top:6px;font-size:21px;font-weight:600;letter-spacing:-0.01em}
.fiche-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fiche-actions .bouton-garder{flex:1 1 auto}
.menu-fiche{display:flex;flex-wrap:wrap;gap:8px}
.bloc-statut{display:flex;flex-direction:column;gap:8px}
.grille-statuts{display:grid;grid-template-columns:1fr 1fr}
.tuiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tuile{background:var(--surface-2);border-radius:10px;padding:10px 14px;min-width:0}
.tuile-produits{grid-column:1 / -1}
.tuile-titre{font-size:12px;color:var(--texte-3)}
.tuile div:last-child{font-size:14px}
.bloc-synthese{display:flex;flex-direction:column;gap:6px}
.lien-source{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:6px;width:fit-content}
.message{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:12px;padding:14px}
.message-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.message-zh{font-size:16px;line-height:1.75}
.message .texte-3{font-size:13px}

/* Dossier fournisseur */
.puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.puce{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--filet-fort);color:var(--texte-2)}
.puce-ok{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--texte)}
.puce-echec{border-color:var(--danger);color:var(--danger)}
.puce-lecture{color:var(--texte-3)}
.rond-mini{width:10px;height:10px;border-width:2px}
.rond-petit{width:18px;height:18px;border-width:2px}
.bouton-reessayer{margin-top:8px}
.bandeau{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--spark-doux);border:1px solid var(--spark-filet);border-radius:12px;padding:12px 14px}
.bandeau p{flex:1 1 220px}
.pile-fiche{display:flex;flex-direction:column;gap:18px}
.bloc-dossier{display:flex;flex-direction:column;gap:10px}
.liste-bref{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px}
.avis{font-weight:600;border-left:3px solid var(--spark);padding-left:12px}
.grille-points{display:grid;grid-template-columns:1fr;gap:8px}
.point-ligne{display:flex;gap:12px;align-items:flex-start;background:var(--surface-2);border-radius:10px;padding:10px 14px;min-width:0}
.point-signe{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:1px solid var(--filet-fort);color:var(--texte-2)}
.point-ligne[data-statut="trouve"] .point-signe{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--spark)}
.point-ligne[data-statut="absent"] .point-signe{border-color:var(--danger);color:var(--danger)}
.point-texte{min-width:0;display:flex;flex-direction:column;gap:2px}
.point-nom{font-weight:600;font-size:14px}
.point-etat{margin-left:8px;font-weight:400;font-size:12px;color:var(--texte-3)}
.nature-type{font-size:16px;font-weight:600}
.lecture{max-width:68ch;font-size:16px;line-height:1.75;display:flex;flex-direction:column;gap:14px;color:var(--texte)}

/* Sujets : un dossier par recherche */
.sujets-grille{display:flex;flex-direction:column;gap:16px;min-width:0}
.sujets-lateral{display:none}
.sujet-colonne{min-width:0;display:flex;flex-direction:column;gap:20px}
.puces-sujets{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px}
.puce-sujet{flex:none;max-width:70vw;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--filet);background:transparent;color:var(--texte);font-size:14px;cursor:pointer}
.puce-sujet[aria-current="true"]{background:var(--surface-2);border-color:var(--spark-filet)}
.puce-sujet .nom-court{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none;background:var(--texte-3)}
.pt-spark{background:var(--spark)}
.pt-info{background:var(--info)}
.pt-danger{background:var(--danger)}
.sujets-titre{padding:0 12px 8px}
.ligne-sujet{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid transparent;color:var(--texte)}
.ligne-sujet:focus-visible{outline:2px solid var(--spark);outline-offset:2px}
.ligne-sujet[aria-current="true"]{background:var(--surface-2);border-color:var(--filet-fort)}
.ligne-sujet .nom{font-weight:500;overflow-wrap:anywhere}
.ligne-sujet .etat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texte-3)}
.bouton-pointille{margin-top:8px;min-height:44px;width:100%;border-radius:10px;border:1px dashed var(--filet-fort);background:transparent;color:var(--texte-2);font-size:15px;cursor:pointer}
.sujet{display:flex;flex-direction:column;gap:22px;min-width:0}
.sujet-tete{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px}
.sujet-titres{flex:1 1 280px;min-width:0}
.sujet-meta{font-size:12px;letter-spacing:0.04em;color:var(--texte-3);text-transform:uppercase}
.sujet h1{margin-top:6px;font-size:26px;line-height:1.15;font-weight:600;letter-spacing:-0.02em}
.sujet-actions{display:flex;gap:10px;flex-wrap:wrap}
.sujet-actions .bouton-principal{min-height:48px}
.enquete-etat{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;background:var(--spark-doux);border:1px solid var(--spark-filet)}
.enquete-etat[data-etat="a_lancer"]{background:none;border:1px dashed var(--filet-fort);color:var(--texte-2);display:block}
.enquete-etat[data-etat="echec"]{background:var(--danger-doux);border-color:var(--danger-filet)}
.enquete-etat .gros{font-weight:600;color:var(--texte)}
.enquete-etat p{font-size:14px;color:var(--texte-2);margin-top:2px}
.enquete-etat .bouton-second{margin-top:10px}
.rond-grand{width:28px;height:28px}
.enquete{display:flex;flex-direction:column;gap:22px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--filet);box-shadow:var(--reflet);min-width:0}
.enquete h2{margin:0 0 8px;font-size:20px;font-weight:600}
.enquete-entete{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.enquete-badge{padding:4px 10px;border-radius:6px;background:var(--spark-doux);color:var(--spark);font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;font-weight:500}
.enquete-synthese{font-size:17px;line-height:1.6;color:var(--texte-2);max-width:68ch}
.grille-fournisseurs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.four{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:12px;background:var(--surface-2);border:1px solid var(--filet);min-width:0}
.four-tete{display:flex;align-items:center;gap:10px}
.four-rang{width:28px;height:28px;border-radius:8px;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;font-family:'Geist Mono',ui-monospace,monospace;font-size:14px;font-weight:500;flex:none}
.four-nom{font-weight:600}
.four-ville{font-size:13px;color:var(--texte-3)}
.nature{align-self:flex-start;padding:3px 9px;border-radius:6px;font-size:13px;font-weight:500;background:var(--surface-3);color:var(--texte-2)}
.nature-ok{background:var(--spark-doux);color:var(--spark)}
.four dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:14px}
.four dt{color:var(--texte-3)}
.four dd{margin:0}
.four-pourquoi{font-size:14px;color:var(--texte-2)}
.lien-bouton{all:unset;box-sizing:border-box;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--spark);cursor:pointer}
.lien-bouton:focus-visible{outline:2px solid var(--spark);outline-offset:2px}
.grille-deux{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.encart{padding:18px;border-radius:12px;border:1px solid var(--filet);background:var(--surface-2);min-width:0}
.encart h2{font-size:17px;margin:0 0 10px}
.encart-alerte{border-color:var(--danger-filet);background:var(--danger-doux)}
.titre-alerte{display:flex;align-items:center;gap:8px;color:var(--danger)}
.liste-encart{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--texte-2)}
.liste-encart .discret{list-style:none;margin-left:-20px}

@media (min-width:600px){
  .grille-fournisseurs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .enquete{padding:24px}
}
@media (min-width:1024px){
  .sujets-grille{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
  .sujets-lateral{display:flex;flex-direction:column;gap:8px}
  .puces-sujets{display:none}
  .sujet h1{font-size:34px}
  .grille-fournisseurs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grille-deux{grid-template-columns:repeat(2,minmax(0,1fr))}
  .enquete{padding:28px}
}

/* Connexion */
.racine-connexion{display:flex;align-items:center;justify-content:center;padding:24px 16px}
.carte-connexion{background:var(--surface);border:1px solid var(--filet);border-radius:14px;box-shadow:var(--reflet);padding:28px 24px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:400px}
.carte-connexion h1{font-size:26px;font-weight:600}
.zone-google{min-height:44px}

/* A partir de 600 : à deux mains, menu en haut */
@media (min-width:600px){
  #racine{padding-bottom:0}
  .entete-interieur{padding:14px 24px;gap:16px}
  #menu{position:static;display:flex;gap:4px;background:none;border:0;backdrop-filter:none;z-index:auto}
  #menu a{min-height:44px;flex-direction:row;padding:0 14px;border-radius:6px;font-size:14px;gap:8px}
  #menu a svg{display:none}
  #menu a[aria-current="page"]{background:var(--surface-2)}
  #menu a[aria-current="page"]::after{display:none}
  #menu .compteur{position:static}
  .menu-long{display:inline}
  .texte-large{display:inline}
  .texte-etroit{display:none}
  #cout-jour{display:inline}
  #principal{padding:28px 24px 40px}
  .bloc-recherche h1{font-size:26px}
  .recherche-form{flex-direction:row;flex-wrap:wrap}
  .recherche-form input{flex:999 1 320px}
  .recherche-form button{flex:1 1 200px}
  .carte-resume{display:block}
  .fiche{padding:24px}
  .fiche-tete{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
  .fiche-titres{flex:1 1 240px}
  .fiche-actions .bouton-garder{flex:none}
  .grille-statuts{display:flex}
  .tuiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  .tuile-produits{grid-column:auto}
}

/* A partir de 1024 : sur la table, liste et fiche côte à côte */
@media (min-width:1024px){
  .deux-colonnes{flex-direction:row;align-items:flex-start;gap:28px}
  .colonne-liste{flex:1 1 380px}
  .colonne-fiche{flex:1.35 1 520px}
  .bloc-recherche h1{font-size:30px}
  .fiche h2{font-size:26px}
}

/* A partir de 1280 : au bureau, on aère */
@media (min-width:1280px){
  .entete-interieur{padding:14px 32px}
  #principal{padding:40px 32px 56px}
  .ecran{gap:28px}
  .fiche{padding:28px;gap:22px}
}

/* Message WeChat à un fournisseur (rédigé au clic) */
.bouton-message{align-self:flex-start;min-height:44px}
.message-zone:empty{display:none}
.message-zone{display:flex;flex-direction:column;gap:10px;min-width:0}
.message-langues{display:flex;flex-wrap:wrap;gap:8px}
.message-langues .pastille{min-height:44px}
.message-texte{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px;border-radius:10px;background:var(--surface);border:1px solid var(--filet);font:inherit;line-height:1.7;min-width:0}
.message-texte[lang="zh"]{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.message-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.four-id{min-width:0}
.suivi{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:12px;border-top:1px solid var(--filet)}
.suivi-tete{display:flex;align-items:center;justify-content:space-between;gap:10px}
.suivi-titre{font-weight:600}
.suivi-pastille{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--filet-fort);background:var(--surface-3);color:var(--texte-2);font-size:13px}
.suivi-pastille[data-etat="retenu"],.suivi-pastille[data-etat="echantillon"],.suivi-pastille[data-etat="repondu"]{border-color:var(--spark-filet);background:var(--spark-doux);color:var(--texte)}
.suivi-select{width:100%;min-height:44px;background:var(--champ);color:var(--texte);border:1px solid var(--filet-fort);border-radius:10px;font:inherit;font-size:16px;padding:0 12px}
.suivi-select:focus-visible{outline:2px solid var(--spark);outline-offset:2px}
.suivi #suivi-traduire,.suivi button{align-self:flex-start;min-height:44px}
.suivi-historique{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.suivi-echange{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--surface);border:1px solid var(--filet);min-width:0}
.suivi-fr{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.suivi-champs{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:14px}
.suivi-champs dt{color:var(--texte-3)}
.suivi-champs dd{margin:0;overflow-wrap:anywhere}
.suivi summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--texte-2);font-size:14px}
/* Comparer les fournisseurs : cartes empilées au pouce, tableau dès 600 px */
.comparer-bloc{margin-bottom:24px}
.comparer{width:100%;border-collapse:collapse;font-size:14px}
.comparer thead{display:none}
.comparer tr{display:block;padding:14px;margin-bottom:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--filet)}
.comparer tr[data-etat="ecarte"]{opacity:.55}
.comparer th,.comparer td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;padding:4px 0;text-align:left;font-weight:400;overflow-wrap:anywhere}
.comparer td::before{content:attr(data-libelle);color:var(--texte-3)}
.comparer .comparer-four{display:flex;align-items:center;gap:10px;font-weight:600;padding-bottom:8px}
.comparer-nom{color:var(--texte);text-decoration:underline;text-decoration-color:var(--filet-fort);text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.cmp-enquete{color:var(--texte-3)}
.cmp-source{display:block;font-size:12px;font-style:italic;color:var(--texte-3)}
.cmp-vide{color:var(--texte-3)}
.comparer .suivi-pastille{justify-self:start;white-space:nowrap}
@media (min-width:600px){
  .comparer thead{display:table-header-group}
  .comparer tr{display:table-row;padding:0;margin:0;background:none;border:0;border-radius:0}
  .comparer th,.comparer td{display:table-cell;padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--filet)}
  .comparer td::before{content:none}
  .comparer thead th{color:var(--texte-3);font-size:13px;font-weight:500;white-space:nowrap}
  .comparer .comparer-four{display:table-cell;padding-bottom:10px}
  .comparer .comparer-four .four-rang{margin-right:10px;vertical-align:middle}
  .comparer-bloc{overflow-x:auto}
}
/* Relances à faire */
.relances-bloc{margin-bottom:20px}
.relances-nombre{display:inline-flex;min-width:24px;height:24px;padding:0 8px;border-radius:999px;align-items:center;justify-content:center;background:var(--spark-doux);border:1px solid var(--spark-filet);font-size:13px;font-weight:600;vertical-align:middle}
.relances-nombre:empty{display:none}
.relances{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.relance{padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--filet);display:flex;flex-direction:column;gap:8px;min-width:0}
.relance-tete{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
.relance-nom{font-weight:600;min-height:44px}
.relance-motif{margin:0;font-size:14px;color:var(--texte-2);overflow-wrap:anywhere}
.relance-mention{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin-left:6px;border-radius:999px;border:1px solid var(--danger-filet);background:var(--danger-doux);color:var(--danger);font-size:12px;white-space:nowrap}
.comparer .relance-mention{margin:6px 0 0}