/* Elevora CRM — listes-choix.css
   Paramètres → Listes de choix (25/09/2026, js/53b-listes-choix.js), le champ « Source » avec sa
   précision libre, et ce que la suppression d'un prospect ajoute au pipeline (menu d'une carte,
   fenêtre de confirmation — js/39). La page emprunte ses blocs aux Réglages IA (.adm-tete,
   .cdc-bloc, .cdc-t, .pr-note) et n'ajoute ici que ses lignes de liste. Aucune couleur nouvelle :
   uniquement les jetons de css/elevora.css, lisibles dans les deux thèmes. */

/* ── La page ──────────────────────────────────────────────────────────────────────────────── */
/* La zone des Paramètres est bornée à 1100 px (.adm-zone) ; celle-ci s'étend : ses trois listes se
   rangent côte à côte sur un écran large, et s'empilent en dessous de 3 × 400 px. */
#listes-zone.adm-zone{min-width:0}
.lc-page .adm-tete .pr-note{max-width:78ch}
.lc-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px;align-items:start}
.lc-grille .lc-bloc{margin-bottom:0;min-width:0}
.lc-tete{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.lc-tete .cdc-t{margin-bottom:6px}
.lc-compte{font-size:12px;color:var(--text3)}
.lc-ou{font-size:12.5px;color:var(--text2);margin:0 0 10px;line-height:1.5}
.lc-ou-l{font-weight:600;color:var(--text)}
.lc-liste{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--border)}
.lc-ligne{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);min-height:44px}
.lc-rang{flex:0 0 22px;font:600 12px var(--mono);color:var(--text3);text-align:right}
.lc-quoi{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}
.lc-nom{font-size:13.5px;font-weight:500;color:var(--text);overflow-wrap:anywhere}
.lc-nom-champ{max-width:340px;padding:6px 9px}
.lc-note{font-size:11.5px;color:var(--text3)}
.lc-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}
/* Monter / descendre : des cibles de 32 px (2.5.8), l'état « au bout » dit par aria-disabled. */
.lc-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border2);border-radius:var(--rs);background:transparent;color:var(--text2);cursor:pointer}
.lc-btn:hover{background:var(--bg3);color:var(--text)}
.lc-btn:focus-visible,.lc-retirer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lc-btn[aria-disabled="true"]{opacity:.45;cursor:default}
.lc-btn[aria-disabled="true"]:hover{background:transparent;color:var(--text2)}
.lc-retirer{margin-left:4px}
.lc-vide{font-size:13px;color:var(--text3);margin:8px 0}
.lc-retirees{margin:12px 0 0}
.lc-retirees summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text2);padding:6px 0;min-height:32px}
.lc-retirees summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--rs)}
.lc-retirees .pr-note{margin:4px 0 0}
.lc-liste-retirees .lc-nom{color:var(--text2)}
.lc-ajout{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px 10px;margin-top:14px}
.lc-ajout .ag-champ{flex:1 1 240px;max-width:360px}
.lc-ajout .btn{min-height:36px}
.lc-err{color:var(--red);font-size:13px;margin:8px 0 0}
.lc-err:empty{display:none}
.lc-pied{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px;margin-top:14px}
.lc-etat{font-size:12.5px;color:var(--text2);margin:0}

/* ── Le champ « Source » : « Autre » ouvre une précision libre ────────────────────────────── */
.lc-precision{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.lc-precision[hidden]{display:none}
.lc-precision>label{font:600 12px var(--font);color:var(--text2)}

/* ── Le menu d'une carte de prospect (js/39) ──────────────────────────────────────────────── */
/* Posé dans le coin, hors du flux : dans l'en-tête, un nom long le faisait passer à la ligne,
   sous le nom (Laure MAUNY-RAGER, capture du 25/09/2026). L'en-tête lui garde sa place. */
.pr-col .pb-card.pr-carte{position:relative}
.pr-carte-tete:has(.pr-carte-menu){padding-right:30px}
.pr-carte-menu{position:absolute;top:calc(var(--s3) - 4px);right:calc(var(--s3) - 6px);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border:0;border-radius:var(--rs);background:transparent;color:var(--text2);cursor:pointer}
.pr-carte-menu:hover,.pr-carte-menu[aria-expanded="true"]{background:var(--bg4);color:var(--text)}
.pr-carte-menu:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* Une entrée « danger » des menus (_tpMenu, js/56) : « Supprimer la fiche… », « Désactiver
   l'agent… ». .tk-menu-item la remettait à la couleur du texte ; le rouge dit le risque, et le
   libellé le dit aussi (1.4.1). */
.tk-menu-item.tk-danger{color:var(--red)}

/* ── La fenêtre de confirmation d'une suppression ─────────────────────────────────────────── */
.pr-suppr-t{margin:10px 0 4px;font-weight:600;color:var(--text)}
.pr-suppr-t:first-child{margin-top:8px}
.pr-suppr-liste{margin:0 0 4px 18px;padding:0}
.pr-suppr-liste li{margin:2px 0}
.pr-suppr-note{margin:12px 0 0;font-size:12.5px;color:var(--text2)}

/* ── Écrans étroits : rien ne déborde à 320 px ────────────────────────────────────────────── */
@media (max-width:640px){
  /* Le nom et ses boutons restent sur une ligne tant qu'ils y tiennent ; sinon les boutons passent
     dessous, alignés à droite. */
  .lc-ligne{flex-wrap:wrap}
  .lc-quoi{flex:1 1 110px}
  .lc-actions{margin-left:auto}
  /* Le nom d'un associé se modifie dans un champ : il garde toute la ligne, lisible en entier. */
  .lc-ligne:has(.lc-nom-champ) .lc-quoi{flex-basis:calc(100% - 32px)}
  .lc-nom-champ{max-width:none}
  .lc-ajout .ag-champ{max-width:none}
}
/* Les onglets de Paramètres défilent sous 560 px (css/elevora.css), mais rétrécissaient : avec un
   quatrième onglet, leurs libellés se chevauchaient à 390 px. Chacun garde sa largeur. */
@media (max-width:560px){.param-onglets .param-onglet{flex:0 0 auto}}