/*
 * CategorySelector组件样式
 * 用于控制品类选择器的整体布局和样式
 */
.category-selector {
  /* 控制触发器样式 */
  .selector-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.3s;

    /* 悬停效果 */
    &:hover {
      background-color: rgba(0, 0, 0, 0.02);
    }

    /* 已选择品类的展示区域 */
    .selected-categories {
      margin-left: 8px;
      display: flex;
      flex-wrap: wrap;
      max-width: 80%;

      /* 标签样式 */
      .ant-tag {
        margin-bottom: 4px;
        margin-right: 4px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  /* 搜索框样式 */
  .search-container {
    margin-bottom: 16px;
    padding: 8px;
    border-bottom: 1px solid #f0f0f0;
  }

  /* 优化TreeSelect下拉菜单样式 */
  .ant-select-tree {
    padding: 8px 4px;

    .ant-select-tree-node-content-wrapper {
      transition: all 0.3s;

      &:hover {
        background-color: #f5f5f5;
      }
    }

    /* 高亮选中节点 */
    .ant-select-tree-node-selected {
      background-color: #e6f7ff;
    }
  }
}
