/* Mobile Sidebar & Navigation Fixes */
.workspace-mobilebar {
  background: #ffffff !important;
  border-bottom: 1px solid #c9d0d4 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.workspace-mobilebar .sidebar-trigger {
  background: #f8f9f8 !important;
  border: 1px solid #d2d9dc !important;
  color: #1d2a1a !important;
  min-height: 40px !important;
  min-width: 40px !important;
}

.workspace-mobilebar .sidebar-trigger:hover {
  background: #e8f5e8 !important;
  border-color: #5f8b2e !important;
}

[data-sidebar][data-mobile="true"],
[data-sidebar][data-mobile="true"] .bg-sidebar {
  background: #1d2a1a !important;
}

[data-sidebar][data-mobile="true"] [data-sidebar="menu-button"] {
  background: transparent !important;
  color: #dbead3 !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
}

[data-sidebar][data-mobile="true"] [data-sidebar="menu-button"]:hover {
  background: rgba(158, 204, 87, 0.15) !important;
  color: #ffffff !important;
}

[data-sidebar][data-mobile="true"] [data-active="true"] {
  background: #709c34 !important;
  color: #ffffff !important;
}

[data-sidebar][data-mobile="true"] [data-sidebar="group-label"] {
  color: #9fc57e !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 8px 12px 4px !important;
}

[data-sidebar][data-mobile="true"] .sidebar-user-card {
  background: rgba(0, 0, 0, 0.1) !important;
  border-top: 1px solid rgba(158, 204, 87, 0.2) !important;
  padding: 12px !important;
}

[data-sidebar][data-mobile="true"] button[data-slot="close"] {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #1d2a1a !important;
  opacity: 1 !important;
}

[data-sidebar][data-mobile="true"] [data-slot="avatar-fallback"] {
  color: #294326 !important;
  background: #c9e5a0 !important;
  font-weight: 600 !important;
}

[data-radix-dropdown-menu-content] {
  background: #ffffff !important;
  border: 1px solid #c9d0d4 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

[data-radix-dropdown-menu-item] {
  color: #1d2a1a !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}

[data-radix-dropdown-menu-item]:hover {
  background: #f8f9f8 !important;
}