.querySources {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.header {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  // border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
}

.headerTitle {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.contentSpin {
  flex: 1;
  overflow: hidden;
  & > :global(.@{antPrefix}-spin-container) {
    overflow: auto;
    padding: 0 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
  }
}

.addButton {
  // height: 40px;
  // border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  // border: 1px solid #e0e0e0;
  // background: #fff;
  color: var(--beyond-color-primary);
  opacity: 0.9;
  display: flex;
  // align-items: center;
  // justify-content: center;
  // gap: 8px;

  &:hover {
    opacity: 1;
    border-color: var(--beyond-color-primary) !important;
    color: var(--beyond-color-primary) !important;
    background: transparent !important;
  }

  :global(.anticon) {
    font-size: 16px;
  }
}

.searchWrapper {
  width: 100%;
}

.treeWrapper {
  flex: 1;
  overflow: auto;
  min-height: 100px;

  // 自定义滚动条
  &::-webkit-scrollbar {
    width: 4px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background: #d9d9d9;
  }

  &::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0;
  }
}

// 覆盖 Ant Design 样式
:global {
  .@{antPrefix}-checkbox-wrapper {
    .@{antPrefix}-checkbox {
      border-radius: 4px;
      overflow: hidden;
    }
  }
}
