/* Elevora CRM — css/conversion.css
   [LE] 03/10/2026 — chantier v10, lot E (js/10c-conversion.js) : l'écran de complétion de la
   conversion d'un prospect en client (résumé, « Repris des échanges », « À compléter »), la provenance
   du projet, la carte de l'espace déjà créé, l'origine du projet et le parcours dans la fiche client.
   Jetons de la charte seulement (deux thèmes), aucune animation, pas de bordure gauche épaisse ; le
   texte tient 4,5:1 (couleurs de texte --text, --text2, --text3, --accent, --amber ajustées le 18/09). */

/* Le résumé en haut de l'étape « Contact » */
.conv-bandeau{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:12px 14px;margin:0 0 14px}
.conv-bandeau-t{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text)}
.conv-bandeau-d,.conv-bandeau-avis{margin:0;font-size:13.5px;line-height:1.5;color:var(--text2)}
.conv-bandeau-avis{margin-top:6px;color:var(--amber)}
.conv-bandeau-manque{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;color:var(--text2)}
.conv-aller-liste{display:flex;flex-wrap:wrap;gap:6px}
.conv-aller{min-height:28px;padding:2px 10px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg2);color:var(--text);
  font:600 12.5px/1.2 var(--font);cursor:pointer}
.conv-aller:hover{border-color:var(--accent);color:var(--accent)}
.conv-aller:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Les marques sous les champs */
.conv-note{margin:4px 0 0;font-size:12.5px;line-height:1.4;font-weight:600}
.conv-note-echanges{color:var(--accent)}
.conv-note-manque{color:var(--amber)}
.conv-note-aide{color:var(--text2);font-weight:500}
.conv-a-completer .fi,.conv-a-completer .fsel{border-color:var(--amber)}
.conv-a-completer > .fl,.conv-a-completer > label{color:var(--text)}

/* La provenance du projet (étape « Projet ») */
.conv-provenance{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;margin:0 0 12px}
.conv-provenance-t{margin:0;font-size:14px;font-weight:700;color:var(--text)}
.conv-provenance-n{margin:4px 0 0;font-size:13px;color:var(--text2)}
.conv-provenance-liste{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--text2);columns:2 220px}
.conv-provenance-liste .conv-de{color:var(--text3)}
.conv-provenance-vide{background:var(--amber-bg);border-color:var(--amber)}
.conv-provenance-vide .conv-provenance-t{font-weight:600}

/* L'espace déjà créé (étape « Accès ») */
.conv-espace{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;margin:0 0 1rem}
.conv-espace-t{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text)}
.conv-espace-dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.conv-espace-dl > div{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13.5px}
.conv-espace-dl dt{min-width:9.5em;color:var(--text3);font-weight:600}
.conv-espace-dl dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.conv-mono{font-family:var(--mono)}
.conv-espace-p{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:var(--text2)}
.conv-espace-avis{background:var(--amber-bg);border:1px solid var(--amber);border-radius:var(--r);padding:10px 12px;margin:0 0 1rem;font-size:13.5px;line-height:1.5;color:var(--text)}

/* L'origine du projet et le parcours, dans la fiche client */
.projet-origine{margin-top:var(--s3,12px)}
.projet-origine-p{margin:0 0 8px;font-size:13.5px;color:var(--text2)}
.projet-origine-liens{display:flex;flex-wrap:wrap;gap:6px}
#pparcours-area{margin-bottom:var(--s4,16px)}
.parcours-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.parcours-etape{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13.5px}
.parcours-etape:last-child{border-bottom:0}
.parcours-date{font-family:var(--mono);color:var(--text2)}
.parcours-l{color:var(--text);font-weight:600}
.parcours-d{color:var(--text2);font-weight:400}
.parcours-avenir .parcours-date,.parcours-avenir .parcours-l{color:var(--text3);font-weight:500}

@media (max-width:600px){
  .conv-espace-dl dt{min-width:0;width:100%}
  .parcours-etape{grid-template-columns:minmax(0,1fr);gap:2px}
}