/* Sidebar Layout Styles */

/* Custom CSS variables for sidebar padding */
:root {
  --sidebar-width-expanded: 18rem; /* 288px = w-72 */
  --sidebar-width-collapsed: 4rem; /* 64px = w-16 */
}

/* Sidebar responsive padding classes */
.sidebar-main-padding {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .sidebar-main-padding {
    padding-left: var(--sidebar-width-expanded);
  }

  /* When sidebar is collapsed */
  [data-sidebar-collapsed="true"] .sidebar-main-padding {
    padding-left: var(--sidebar-width-collapsed);
  }
}