/* APS — builders/doc/livrables.css — 2026-10-22
   Livrables (maquette v2, planche B) : les documents du kit, l'aperçu où l'on
   rédige, le volet (périmètre, contrôles, livrer). Repose sur bibliotheque.css
   (jetons, barre, colonnes, boutons). */

.liv-champ{ display:flex; align-items:center; gap:6px; color:var(--text-dim); }
.liv-champ[hidden]{ display:none; }
.liv-main{ flex:1; min-height:0; display:flex; flex-wrap:wrap; }

.liv-documents{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.liv-doc{ width:100%; text-align:left; display:flex; flex-direction:column; gap:3px; padding:10px 12px; border-radius:8px;
  border:1px solid var(--border); background:var(--bg2); color:var(--text); cursor:pointer; font:inherit; }
.liv-doc:hover{ background:var(--bg3); }
.liv-doc[aria-pressed="true"]{ background:var(--bg4); border-color:var(--accent); }
.liv-doc:disabled{ cursor:default; opacity:.6; }
.liv-doc-nom{ font-weight:600; font-size:14px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.liv-doc-etat{ font-size:12px; color:var(--text-dim); }
.liv-doc[data-etat="livre"] .liv-doc-etat{ color:var(--ok); }
.liv-doc[data-etat="brouillon"] .liv-doc-etat{ color:var(--warn); }

.liv-centre{ flex:999 1 520px; min-width:0; display:flex; flex-direction:column; background:#0c0d0e; position:relative; }
.liv-zoom{ position:absolute; right:18px; top:12px; z-index:2; display:flex; align-items:center; gap:2px; padding:3px;
  background:var(--bg2); border:1px solid var(--border); border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.35); }
.liv-zoom[hidden]{ display:none; }
.liv-zoom-btn{ background:transparent; border:0; color:var(--text); padding:4px 9px; border-radius:6px; cursor:pointer; font:inherit; font-size:13px; }
.liv-zoom-btn:hover{ background:var(--bg4); }
.liv-zoom-btn[aria-pressed="true"]{ color:var(--accent); }
.liv-zoom-val{ font-size:12px; color:var(--text-dim); min-width:40px; text-align:right; padding-right:6px; }
.liv-apercu{ flex:1; min-height:520px; width:100%; border:0; background:#e9ecef; }
.liv-apercu[hidden]{ display:none; }
/* Le canevas de Deploy monté pour calculer les tracés du schéma : mis en page, jamais vu. */
.liv-canevas-hors-ecran{ position:fixed; left:-30000px; top:0; width:2400px; height:1600px; visibility:hidden; pointer-events:none; }

.liv-volet{ max-width:360px; display:flex; flex-direction:column; gap:18px; }
.liv-titre{ margin:0; font-size:16px; font-weight:650; }
.liv-bloc{ display:flex; flex-direction:column; gap:7px; }
.liv-choix{ display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--text-dim); }
.liv-choix .bib-select{ max-width:100%; }
.liv-ligne{ display:flex; gap:8px; align-items:baseline; font-size:14px; }
.liv-k{ color:var(--text-dim); width:120px; flex-shrink:0; }
.liv-v{ min-width:0; overflow-wrap:anywhere; }
.liv-signe{ width:14px; flex-shrink:0; }
.liv-signe[data-signe="✓"]{ color:var(--ok); }
.liv-signe[data-signe="!"]{ color:var(--warn); }
.liv-signe[data-signe="✗"]{ color:var(--err); }
.liv-boutons{ display:flex; flex-direction:column; gap:8px; }
.liv-gros{ padding:10px 14px; font-size:14px; }
.liv-sortie{ border-top:1px solid var(--border); padding-top:14px; font-size:13px; }
.liv-sortie .liv-boutons{ flex-direction:row; flex-wrap:wrap; }

@media (max-width: 700px){
  .liv-volet{ max-width:none; }
  .liv-apercu{ min-height:420px; }
}