/*
 * Vérification des éditions (R85, 2026-10-03) : la page du journal à gauche,
 * ses textes à droite. Les deux colonnes défilent chacune chez elle : on lit
 * une page en regardant la liste, sans que l'une emporte l'autre.
 */
.vf-tete { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--tb-sp-4); }
.vf-deux { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 1fr); gap: var(--tb-sp-4); margin-top: var(--tb-sp-4); align-items: start; }
.vf-journal { position: sticky; top: 0; display: flex; flex-direction: column; gap: var(--tb-sp-2); }
.vf-nav { display: flex; align-items: center; justify-content: center; gap: var(--tb-sp-3); font-size: var(--tb-t-s); color: var(--tb-texte-2); }
.vf-feuille { max-height: calc(100vh - 220px); overflow: auto; border: 1px solid var(--tb-bordure); border-radius: var(--tb-rayon-s); background: var(--tb-surface-2); }
.vf-feuille img { display: block; width: 100%; height: auto; background: #fff; }
.vf-textes { max-height: calc(100vh - 190px); overflow: auto; display: flex; flex-direction: column; gap: var(--tb-sp-2); padding-right: 2px; }
.vf-texte { padding: var(--tb-sp-3); border: 1px solid var(--tb-bordure); border-radius: var(--tb-rayon-s); background: var(--tb-surface); cursor: pointer; }
.vf-texte:hover { border-color: var(--tb-bordure-2); }
.vf-texte.est-actif { border-color: var(--tb-accent); box-shadow: 0 0 0 1px var(--tb-accent); }
.vf-texte.est-decide:not(.est-actif) { background: var(--tb-surface-2); }
.vf-texte header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: var(--tb-t-m); }
.vf-droite { margin-left: auto; }
.vf-titre { margin: 6px 0 0; font-size: var(--tb-t-s); font-weight: 600; }
.vf-texte .cpt-aide { margin: 2px 0 0; }
.vf-rapproche { margin-top: 6px; font-size: var(--tb-t-s); color: var(--tb-texte-2); line-height: 1.5; }
.vf-rien { color: var(--tb-danger); font-weight: 500; }
.vf-commentaire { margin: 6px 0 0; font-size: var(--tb-t-s); font-style: italic; }
.vf-gestes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--tb-sp-2); }
.vf-gestes .btn { height: 28px; padding: 0 10px; font-size: var(--tb-t-s); }
.vf-gestes .btn.est-choisi { border-color: var(--tb-accent); color: var(--tb-accent); }
.vf-saisie { margin-top: var(--tb-sp-2); }
.vf-saisie label { display: block; margin-bottom: 4px; font-size: var(--tb-t-s); color: var(--tb-texte-2); }
.vf-saisie textarea { width: 100%; resize: none; padding: 6px 8px; border: 1px solid var(--tb-bordure-2); border-radius: var(--tb-rayon-s); background: var(--tb-surface); color: var(--tb-texte); font: inherit; font-size: var(--tb-t-s); }
.vf-orphelines { margin-top: var(--tb-sp-3); padding: var(--tb-sp-3); border: 1px dashed var(--tb-alerte); border-radius: var(--tb-rayon-s); font-size: var(--tb-t-s); }
.vf-orphelines h4 { margin: 0; }
.vf-orphelines p { margin: 4px 0 0; }
.vf-ecart { color: var(--tb-danger); }
.vf-note { margin: 0; padding: var(--tb-sp-2) 0; font-size: var(--tb-t-s); color: var(--tb-texte-2); }
@media (max-width: 1100px) {
  .vf-deux { grid-template-columns: minmax(0, 1fr); }
  .vf-journal { position: static; }
  .vf-feuille, .vf-textes { max-height: none; }
}

/* Deux gestes dans l'en-tête de l'édition (11 octobre 2026) : vérifier
   automatiquement, puis clore. */
.vf-tete-gestes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* Les motifs du contrôle complet (docs/54) : une liste serrée, ambre ; une
   simple note (titre inconnu de la table) reste grise. */
.vf-motifs { margin: 4px 0 6px; padding: 0 0 0 16px; font-size: 12.5px; line-height: 1.45; color: #8A5A00; }
.vf-motifs li.est-note { color: var(--tb-texte-doux, #6B7280); }
.vf-motifs .cpt-aide { display: inline; }