/* =============================
   LAYOUT SIDEBAR FIX
   ============================= */

.app-wrapper{
  display:flex;
  min-height:100vh;
}

.app-sidebar{
  width:260px;
  min-width:260px;
  max-width:260px;
  flex:0 0 260px;
  background:#f8f9fa;
  border-right:1px solid #dee2e6;
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
}

.app-content{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  padding:24px;
}

/* desktop wrapper sidebar */
.sidebar-desktop{
  flex:0 0 260px;
}

/* =============================
   MOBILE / TABLET
   ============================= */
@media (max-width: 991.98px){
  .app-wrapper{
    display:block;
    min-height:auto;
  }

  .sidebar-desktop{
    display:none !important;
  }

  .app-content{
    width:100%;
    padding:16px;
  }

  .app-sidebar{
    width:100%;
    min-width:100%;
    max-width:100%;
    flex:none;
    position:relative;
    top:auto;
    height:auto;
    min-height:auto;
    border-right:none;
    overflow:visible;
  }
}