/* SIFAMAC+/QUINCA+ v123 — menu modules toujours accessible */

/* Ordinateur : logo fixe, modules défilants, pied fixe dans la colonne. */
@media(min-width:1025px){
  .side{
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:hidden!important;
    position:sticky!important;
    top:0!important;
  }

  .side-brand-v47,
  .side>.logo{
    flex:0 0 auto!important;
  }

  .side .nav{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 4px 8px 0!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(180,198,220,.55) transparent;
  }

  .side .nav::-webkit-scrollbar{
    width:6px;
  }
  .side .nav::-webkit-scrollbar-track{
    background:transparent;
  }
  .side .nav::-webkit-scrollbar-thumb{
    background:rgba(180,198,220,.45);
    border-radius:999px;
  }
  .side .nav::-webkit-scrollbar-thumb:hover{
    background:rgba(180,198,220,.75);
  }

  .side .nav button{
    scroll-margin-block:10px;
  }

  .side-foot{
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    margin-top:6px!important;
    padding:10px 2px 0!important;
    border-top:1px solid #ffffff12!important;
  }
}

/* Écrans intermédiaires : rendre le défilement horizontal du menu visible. */
@media(min-width:701px) and (max-width:1024px){
  .side .nav{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(180,198,220,.55) transparent!important;
    padding-bottom:5px!important;
  }

  .side .nav::-webkit-scrollbar{
    display:block!important;
    height:5px!important;
  }
  .side .nav::-webkit-scrollbar-track{
    background:transparent!important;
  }
  .side .nav::-webkit-scrollbar-thumb{
    background:rgba(180,198,220,.5)!important;
    border-radius:999px!important;
  }
}

/* Clavier : le module ciblé reste bien visible dans la zone scrollable. */
.side .nav button:focus-visible{
  outline:2px solid #65adff!important;
  outline-offset:1px!important;
}