/* BeajFlow, motifs d'interface partages (patch 108).
 *
 * Feuille commune aux 5 pages admin. Tout etait en ligne dans chaque page
 * jusqu'ici, d'ou trois barres de defilement grises differentes et une carte
 * plafonnee a 60vh qui defilait alors qu'il restait la moitie de l'ecran.
 *
 * Chargee AVANT le <style> de chaque page : une regle locale plus specifique
 * peut donc toujours reprendre la main, rien n'est impose de force.
 */

:root {
  --bf-scroll:        rgba(196, 184, 118, 0.22);   /* pouce au repos   */
  --bf-scroll-hover:  rgba(196, 184, 118, 0.45);   /* pouce au survol  */
  --bf-scroll-w:      7px;
  /* Marge laissee au-dessus d'une carte ancree en bas : 12px d'ancrage
     plus 12px de respiration. Un seul endroit a changer pour toutes. */
  --bf-carte-air:     24px;
}

/* ── Barres de defilement aux couleurs de BeajFlow ────────────────────────
   Appliquees a TOUT ce qui defile, y compris les zones ajoutees demain.
   Firefox lit scrollbar-color, qui est heritable : pose sur :root, il
   descend partout sans avoir a enumerer les conteneurs. */
:root {
  scrollbar-width: thin;
  scrollbar-color: var(--bf-scroll) transparent;
}
*::-webkit-scrollbar          { width: var(--bf-scroll-w); height: var(--bf-scroll-w); }
*::-webkit-scrollbar-track    { background: transparent; }
*::-webkit-scrollbar-thumb    { background: var(--bf-scroll); border-radius: 99px;
                                border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--bf-scroll-hover); background-clip: content-box; }
*::-webkit-scrollbar-corner   { background: transparent; }

/* ── Carte qui s'adapte a son contenu ─────────────────────────────────────
   Motif a reutiliser pour toute carte ou tout panneau : il grandit avec son
   contenu et ne defile qu'une fois l'ecran reellement rempli.
   Usage : .bf-carte sur le conteneur, .bf-carte-corps sur la seule zone
   autorisee a se comprimer. Les autres enfants gardent leur hauteur.
   Aucune hauteur d'entete ou de pied n'est ecrite en dur : c'est la mise en
   page qui les deduit, donc ajouter une barre d'onglets ne casse rien. */
.bf-carte {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--bf-carte-air));
}
.bf-carte > *          { flex-shrink: 0; }
.bf-carte-corps        { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

@media (prefers-reduced-motion: reduce) {
  .bf-carte, .bf-carte-corps { scroll-behavior: auto; }
}