/* Sidebar state-based styles */
.sidebar-container .sidebar-main {
  width: 0;
  opacity: 0;
}

.sidebar-container[data-state="open"] .sidebar-main {
  width: 224px;
  opacity: 1;
}

/* Mobile: Hide secondary sidebars completely */
@media (max-width: 767px) {
  .sidebar-container .sidebar-business-review,
  .sidebar-container .sidebar-settings,
  .sidebar-container .sidebar-integrations {
    display: none !important;
  }
  
  /* Mobile: Main content always takes full width, no margins */
  .sidebar-container .sidebar-main-content.single-sidebar,
  .sidebar-container .sidebar-main-content.has-secondary-sidebar {
    margin-left: 0 !important;
    width: 100% !important;
  }
  
  .sidebar-container[data-state="open"] .sidebar-main-content.single-sidebar,
  .sidebar-container[data-state="open"] .sidebar-main-content.has-secondary-sidebar {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Desktop: Secondary sidebar positioning */
@media (min-width: 768px) {
  .sidebar-container .sidebar-business-review,
  .sidebar-container .sidebar-settings,
  .sidebar-container .sidebar-integrations {
    left: 0;
  }

  .sidebar-container[data-state="open"] .sidebar-business-review,
  .sidebar-container[data-state="open"] .sidebar-settings,
  .sidebar-container[data-state="open"] .sidebar-integrations {
    left: 224px;
  }
  
  /* Desktop: Main content positioning */
  .sidebar-container .sidebar-main-content.single-sidebar {
    margin-left: 0;
    width: 100%;
  }

  .sidebar-container[data-state="open"] .sidebar-main-content.single-sidebar {
    margin-left: 224px;
  }

  .sidebar-container .sidebar-main-content.has-secondary-sidebar {
    margin-left: 224px;
  }

  .sidebar-container[data-state="open"] .sidebar-main-content.has-secondary-sidebar {
    margin-left: 448px;
  }
}