/* Compact navigation: grouped, calm, and consistent with the project blue. */
.sidebar {
  width: 248px !important;
  padding: 12px 10px 14px !important;
  background: linear-gradient(180deg, #172554 0%, #1e3a8a 58%, #172554 100%) !important;
  border-left: 1px solid rgba(191, 219, 254, .18) !important;
}
.sidebar-brand { justify-content: space-between !important; padding: 8px 8px 14px !important; margin-bottom: 10px !important; }
.sidebar-brand > div:last-child { text-align: right !important; }
.sidebar-brand-icon { width: 32px !important; height: 32px !important; border-radius: 6px !important; background: #2563eb !important; }
.sidebar-brand strong { text-align: right !important; font-size: 13px !important; }
.sidebar-brand small { font-size: 10px !important; }
.sidebar-workspace-switcher { margin: 0 4px 12px !important; padding: 8px 10px !important; border: 1px solid rgba(191, 219, 254, .18) !important; border-radius: 6px !important; background: rgba(15, 23, 42, .2) !important; }
.sidebar-workspace-switcher-label { color: #bfdbfe !important; font-size: 9px !important; }
.sidebar-workspace-switcher select { height: 30px !important; font-size: 11px !important; }
.side-menu { gap: 3px !important; }
.side-menu-title { margin: 14px 8px 4px !important; color: #bfdbfe !important; font-size: 10px !important; font-weight: 600 !important; opacity: .8; }
.menu-item {
  min-height: 38px !important; padding: 8px 10px !important; border-radius: 6px !important;
  color: #dbeafe !important; font-size: 12px !important; font-weight: 600 !important;
  transition: background .15s ease, color .15s ease !important;
}
.menu-item:hover { background: rgba(147, 197, 253, .13) !important; color: #fff !important; }
.menu-item.active { background: #2563eb !important; color: #fff !important; box-shadow: inset -3px 0 #93c5fd, 0 5px 14px rgba(15, 23, 42, .16) !important; }
.menu-icon { width: 21px !important; height: 21px !important; color: currentColor !important; opacity: .95; }
.menu-icon.red, .menu-icon.cyan, .menu-icon.green, .menu-icon.violet, .menu-icon.blue, .menu-icon.amber, .menu-icon.gray { background: transparent !important; }
.menu-badge { min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 5px !important; background: #dbeafe !important; color: #1d4ed8 !important; font-size: 10px !important; }
.side-submenu { gap: 2px !important; margin: 0 8px 4px 0 !important; padding: 3px 8px 3px 0 !important; border-right: 1px solid rgba(191, 219, 254, .28) !important; }
.side-submenu .menu-item.sub-item { min-height: 32px !important; padding: 7px 10px !important; border-radius: 5px !important; color: #bfdbfe !important; font-size: 11px !important; }
.side-submenu .menu-item.sub-item.active { background: rgba(96, 165, 250, .24) !important; color: #fff !important; box-shadow: none !important; }
.sidebar-upgrade-box { margin: 14px 4px 0 !important; padding: 12px !important; border: 1px solid rgba(191, 219, 254, .2) !important; border-radius: 6px !important; background: rgba(15, 23, 42, .22) !important; }
.sidebar-upgrade-box a { display: block; margin-top: 8px; color: #bfdbfe !important; font-size: 10px !important; }
.sidebar-version { color: #bfdbfe !important; font-size: 10px !important; }
@media (max-width: 1120px) {
  .sidebar { width: min(78vw, 286px) !important; }
}
@media (max-width: 520px) {
  .sidebar { width: min(84vw, 286px) !important; }
}