/* Page « préparer » v3 : menus « ⋯ » (js/preparer-menus.js) et fenêtres (coller des questions, où est ma banque,
   raccourcis). Variables de couleur : css/preparer.css (body.preparer). */

/* ---------- Menus « ⋯ » (preparer-menus.js) : l'aspect du menu « ⋯ » commun (.menu-plus-liste), en position
   fixe pour ne jamais être coupé par une colonne qui défile. ---------- */

.menu.menu-plus-liste { position: fixed; right: auto; top: auto; z-index: 60; max-height: 70vh; overflow-y: auto; font-family: 'Fredoka', system-ui, sans-serif; }
.menu .menu-plus-item { justify-content: flex-start; width: 100%; min-height: 40px; }
.menu-libelle { flex: 1 1 auto; }
.preparer .menu-raccourci { min-width: 0; padding: 0; border: 0; background: none; color: var(--absent); font-size: 0.8rem; }
.menu .menu-plus-item.danger { color: var(--encre); }
.menu .menu-plus-item.danger.confirmer { background: var(--faux); color: var(--faux-texte); font-weight: 600; }
.menu-separateur { height: 1px; margin: 0.3rem 0.5rem; background: rgba(43, 58, 66, 0.15); }
.menu-groupe { padding: 0.35rem 0.8rem 0.15rem; color: var(--encre-douce); font-size: 0.82rem; font-weight: 500; }

/* ---------- Fenêtres ---------- */

.preparer .dialogue {
  width: min(92vw, 40rem);
  max-height: 88vh;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: var(--feuille);
  color: var(--encre);
  box-shadow: var(--ombre-douce);
  font-family: 'Fredoka', system-ui, sans-serif;
}
.preparer .dialogue-large { width: min(94vw, 68rem); }
.preparer .dialogue-etroit { width: min(92vw, 34rem); }
.preparer .dialogue::backdrop { background: rgba(31, 41, 51, 0.35); }
.dialogue-corps { display: grid; gap: 0.9rem; padding: 1.2rem 1.4rem 1.4rem; }
.dialogue-entete { display: flex; align-items: center; gap: 0.6rem; }
.dialogue-entete h2 { flex: 1 1 auto; font-size: 1.35rem; }

.coller-aides { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.coller-aide h3 { font-size: 1rem; }
.coller-aide p { margin: 0.25rem 0 0.3rem; color: var(--encre-douce); font-size: 0.92rem; }
.coller-aide code { padding: 0 0.25em; border-radius: 4px; background: var(--fond-creux); font-weight: 600; }
.dialogue-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; min-height: 0; }
.preparer #texte-colle { min-height: 18rem; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.9rem; tab-size: 12; }
.texte-apercu { min-height: 0; max-height: 22rem; overflow-y: auto; }
.texte-bilan { margin: 0 0 0.5rem; font-weight: 600; }
.texte-bilan[data-etat='erreurs'] { color: #8a5a00; }
.texte-blocs { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.texte-bloc { display: grid; gap: 0.1rem; padding: 0.35rem 0.6rem; border-left: 3px solid var(--filet-fort); }
.texte-bloc-ok { border-left-color: var(--juste); }
.texte-bloc-erreur { border-left-color: var(--faux); background: #fdf0ee; }
.texte-bloc-titre { font-weight: 500; }
.texte-bloc-detail, .texte-bloc-avert { color: var(--encre-douce); font-size: 0.85rem; }
.texte-bloc-avert { color: #8a5a00; }
.consigne-repli { font-size: 0.8rem; }
.texte-resultat { margin: 0; padding: 0.55rem 0.8rem; border-left: 3px solid var(--juste); background: var(--juste-clair); color: var(--encre); font-weight: 500; }
.dialogue-pied { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.preparer .dialogue-pied input[type='text'] { width: 16rem; min-height: 40px; }
.preparer .dialogue-pied select { width: auto; max-width: 14rem; }
.dialogue-pied .btn { margin-left: auto; }

.raccourcis { display: grid; grid-template-columns: auto 1fr; gap: 0.55rem 1rem; margin: 0; align-items: baseline; }
.raccourcis dt { white-space: nowrap; }
.raccourcis dt small { color: var(--encre-pale); }
.raccourcis dd { margin: 0; color: var(--encre-douce); }