/* Fix: Sidebar menu items with long names (e.g. "Marketing Campaigns", "Social Media Employee")
   Allow text to wrap to a new line, but keep the arrow correctly aligned to the right. */
#side-menu > li > a {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}
#side-menu > li > a > i.menu-icon {
  flex-shrink: 0;
}
#side-menu > li > a > .menu-text {
  flex: 1;
  min-width: 0;
  white-space: normal; /* Allow wrapping */
  line-height: 1.3;
}
#side-menu > li > a > .arrow {
  float: none !important;
  flex-shrink: 0;
  padding-top: 0;
  margin-left: auto;
}
#side-menu > li > a > .badge {
  flex-shrink: 0;
}