/* Sidebar styles: blue background, white text, icons for each item */
.mst-sidebar { background: #0b5ed7; color: #fff; padding: 12px; border-radius: 8px; }
.mst-sidebar-inner { display: block; }
.mst-sidebar-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mst-sidebar-nav a { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; padding: 8px 10px; border-radius: 6px; transition: background 0.12s; }
.mst-sidebar-nav a:hover { background: rgba(255,255,255,0.08); }
.mst-icon { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; color: #fff; }
.mst-label { font-size: 15px; font-weight: 600; }

/* Make sidebar responsive: full width on narrow screens */
@media (max-width: 900px) {
  .mst-sidebar { width: 100%; border-radius: 6px; }
}

/* When placed in existing .sidebar-menu, make styles compatible */
.sidebar-menu .mst-sidebar { background: transparent; padding: 0; box-shadow: none; }
.sidebar-menu .mst-sidebar-nav a { padding: 6px 0; }

/* Small utility: compact variant */
.mst-sidebar.compact .mst-label { display: none; }
.mst-sidebar.compact { width: 64px; padding: 8px; }