/* ─── V4 · Prospects — vue Campagnes ─────────────────────────────────
   Reprend l'écran 05 de la maquette Claude Design : barre d'outils,
   tuiles du flux, rendement par canal, campagnes importées.
   Jetons v2 partout (tokens-v2.css, portés par [data-v2]) avec repli
   thème clair. Deux écarts assumés avec le DOM maquette, imposés par
   les règles dures du CRM : les tables de données posent sur
   --panel-solid (blanc opaque) et les bandes de groupe sur --inset. */

.x4-prospects-campagnes [hidden] { display: none !important; }

/* Le conteneur hôte (#kanban-container, v2-coque.css) padde déjà
   20px 30px : sans compensation le contenu était décalé de 30px et
   50px trop étroit (mesuré : barre à x=288/1252 contre 258/1302 sur
   la maquette). On annule le padding hôte ici, le corps porte seul
   les marges mesurées. */
.x4-prospects-campagnes { margin: -20px -30px; }

.x4-prospects-campagnes-corps {
  padding: 20px 30px 86px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 1180px;
  font-family: var(--font, 'Manrope', -apple-system, BlinkMacSystemFont, system-ui, sans-serif);
  color: var(--v2-text, #16171a);
  /* Mesuré : tous les blocs texte de la maquette font fs × 1,2
     (15→18, 13→15,6, 11,5→14, 10,5→12,6) ; le rendu héritait ~1,4. */
  line-height: 1.2;
}

/* :where() garde la spécificité à (0,1,0) : sans lui, ce reset
   (0,1,1) écrasait les encres et fonds des classes de boutons —
   onglet actif rendu sans ambre, « Importer » à l'encre noire. */
.x4-prospects-campagnes :where(button) {
  font-family: inherit;
  border: 0;
  background: none;
  color: inherit;
}

/* ── Barre d'outils ─────────────────────────────────────────────── */
.x4-prospects-campagnes-barre {
  display: flex;
  align-items: center;
  padding: 0 6px 0 16px;
  height: 50px;
  border-radius: var(--r-md, 18px);
  background: var(--panel, rgba(255, 255, 255, .66));
  backdrop-filter: blur(20px);
  border: 1px solid var(--stroke, rgba(20, 20, 25, .075));
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));
}

