/* 后台侧栏：淡蓝背景 + 收起/展开切换按钮 */
:root {
  --SidebarBg: hsl(205, 42%, 93%);
}

.sidebar-container {
  background: var(--SidebarBg) !important;
}

#app-wrapper.hideSidebar .sidebar-container {
  width: 0 !important;
  overflow: hidden;
}

#app-wrapper.hideSidebar .main-container {
  margin-left: 0 !important;
}

#app-wrapper.openSidebar .main-container {
  margin-left: var(--SideBarWidth, 200px);
}

.jy-sidebar-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  padding: 0;
  border: none;
  border-radius: var(--RadiusSmall, 6px);
  background: transparent;
  color: var(--Color, hsl(205, 52%, 50%));
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.jy-sidebar-toggle:hover {
  background: var(--ColorLight11, hsl(205, 40%, 94%));
  color: var(--ColorDark, hsl(205, 52%, 45%));
}

.jy-sidebar-toggle svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.TopBar .jy-sidebar-toggle-wrap {
  display: flex;
  align-items: center;
  flex: none;
}
