/* Sidebar: fixed on the left for md+ and hidden on small screens */
.persistent-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 260px;
  height: 100vh;
  overflow-y: auto;
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.06);
  z-index: 1040; /* above content but below modals */
}

@media (min-width: 768px) {
  body { padding-left: 260px; }
  .persistent-sidebar { display: block; position: fixed; }
}

@media (max-width: 767.98px) {
  .persistent-sidebar { display: none !important; }
  body { padding-left: 0 !important; }
}

/* small visual tweaks */
.persistent-sidebar a { color: #222; }
.persistent-sidebar a:hover { text-decoration: none; color: #0d6efd; }