.x4-prospects-campagnes-cherche {
  margin-left: 9px;
  width: 210px;
  padding: 0; /* mesuré : l'UA ajoutait 1px 2px, texte à h=20 contre 15 */
  font-size: 12.5px;
  font-family: inherit;
  color: var(--v2-text, #16171a);
  background: transparent;
  border: 0;
}
.x4-prospects-campagnes-cherche::placeholder { color: var(--v2-text-3, #6b6f76); }
.x4-prospects-campagnes-cherche:focus { outline: none; }
.x4-prospects-campagnes-cherche::-webkit-search-cancel-button { -webkit-appearance: none; }

.x4-prospects-campagnes-sep {
  width: 1px;
  height: 22px;
  background: var(--stroke-2, rgba(20, 20, 25, .05));
  margin: 0 14px 0 4px;
  flex-shrink: 0;
}
.x4-prospects-campagnes-sep-2 { margin: 0 14px; }

.x4-prospects-campagnes-bascule {
  display: flex;
  gap: 3px;
  padding: 3px;
  border-radius: 99px;
  background: var(--inset, rgba(0, 0, 0, .035));
  flex-shrink: 0;
}

.x4-prospects-campagnes-onglet {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 13px;
  border-radius: 99px;
  font-size: 12.5px;
  font-weight: 620;
  color: var(--v2-text-2, #55595f);
  background: transparent;
  box-shadow: none;
}
.x4-prospects-campagnes-onglet:hover { color: var(--v2-text, #16171a); }
.x4-prospects-campagnes-onglet-actif,
.x4-prospects-campagnes-onglet-actif:hover {
  color: var(--v2-accent, #7d640d);
  background: var(--accent-soft, rgba(245, 213, 71, .26));
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));
}

.x4-prospects-campagnes-champs {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border-radius: 99px;
  color: var(--v2-text-2, #55595f);
  font-size: 12.5px;
  flex-shrink: 0;
}
.x4-prospects-campagnes-champs:hover { background: var(--inset, rgba(0, 0, 0, .035)); }

.x4-prospects-campagnes-flex { flex: 1 1 0%; }

/* Bouton de tri à droite de la barre (mesuré maquette : 121×34,
   padding 0 13, fs 12,5, encre text-3, clé en 620 encre pleine). */
.x4-prospects-campagnes-tri {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px;
  border-radius: 99px;
  font-size: 12.5px;
  color: var(--v2-text-3, #6b6f76);
  flex-shrink: 0;
}
.x4-prospects-campagnes-tri b {
  font-weight: 620;
  color: var(--v2-text, #16171a);
}
.x4-prospects-campagnes-tri:hover { background: var(--inset, rgba(0, 0, 0, .035)); }

/* ── Tuiles du flux de la semaine ───────────────────────────────── */
.x4-prospects-campagnes-tuiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.x4-prospects-campagnes-tuile {
  background: var(--panel, rgba(255, 255, 255, .66));
  backdrop-filter: blur(20px);
  border: 1px solid var(--stroke, rgba(20, 20, 25, .075));
  border-radius: var(--r-md, 18px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));
  padding: 13px 16px 14px;
}

.x4-prospects-campagnes-tuile-n {
  font-size: 24px;
  font-weight: 680;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

.x4-prospects-campagnes-tuile-k {
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--v2-text-3, #6b6f76);
}

.x4-prospects-campagnes-legende {
  margin-top: -4px;
  font-size: 11.5px;
  color: var(--v2-text-3, #6b6f76);
}

/* ── Cartes-tableaux ────────────────────────────────────────────── */
.x4-prospects-campagnes-carte {
  background: var(--panel-solid, #fff); /* règle dure : table de données sur blanc opaque */
  border: 1px solid var(--stroke, rgba(20, 20, 25, .075));
  border-radius: var(--r-lg, 26px);
  box-shadow: var(--shadow, 0 1px 1px rgba(0, 0, 0, .03), 0 10px 30px -12px rgba(0, 0, 0, .14));
  overflow: hidden;
}

.x4-prospects-campagnes-carte-tete {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 13px 18px 12px;
  border-bottom: 1px solid var(--stroke, rgba(20, 20, 25, .075));
}

.x4-prospects-campagnes-carte-titre {
  font-size: 15px;
  font-weight: 640;
  letter-spacing: -0.02em;
}

.x4-prospects-campagnes-carte-note {
  font-size: 11.5px;
  color: var(--v2-text-3, #6b6f76);
}
.x4-prospects-campagnes-note-droite { margin-left: auto; }

/* En-têtes et pied de tableau : bandes de groupe sur --inset (règle dure). */
.x4-prospects-campagnes-canal-entetes,
.x4-prospects-campagnes-camp-entetes {
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  background: var(--inset, rgba(0, 0, 0, .035));
  border-bottom: 1px solid var(--stroke, rgba(20, 20, 25, .075));
  font-size: 10.5px;
  font-weight: 640;
  letter-spacing: 0.08em;
  color: var(--v2-text-3, #6b6f76);
  text-transform: uppercase;
}

.x4-prospects-campagnes-canal-entetes,
.x4-prospects-campagnes-canal-ligne {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 104px 132px 132px 132px 150px;
}

.x4-prospects-campagnes-camp-entetes,
.x4-prospects-campagnes-camp-ligne {
  display: grid;
  grid-template-columns: minmax(230px, 1.3fr) 118px 108px 108px 118px 118px 118px 34px;
}

.x4-prospects-campagnes-canal-ligne {
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--stroke-2, rgba(20, 20, 25, .05));
}
.x4-prospects-campagnes-canal-ligne:last-child { border-bottom: 0; }

.x4-prospects-campagnes-canal-nom {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 620;
}

.x4-prospects-campagnes-pastille {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  flex-shrink: 0;
}

.x4-prospects-campagnes-droite { text-align: right; }

.x4-prospects-campagnes-cell {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.x4-prospects-campagnes-val {
  font-size: 13.5px;
  font-weight: 620;
}

.x4-prospects-campagnes-val-b {
  font-size: 13.5px;
  font-weight: 680;
  font-variant-numeric: tabular-nums;
  /* Mesuré : la maquette garde ~19px de boîte sur le chiffre gras
     (cellule composée 32px = 19 + 13,2) alors que le corps passe à 1,2. */
  line-height: 1.4;
}

.x4-prospects-campagnes-pos { color: var(--pos-fg, #136d45); }

.x4-prospects-campagnes-sous {
  display: block;
  font-size: 11px;
  color: var(--v2-text-3, #6b6f76);
  font-variant-numeric: tabular-nums;
}

.x4-prospects-campagnes-muet {
  font-size: 12.5px;
  /* Mesuré maquette : #64686e, le text-2 du handoff — soit le jeton
     --v2-text-2 (assombri en #55595f par Claude Design, tokens-v2.css). */
  color: var(--v2-text-2, #55595f);
}

.x4-prospects-campagnes-canal-vide {
  padding: 26px 18px 28px;
  text-align: center;
  font-size: 12.5px;
  color: var(--v2-text-3, #6b6f76);
}

/* ── Campagnes importées ────────────────────────────────────────── */
.x4-prospects-campagnes-importer {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 14px;
  border-radius: 99px;
  background: linear-gradient(170deg, #f5d547, #e4c033); /* aplat ambre */
  color: var(--sur-accent, #1b1a12); /* encre sur aplat ambre */
  font-size: 12.5px;
  font-weight: 640;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));
  align-self: center;
}
.x4-prospects-campagnes-importer:hover { filter: brightness(1.03); }

.x4-prospects-campagnes-camp-ligne {
  align-items: center;
  gap: 12px;
  padding: 11px 18px;
  border-bottom: 1px solid var(--stroke-2, rgba(20, 20, 25, .05));
  cursor: pointer;
}
.x4-prospects-campagnes-camp-ligne:hover { background: var(--inset, rgba(0, 0, 0, .035)); }
.x4-prospects-campagnes-camp-ligne:last-child { border-bottom: 0; }

.x4-prospects-campagnes-camp-id { min-width: 0; }

.x4-prospects-campagnes-camp-nom {
  font-size: 13px;
  font-weight: 620;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.x4-prospects-campagnes-camp-meta {
  margin-top: 3px;
  font-size: 11px;
  color: var(--v2-text-3, #6b6f76);
  font-variant-numeric: tabular-nums;
}

/* Valeur renseignée d'une ligne campagne (mesuré : fs 13, 620 —
   plus petit que les 13,5 des lignes canal). */
.x4-prospects-campagnes-camp-val {
  font-size: 13px;
  font-weight: 620;
  font-variant-numeric: tabular-nums;
}

/* ── État vide : zone de dépôt CSV ──────────────────────────────── */
.x4-prospects-campagnes-vide {
  margin: 14px 18px 18px;
  padding: 38px 24px 40px;
  border: 1.5px dashed var(--stroke, rgba(20, 20, 25, .075));
  border-radius: var(--r-md, 18px);
  background: var(--inset, rgba(0, 0, 0, .035));
  text-align: center;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.x4-prospects-campagnes-vide:hover,
.x4-prospects-campagnes-vide-survol {
  border-color: var(--accent-bright, #f5d547);
  background: var(--accent-soft, rgba(245, 213, 71, .26));
}

.x4-prospects-campagnes-vide-ico {
  width: 44px;
  height: 44px;
  border-radius: 99px;
  background: var(--accent-soft, rgba(245, 213, 71, .26));
  color: var(--v2-accent, #7d640d);
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
}

.x4-prospects-campagnes-vide-titre {
  font-size: 14px;
  font-weight: 640;
  letter-spacing: -0.01em;
}

.x4-prospects-campagnes-vide-sous {
  font-size: 12.5px;
  color: var(--v2-text-3, #6b6f76);
  max-width: 440px;
  margin: 6px auto 0;
  line-height: 1.55;
}

/* ── Aperçu du CSV déposé ───────────────────────────────────────── */
.x4-prospects-campagnes-apercu {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.x4-prospects-campagnes-apercu-tete {
  display: flex;
  align-items: center;
  gap: 12px;
}

.x4-prospects-campagnes-apercu-ico {
  width: 38px;
  height: 38px;
  border-radius: 99px;
  background: var(--accent-soft, rgba(245, 213, 71, .26));
  color: var(--v2-accent, #7d640d);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.x4-prospects-campagnes-apercu-id { min-width: 0; flex: 1 1 0%; }

.x4-prospects-campagnes-apercu-nom {
  font-size: 13.5px;
  font-weight: 640;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.x4-prospects-campagnes-apercu-meta {
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--v2-text-3, #6b6f76);
  font-variant-numeric: tabular-nums;
}

.x4-prospects-campagnes-fermer {
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 99px;
  display: grid;
  place-items: center;
  color: var(--v2-text-3, #6b6f76);
  flex-shrink: 0;
}
.x4-prospects-campagnes-fermer:hover {
  background: var(--inset, rgba(0, 0, 0, .035));
  color: var(--v2-text, #16171a);
}

.x4-prospects-campagnes-apercu-sur {
  font-size: 10.5px;
  font-weight: 640;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--v2-text-3, #6b6f76);
  margin-bottom: 8px;
}

.x4-prospects-campagnes-puces {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.x4-prospects-campagnes-puce {
  font-size: 11.5px;
  padding: 4px 10px;
  border-radius: 99px;
  background: var(--inset, rgba(0, 0, 0, .035));
  border: 1px solid var(--stroke-2, rgba(20, 20, 25, .05));
  color: var(--v2-text-2, #55595f);
}
.x4-prospects-campagnes-puce b {
  font-weight: 640;
  color: var(--v2-text, #16171a);
}
.x4-prospects-campagnes-puce-muette { color: var(--v2-text-3, #6b6f76); }

.x4-prospects-campagnes-alerte {
  font-size: 12.5px;
  color: var(--neg-fg, #a74137);
  background: var(--neg-soft, rgba(193, 75, 64, .11));
  padding: 10px 12px;
  border-radius: var(--r-sm, 12px);
}

.x4-prospects-campagnes-note {
  font-size: 12px;
  color: var(--v2-text-2, #55595f);
  background: var(--inset, rgba(0, 0, 0, .035));
  padding: 10px 12px;
  border-radius: var(--r-sm, 12px);
}

.x4-prospects-campagnes-apercu-actions {
  display: flex;
  gap: 8px;
}

.x4-prospects-campagnes-ghost {
  cursor: pointer;
  height: 30px;
  padding: 0 12px;
  border-radius: 99px;
  border: 1px solid var(--stroke, rgba(20, 20, 25, .075));
  background: transparent;
  color: var(--v2-text-2, #55595f);
  font-size: 12px;
  font-weight: 620;
}
.x4-prospects-campagnes-ghost:hover { background: var(--inset, rgba(0, 0, 0, .035)); }

/* « + Nouvelle fiche » (09/09/2026) : le bouton plein, en ambre. */
.x4-prospects-campagnes-champs.est-ambre { background: var(--accent-bright, #f5d547); border-color: transparent; color: var(--sur-accent, #1b1a12); font-weight: 640; margin-left: 8px; }
.x4-prospects-campagnes-champs.est-ambre:hover { filter: brightness(.97); color: var(--sur-accent, #1b1a12); }


/* ── L'import : nom de campagne + création (09/09/2026, l'aperçu devient un vrai import) ── */
.x4-prospects-campagnes-nomcamp { display: flex; flex-direction: column; gap: 5px; max-width: 420px; }
.x4-prospects-campagnes-nomcamp span { font-size: 11px; font-weight: 620; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-text-3, #6b6f76); }
.x4-prospects-campagnes-nomcamp input { height: 38px; padding: 0 12px; border-radius: var(--r-xs, 9px); border: 1px solid var(--stroke, rgba(20, 20, 25, .075)); background: var(--panel-solid, #fff); font: inherit; font-size: 14px; font-weight: 620; color: var(--v2-text, #16171a); }
.x4-prospects-campagnes-nomcamp input:focus { outline: 2px solid var(--accent-bright, #f5d547); outline-offset: -1px; }
.x4-prospects-campagnes-creer { height: 38px; padding: 0 16px; border: 0; border-radius: var(--r-sm, 12px); background: var(--accent-bright, #f5d547); color: var(--sur-accent, #1b1a12); font: inherit; font-size: 13px; font-weight: 640; cursor: pointer; }
.x4-prospects-campagnes-creer:hover { filter: brightness(.97); }

/* ── La liste de Bob (11/09/2026) ── */
.x4-pc-bob .x4-prospects-campagnes-carte-tete { align-items: center; }
.x4-pc-bob-av { flex: none; width: 28px; height: 28px; border-radius: 99px; overflow: hidden; }
.x4-pc-bob-av svg { display: block; width: 100%; height: 100%; }
.x4-pc-bob-corps { padding: 12px 18px 14px; display: flex; flex-direction: column; gap: 10px; }
.x4-pc-bob-vide { font-size: 13px; color: var(--v2-text-2, #55595f); }
.x4-pc-bob-ligne { display: grid; grid-template-columns: minmax(200px, 1.6fr) repeat(4, minmax(78px, .6fr)) auto; gap: 14px; align-items: center; }
.x4-pc-bob-nom { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; font-weight: 640; color: var(--v2-text, #16171a); }
.x4-pc-bob-meta { margin-top: 2px; font-size: 12px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-bob-note { display: inline-flex; align-items: baseline; gap: 2px; padding: 1px 8px; border-radius: 99px; font-size: 11.5px; font-weight: 550; background: var(--inset, rgba(0, 0, 0, .035)); color: var(--v2-text-2, #55595f); }
.x4-pc-bob-note b { font-size: 13px; font-weight: 680; }
.x4-pc-bob-note i { font-style: normal; font-size: 10.5px; opacity: .8; margin-left: 3px; }
.x4-pc-bob-note[data-ton="pos"] { background: var(--pos-soft, rgba(21, 115, 71, .12)); color: var(--pos-fg, #136d45); }
.x4-pc-bob-note[data-ton="accent"] { background: var(--accent-soft, rgba(245, 213, 71, .2)); color: var(--v2-text, #16171a); }
.x4-pc-bob-note[data-ton="neg"] { background: var(--neg-soft, rgba(220, 38, 38, .12)); color: var(--neg-fg, #b3261e); }
.x4-pc-bob-tuile { display: flex; flex-direction: column; }
.x4-pc-bob-tuile b { font-size: 17px; font-weight: 680; letter-spacing: -.02em; color: var(--v2-text, #16171a); font-variant-numeric: tabular-nums; }
.x4-pc-bob-tuile span { font-size: 11px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-bob-actes { display: flex; justify-content: flex-end; }
.x4-pc-bob-anciennes { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-bob-pied { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; }
@media (max-width: 1100px) { .x4-pc-bob-ligne { grid-template-columns: 1fr 1fr 1fr; } .x4-pc-bob-id, .x4-pc-bob-actes { grid-column: 1 / -1; } }

/* ── La page reprise (23/09/2026) : Bob a préparé · Mes campagnes · Cette semaine · D'où viennent les résultats ── */
.x4-pc-camps { display: flex; flex-direction: column; gap: 8px; }
.x4-pc-camp { display: flex; flex-direction: column; gap: 7px; padding: 12px 14px; border-radius: var(--r-sm, 12px); border: 1px solid var(--stroke-2, rgba(20, 20, 25, .06)); background: var(--panel, rgba(255, 255, 255, .55)); }
.x4-pc-camp-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.x4-pc-camp-id { min-width: 0; }
.x4-pc-camp-nom { font-size: 14px; font-weight: 640; color: var(--v2-text, #16171a); }
.x4-pc-camp-meta { font-size: 11.5px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-camp-barre { position: relative; height: 8px; border-radius: 99px; background: var(--inset, rgba(0, 0, 0, .06)); overflow: hidden; }
.x4-pc-camp-barre i { position: absolute; left: 0; top: 0; height: 100%; border-radius: 99px; }
.x4-pc-camp-barre .est-appelees, .x4-pc-legende .est-appelees { background: var(--info-soft, rgba(40, 90, 160, .35)); }
.x4-pc-camp-barre .est-jointes, .x4-pc-legende .est-jointes { background: var(--info-fg, #285aa0); }
.x4-pc-camp-barre .est-rdv, .x4-pc-legende .est-rdv { background: var(--pos-fg, #136d45); }
.x4-pc-camp-mots { font-size: 12.5px; color: var(--v2-text-2, #55595f); }
.x4-pc-camp-reste { font-weight: 640; color: var(--v2-accent, #7d640d); }
.x4-pc-camp-finie { font-weight: 620; color: var(--pos-fg, #136d45); }
.x4-pc-legende { display: flex; align-items: center; gap: 4px; margin: -4px 0 10px; font-size: 11.5px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-legende i { display: inline-block; width: 10px; height: 10px; margin-left: 8px; border-radius: 3px; }
.x4-pc-legende i:first-child { margin-left: 0; }
.x4-pc-semaine { display: flex; align-items: baseline; gap: 10px; padding: 2px 6px; font-size: 12.5px; color: var(--v2-text-2, #55595f); }
.x4-pc-semaine b { font-weight: 640; color: var(--v2-text, #16171a); }
.x4-pc-details > summary { display: flex; align-items: baseline; gap: 10px; cursor: pointer; list-style: none; }
.x4-pc-details > summary::-webkit-details-marker { display: none; }
.x4-pc-details > summary::before { content: '▸'; font-size: 12px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-details[open] > summary::before { content: '▾'; }
.x4-pc-details[open] > summary { margin-bottom: 10px; }
.x4-pc-bob-anciennes { font-size: 12px; color: var(--v2-text-3, #6b6f76); }
.x4-pc-bob-anciennes > summary { cursor: pointer; }
.x4-pc-bob-anciennes span { display: block; padding: 3px 0 0 14px; }

/* ── Le point de Bob sur Apollo (24/09/2026) ─────────────────────────── */
.x4-pc-point-verdict { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 13px; color: var(--v2-text-2, #55595f); }
.x4-pc-point-verdict i { width: 12px; height: 12px; border-radius: 99px; flex-shrink: 0; }
.x4-pc-point-verdict b { font-size: 15px; font-weight: 680; color: var(--v2-text, #16171a); }
.x4-pc-point-verdict[data-ton="pos"] i { background: var(--pos-fg, #136d45); }
.x4-pc-point-verdict[data-ton="accent"] i { background: var(--accent-bright, #f5d547); }
.x4-pc-point-verdict[data-ton="neg"] i { background: var(--neg-fg, #b3261e); }
.x4-pc-point-chiffres { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.x4-pc-point-chiffre { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: var(--r-md, 18px); background: var(--panel-2, rgba(255, 255, 255, .42)); border: 1px solid var(--stroke, rgba(20, 20, 25, .075)); }
.x4-pc-point-chiffre b { font-size: 22px; font-weight: 680; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.x4-pc-point-chiffre span { font-size: 12px; line-height: 1.35; color: var(--v2-text-3, #6b6f76); }
.x4-pc-point-mot { margin: 0 0 10px; font-size: 13.5px; line-height: 1.45; color: var(--v2-text, #16171a); }
.x4-pc-point-faute { color: var(--v2-text-2, #55595f); }
@media (max-width: 1100px) { .x4-pc-point-chiffres { grid-template-columns: 1fr 1fr; } }
/* Deux gestes par liste (importer, repasser au crible) : côte à côte, sans se serrer. */
.x4-pc-bob-ligne { grid-template-columns: minmax(200px, 1fr) auto; }
.x4-pc-bob-actes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.x4-pc-bob-actes .x4-prospects-campagnes-creer { white-space: nowrap; }