.main-content {
     margin-left: 260px;
     padding: 20px;
   }

   @media (max-width: 992px) {
     .main-content {
       margin-left: 0 !important;
     }
   }

   nav.navbar {
     z-index: 1020;
   }

   /* --- Fond dégradé commun au menu (desktop & mobile) --- */
   .custom-sidebar,
   .offcanvas {
    /* background: linear-gradient(177deg, rgb(0, 119, 255) 0%, rgb(255, 221, 0) 100%); */
     background: linear-gradient(177deg, rgb(5, 77, 209) 0%, rgb(255 255 255) 100%);
     color: #fff;
   }

   /* --- Liens du menu --- */
   .custom-sidebar .nav-link,
   .offcanvas .nav-link {
     color: #fff !important;
     font-weight: 500;
     transition: background-color 0.2s ease, padding-left 0.2s ease;
   }

   .custom-sidebar .nav-link:hover,
   .custom-sidebar .nav-link.active,
   .offcanvas .nav-link:hover,
   .offcanvas .nav-link.active {
     background-color: rgba(255, 255, 255, 0.2);
     border-radius: 10px;
     padding-left: 12px;
   }

   .custom-sidebar .navbar-brand,
   .offcanvas-title {
     color: #fff !important;
     font-weight: bold;
   }

   /* --- Séparation visuelle --- */
   hr {
     border-color: rgba(255, 255, 255, 0.4);
   }

   /* --- Bouton mobile --- */
   .btn-menu-toggle {
     position: fixed;
     top: 15px;
     left: 15px;
     z-index: 2000;
     background-color: rgba(255, 255, 255, 0.7);
     border: none;
     border-radius: 8px;
     padding: 6px 10px;
   }