/* /fle/includes/parametres_fle.css - SC@LPA FLE v0.3 */
.fle-engine .fle-preparation { max-width: 1180px; margin-inline:auto; }
.fle-engine .fle-preparation .card-body { background: #fff; }
.fle-engine .fle-preparation .form-range { max-width: 310px; display:block; }
.fle-engine .fle-tts-options summary { cursor:pointer; }
.fle-engine [data-fle-play-area][hidden], .fle-engine #zoneDesreglages[hidden] { display:none !important; }
.fle-engine .fle-jeu-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.fle-engine .fle-jeu-toolbar .fle-jeu-vitesse { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.fle-engine .fle-jeu-toolbar .fle-jeu-vitesse .form-range { width:140px; margin:0; }
.fle-engine .fle-consigne-compacte { font-size:.96rem; color:#566270; }
@media(max-width:575px) { .fle-engine .fle-preparation-actions .btn {width:100%;} }

/* En-tête plus compact, sans modifier le composant global des moteurs. */
.fle-engine .fle-engine-hero .card-body { padding:1.25rem 1.5rem !important; }
.fle-engine .fle-engine-hero h1 { font-size:clamp(1.45rem,2.3vw,1.95rem); }
.fle-engine .fle-engine-hero .lead { font-size:1rem; }
/* Sur segmenter_phrases, main_styles.css surcharge les gaps Bootstrap. */
.fle-engine .fle-preparation .gap-3, .fle-engine .fle-jeu-toolbar .gap-3 { gap:1rem !important; }
.fle-engine .fle-preparation .gap-2 { gap:.5rem !important; }

/* Moteurs historiques : préparatifs sobres, zone d'exercice pleine largeur */
.fle-engine .fle-preparation .fle-preparation-actions {align-items:center;}
.fle-engine .fle-jeu-toolbar {padding:.2rem .2rem .75rem;}
.fle-engine .fle-preparation #fullItemsNumber {font-size:.8rem;}
.fle-engine .fle-jeu-toolbar .fle-consigne-compacte {flex:1 1 280px;}
.fle-engine .fle-jeu-toolbar .btn {white-space:normal;}
@media (max-width:767px) {
    .fle-engine .fle-jeu-toolbar {align-items:flex-start;}
    .fle-engine .fle-preparation .row {row-gap:1.2rem;}
}

/* SC@LPA FLE v0.5 : actions de fin de série homogènes. */
.fle-engine .modal-footer [data-fle-fin-action] { min-width: 136px; }
@media(max-width: 575px) {
    .modal-footer [data-fle-fin-action] { flex: 1 1 100%; }
}