/* Layout: sidebar + main content */
.wrapper {
  display: flex;
  min-height: 100vh;
}

/* Sidebar styles */
#sidebar {
  min-width: 260px;
  max-width: 260px;
  transition: all 0.3s;
}

#sidebar.active {
  margin-left: -260px;
}

#content {
  width: 100%;
  transition: all 0.3s;
}

/* Hide sidebar on small screens by default */
@media (max-width: 991.98px) {
  #sidebar {
    margin-left: -260px;
  }

  #sidebar.active {
    margin-left: 0;
  }
}

/* Optional: make sidebar sticky */
#sidebar.sticky-top {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}