/* Corrections ciblées demandées : mobile dashboard, filtres Mes réservations,
   lancement automatique QR côté JS, flèche menu à côté du logo ANRAS.
   Aucune logique métier n'est modifiée ici. */

/* La flèche n'est plus flottante au-dessus du tableau de bord : elle reste
   dans le bloc logo / Application interne / Réservation véhicules & salles. */
.top-menu-btn,
#topMenuBtn{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  flex:0 0 auto!important;
  margin:0 2px 0 0!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  background:#1F7A4C!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 6px 16px rgba(15,23,42,.16)!important;
}
.top-menu-btn:hover,
#topMenuBtn:hover{background:#16603A!important;color:#fff!important;}
.modern-topbar{padding-left:12px!important;}
.topbar-left{display:flex!important;align-items:center!important;}

/* On garde un seul contrôle de menu : la flèche. */
.mobile-menu-open-btn,
#mobileMenuOpenBtn,
.sidebar-close-btn,
#sidebarCloseBtn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:768px){
  /* Sur téléphone, les filtres de Mes réservations sont masqués. */
  body .mes-reservations-filters,
  body.my-reservations-page .mes-reservations-filters{
    display:none!important;
  }

  /* Sur téléphone, masquer les blocs demandés dans Accueil / Dashboard. */
  .dashboard-mobile-hide-scope{
    display:none!important;
  }

  .modern-topbar{padding-left:9px!important;}
  .top-menu-btn,
  #topMenuBtn{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .topbar-app-icon{display:grid!important;width:38px!important;height:38px!important;border-radius:12px!important;}
  .topbar-app-icon img{max-width:30px!important;max-height:30px!important;}
}

@media(max-width:420px){
  .topbar-left{gap:7px!important;}
  .topbar-left .fw-bold.fs-5{font-size:.88rem!important;max-width:calc(100vw - 195px)!important;}
  .mini-muted{font-size:.68rem!important;}
}
