/* ══ COMPOSITEUR SOUPLE DES PRÉSENTATIONS POWERPOINT (2026-10-07), préfixe lvc- ═════════════════════════════════════════
   Shared/CompositeurReglages.razor : réglages d'une diapositive de la variante (rubrique, intertitres, exercices montrés,
   colonnes d'un tableau, tuiles de chiffres clés) ou titres des sections, dans la colonne de droite du compositeur
   (Shared/MemorandumModal.razor, à la place de la bibliothèque). Schéma : Services/Livrables/ReglagesCompositeur.cs.
   • Champs : classes memo-champ et compo-btns de la fenêtre ; ici, la mise en page du panneau seulement.
   • Jetons de la fenêtre : --tx*, --mut*, --o8, --brand, --surf-* (clair et sombre).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

.lvc { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.lvc-tete { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.lvc-titre { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lvc-titre strong { font-size: .88rem; font-weight: 750; color: var(--tx1, #e9f1f2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lvc-sur { font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mut1, #9fb3ba); }
.lvc-tete .memo-lien { flex: 0 0 auto; white-space: nowrap; }
.lvc-champ { position: relative; }
.lvc-champ input, .lvc-champ select { width: 100%; box-sizing: border-box; }
.lvc-compte { font-variant-numeric: tabular-nums; color: var(--mut1, #9fb3ba); font-size: .7rem; font-weight: 500; }
.lvc-champ .lvc-compte { align-self: flex-end; }
.lvc-groupe { margin: 0; padding: 10px 12px 12px; border: 1px solid var(--o8, rgba(255,255,255,.12)); border-radius: 10px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lvc-groupe legend { padding: 0 6px; font-size: .8rem; color: var(--tx2, #c9d6da); display: inline-flex; gap: 8px; align-items: baseline; }
.lvc-case { display: flex; align-items: center; gap: 8px; font-size: .82rem; color: var(--tx1, #e9f1f2); cursor: pointer; }
.lvc-case input { width: 16px; height: 16px; margin: 0; accent-color: var(--brand, #00b1cf); }
.lvc-aide { color: var(--mut1, #9fb3ba); font-size: .72rem; line-height: 1.45; }
.lvc-tuiles { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.lvc-tuiles li { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 9px; border: 1px solid var(--o8, rgba(255,255,255,.1));
                 background: color-mix(in oklab, var(--surf-1, #0e1620) 70%, transparent); }
.lvc-tuile-lib { flex: 1; min-width: 0; font-size: .82rem; color: var(--tx1, #e9f1f2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lvc-note { font-size: .72rem; }
/* Ligne de la diapositive réglée, dans la liste de la variante. */
.compo-diapo.lvc-regle { border-color: var(--brand, #00b1cf); box-shadow: inset 3px 0 0 var(--brand, #00b1cf); }
.compo-col-t.lvc-entete { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.lvc-total { margin: 0; }
.lvc-total.trop { color: #f0705a; font-weight: 650; }