// ==========================================================================
// Sidebar Component Styles (scrollbar, content padding)
// Layout positioning is handled by layout/_sidebar.scss
// Mobile/collapse behavior is handled by components/_navigation.scss
// ==========================================================================

.admin-sidebar {
  overflow-y: auto;
  overflow-x: hidden;

  // Custom scrollbar
  &::-webkit-scrollbar {
    width: 4px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--bs-border-color);
    border-radius: 4px;
  }

  .sidebar-content {
    padding: 1rem 0.75rem;
  }
}
