@root-entry-name: 'default';
@import (reference) '~antd/es/style/themes/index.less';

@pro-form-query-filter-prefix-cls: ~'@{ant-prefix}-pro-form-query-filter';

.@{pro-form-query-filter-prefix-cls} {
  /*暂时不需要内容*/
}

.setting-popover {
  .ant-popover-inner-content {
    padding: 0px;
  }
}

.search-setting {
  width: 220px;

  .setting-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    margin-bottom: 10px;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
  }

  .ant-tree .ant-tree-node-content-wrapper:hover {
    background: inherit;
  }

  .ant-tree-treenode {
    width: 100%;

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

.search-modal-share {
  display: flex;
  min-height: 250px;
  max-height: 400px;
  overflow: auto;

  .modal-share-list {
    width: 200px;
    padding-top: 10px;
    line-height: 35px;
    border-right: 1px solid #eeeeee;
  }
  .modal-share-item {
    padding-left: 20px;
  }
  .modal-share-user {
    flex: 1;
    width: 0;
    padding: 10px 0 0 10px;
    line-height: 35px;
  }
}

.search-modal-body {
  display: flex;
  min-height: 200px;
  max-height: 400px;

  .body-left {
    width: 200px;
    padding: 10px;
    overflow: auto;
    border-right: #f0f0f0 1px solid;

    .search-setting-item {
      position: relative;
      height: 28px;
      margin-top: 8px;
      padding: 2px 10px;
      background-color: #f5f5f5;
      border-radius: 4px;

      .search-item-btn {
        position: absolute;
        top: 2px;
        right: 2px;
        display: none;
        cursor: pointer;
      }

      &.is_current {
        color: #fff;
        background-color: var(--ant-primary-color, #1869ed);
      }

      &:not(.is_current) {
        .anticon-edit:hover {
          color: var(--ant-primary-color, #1869ed);
        }
      }

      &:hover {
        &:not(.is_current) {
          background-color: @item-active-bg;
        }

        .search-item-btn {
          display: inline-flex;
        }
      }
    }
    .my-icon-remove {
      margin-top: 3px;
      &:hover {
        color: var(--ant-error-color, #ff4d4f);
      }
    }
  }

  .body-right {
    flex: 1;
    overflow: auto;
  }
}

.search-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}