/* ==========================================================================
   AmmarAI Neo-Swiss / Editorial Panel Tweaks
   Pure CSS - Leaves all MagicAI DOM, loops, and dropdowns 100% native.
   ========================================================================== */

/* 1. Category Section Headings */
.lqd-navbar-label-wrap {
  margin-top: 1.25rem !important;
  margin-bottom: 0.35rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.lqd-navbar-label {
  font-family: inherit !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.55 !important;
}

/* 2. Menu Links - Sleek Pill Styling */
.lqd-navbar-link {
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover state */
.lqd-navbar-link:hover {
  transform: translateX(2px) !important;
}

/* 3. Active Item Indicator */
.lqd-navbar-link.active,
.lqd-navbar-item.active > .lqd-navbar-link {
  font-weight: 600 !important;
  position: relative !important;
}

.lqd-navbar-link.active::before,
.lqd-navbar-item.active > .lqd-navbar-link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 20% !important;
  height: 60% !important;
  width: 3px !important;
  border-radius: 9999px !important;
  background: currentColor !important;
}

/* 4. Nested Submenus (e.g., Settings, Chat dropdowns) */
.lqd-navbar-dropdown {
  margin-left: 0.85rem !important;
  padding-left: 0.5rem !important;
  border-left: 1px solid rgba(128, 128, 128, 0.15) !important;
}

.lqd-navbar-dropdown .lqd-navbar-link {
  font-size: 0.8125rem !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

/* 5. Refined Badges (NEW, PRO, BETA) */
.lqd-navbar-item .badge,
.lqd-navbar-item [class*="badge"] {
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 0.15rem 0.45rem !important;
  border-radius: 9999px !important;
}

/* 6. Subtle scrollbar for sidebar */
.lqd-navbar-inner::-webkit-scrollbar {
  width: 4px;
}
.lqd-navbar-inner::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.2);
  border-radius: 9999px;
}