/* ── LA LIAISON (mot du rail) ────────────────────────────────────────────────
   Le dessin des fichiers : des titres en fonte des légendes, des entrées
   filetées, des gestes en mots. Vert = vivant, rouge = en défaut. */
.lia{display:grid;gap:18px}
.lia-tete{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--encre-2)}
.lia-point{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--trait);flex:0 0 auto}
.lia-point.bien{background:var(--bien)}
.lia-point.mal{background:var(--mal)}
.lia-faible{color:var(--encre-3)}
.lia-section{display:grid;gap:8px}
.lia-titre{margin:4px 0 0;font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:lowercase;color:var(--encre-3);font-weight:500}
.lia-note{margin:0;font-size:13px;line-height:1.5;color:var(--encre-2)}
.lia-entree{cursor:default;gap:10px}
.lia-entree .entree-nom{font-family:var(--fm);font-size:13.5px}
.lia-entree .entree-taille.bien{color:var(--bien)}
.lia-entree .entree-taille.mal{color:var(--mal)}
.lia-geste{border:0;background:none;cursor:pointer;font-family:var(--fm);font-size:11px;letter-spacing:.08em;color:var(--encre-3);min-height:36px;padding:0 6px;flex:0 0 auto}
.lia-geste:hover{color:var(--encre)}
.lia-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:4px 0 0}
.lia-champ{min-height:42px;padding:0 12px;border:1px solid var(--trait);border-radius:11px;background:var(--feuille);color:var(--encre);font:13.5px/1 var(--fm);outline:none;flex:1 1 180px}
.lia-champ:focus{border-color:var(--accent,var(--bien))}
.lia-select{flex:1 1 200px}
.lia-port{flex:0 0 90px}
.lia-cle-boite{display:flex;align-items:flex-start;gap:8px;margin-top:4px}
.lia-cle,.lia-cmd,.lia-cfg{margin:0;padding:11px 13px;border:1px solid var(--trait);border-radius:10px;background:var(--feuille-2);font:12.5px/1.55 var(--fm);color:var(--encre);white-space:pre-wrap;word-break:break-all;flex:1 1 auto;min-width:0}
.lia-copier{border:1px solid var(--trait);background:var(--feuille);color:var(--encre);border-radius:9px;min-height:36px;padding:0 10px;cursor:pointer;font:11px/1 var(--fm);letter-spacing:.08em;flex:0 0 auto}
.lia-copier:hover{border-color:var(--accent,var(--bien))}
.lia-consigne{display:grid;gap:8px}
.lia-cfg{max-height:min(50vh,420px);overflow:auto;white-space:pre;word-break:normal;font-size:12px}
.lia-cfg .lia-mien{background:color-mix(in srgb,var(--bien) 14%,transparent);display:inline-block;width:100%}
.lia .gestes{align-items:center;gap:6px 12px}