/* editeurs.css — mission pb-rack-editeurs (décisions fondateur du 7 août 2026)
 *
 * Fichier SÉPARÉ, lié après style.css : il appartient à cette mission, jamais à
 * pb-passe-css. Ici on STRUCTURE (pb-passe-css HABILLE) : uniquement de la mise en
 * page. Aucune couleur nouvelle, aucun dégradé, aucun rayon, aucune échelle typo —
 * on ne consomme que les variables de thème déjà définies dans style.css
 * (--fond, --texte, --bordure-forte…) via les classes existantes réutilisées
 * (.texte-transcrit, .bouton-icone, .entree, .compte, .texte-etiquette).
 *
 * Deux blocs :
 *   D6 — les encarts de texte de la CONSOLE passent à ~6 lignes visibles.
 *   D7/D8/D9/D10 — le RACK D'ÉDITION pleine largeur sous la console.
 */

/* ─────────────────────────────────────────────────────────────────────────
 * D6 — ENCARTS DE LA CONSOLE À ~6 LIGNES.
 * Le fondateur : « cinq centimètres sur vingt », illisibles. Les encarts de la
 * console servent à VOIR qu'il y a du texte et à s'y déplacer, pas à éditer :
 * l'édition se fait dans le rack du bas. On les réduit à ~6 lignes, ascenseur
 * INTERNE conservé (resize:none + overflow-y:auto sont déjà posés dans style.css).
 * La hauteur réelle est portée par l'attribut rows="6" du <textarea> ; il suffit
 * de neutraliser le min-height (340px / 210px) et l'étirement flex de style.css.
 * Ciblé DANS la console (.zone-texte) pour ne PAS toucher les éditeurs du rack.
 * ───────────────────────────────────────────────────────────────────────── */
.page-app .zone-texte .texte-transcrit {
  flex: 0 0 auto;      /* ne s'étire plus à toute la hauteur de rangée */
  min-height: 0;       /* neutralise les 340px / 210px de style.css       */
}

/* ─────────────────────────────────────────────────────────────────────────
 * D7/D8/D9 — RACK D'ÉDITION PLEINE LARGEUR, SOUS LA CONSOLE.
 * Un éditeur par texte (transcription + traduction s'il y en a une). Chaque
 * éditeur : sa barre d'outils AU-DESSUS (D8), et au-dessus encore son nom + le
 * nombre de signes (D7). C'est la même matière que la console (D9) — la synchro
 * vit dans js/editeurs.js, il n'y a pas de bouton « appliquer ».
 * ───────────────────────────────────────────────────────────────────────── */
.rack-editeurs { margin-top: 24px; }

/* D10 — répartition de l'espace : le rack occupe TOUTE la largeur du <main> à
 * chaque palier. Un seul texte → une colonne pleine largeur (jamais d'encart vide
 * pour un texte qui n'existe pas). Traduction présente → deux colonnes égales dès
 * qu'elles tiennent (≥ 900px, même seuil que la console) ; en dessous, tout
 * s'empile — rien ne se cache. */
.rack-editeurs-grille { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 900px) {
  .rack-editeurs.rack-double .rack-editeurs-grille {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bloc-editeur { display: flex; flex-direction: column; min-width: 0; }

/* En-tête d'un éditeur : nom (à gauche) + nombre de signes (à droite). Reprend la
 * même grammaire que la tête de la console (.texte-tete). */
.editeur-tete {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 8px 16px; flex-wrap: wrap; margin-bottom: 8px;
}
.editeur-tete .texte-etiquette { font-weight: 600; }

/* Barre d'outils — texte brut UNIQUEMENT (D8) : tout sélectionner, couper, copier,
 * coller, annuler, rechercher. En flux, au-dessus de l'éditeur (jamais sur le
 * flanc, jamais en surcouche). Peuplée par js/editeurs.js. */
.editeur-barre {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 6px; margin-bottom: 8px;
}
.editeur-outil { flex: 0 0 auto; }
/* Boutons : on réutilise .bouton-icone (thème pb-passe-css). Cible confortable. */
.editeur-outil.bouton-icone { min-width: 40px; min-height: 40px; justify-content: center; padding: 8px; }
.editeur-outil .pic { width: 20px; height: 20px; }

/* Barre de recherche EN FLUX (pas de modale, pas de superposition — décision
 * fondateur maintenue) : un champ qui apparaît dans la barre d'outils. */
.editeur-find { display: flex; align-items: center; gap: 6px; flex: 1 1 220px; min-width: 0; }
.editeur-find[hidden] { display: none; }
.editeur-find .entree { flex: 1 1 auto; min-width: 0; }
.editeur-find-compte { flex: 0 0 auto; font-family: var(--mono); font-size: .82rem; color: var(--secondaire); white-space: nowrap; }

/* La zone d'édition elle-même : reprend .texte-transcrit (mono, thème, bordure)
 * mais, à l'inverse des encarts de la console, c'est la VRAIE surface d'édition —
 * haute, et redimensionnable à la verticale au gré du client. */
.editeur-zone.texte-transcrit {
  flex: 1 1 auto;
  min-height: 24rem;      /* ~ vingt lignes : on édite pour de bon ici */
  resize: vertical;
}