.employeesSider {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;

  :global {
    .@{antPrefix}-input-affix-wrapper {
      background-color: transparent;
    }
  }

  .discoverAgent {
    padding: 8px;
    border-radius: 6px;
    flex: 1 1 auto;

    // background-color: #f2f6fa;
  }

  .typeItem {
    flex: 1;
    text-align: center;
    padding: 6px 8px;
    border-radius: 28px;
    font-size: 14px;
    cursor: pointer;
    background-color: #f5f5f5;
    font-weight: 400;
    color: rgba(112, 118, 128, 1);
    &:hover {
      color: var(--beyond-color-primary);
    }
    &.active {
      color: var(--beyond-color-primary);
      background-color: rgba(22, 93, 255, 0.1);
    }
  }
}

.mydropdown {
  :global {
    .@{antPrefix}-dropdown-menu-item {
      padding: 0 !important;
    }
  }
  .dropdownMenuItem {
    display: flex;
    padding: 5px 12px;
  }
  .dropdownMenuItemDisabled {
    opacity: 0.45;
    pointer-events: none;
  }
}

.employeesList {
  :global {
    .@{antPrefix}-list-item {
      padding: 8px;
      border-radius: 10px;
      // cursor: pointer;
      border: 0.5px dashed transparent;
      position: relative;

      .@{antPrefix}-list-item-meta {
        align-items: center;

        .@{antPrefix}-list-item-meta-avatar {
          margin-right: 8px;
        }
      }

      &:hover {
        border: 0.5px dashed #6aa1ff;
        background-color: #fff;
        :global {
          .@{antPrefix}-list-item-action {
            display: block;
            margin-left: 10px;
          }
        }
      }
      :global {
        .@{antPrefix}-list-item-action {
          display: none;
        }
      }
    }

    .@{antPrefix}-skeleton-header {
      vertical-align: middle;
      padding-right: 8px;
    }

    .@{antPrefix}-skeleton-title {
      margin-top: 0 !important;
      margin-bottom: 4px !important;
    }

    .@{antPrefix}-skeleton-paragraph {
      margin-top: 0 !important;
    }
  }

  .offline {
    opacity: 0.5;
    background-color: #eee;
  }

  .name {
    margin: 0;
    font-size: var(--beyond-font-size);
  }

  .nameRow {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0; // 允许 flex 子元素收缩
    overflow: hidden;
    gap: 4px;
  }

  .tag {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: rgba(22, 93, 255, 0.1);
    flex-shrink: 0; // 标签不收缩

    .tagText {
      font-size: 12px;
      background: linear-gradient(90deg, #088cff 0%, #00cdd5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
  }

  .nameText {
    flex: 0 1 auto; // 自适应宽度，可以收缩但不强制占满
    min-width: 0; // 允许收缩
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pinBadge {
    display: inline-block;
    font-size: 12px;
    color: #a4aab2;
    vertical-align: text-top;
    margin-left: 4px;
    flex-shrink: 0; // 置顶图标不收缩
  }

  .description {
    color: var(--beyond-color-text-tertiary);
    font-size: var(--beyond-font-size-sm);
    margin: 0;
  }
}
.list {
  flex: 1 1 auto;
  overflow: auto;
}

.book {
  width: 18px;
  height: 18px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABBVBMVEUAAAAXX/8WYv8Xcf8Yvv8Wbf8Xev8Vif8Wn/8WeP8Vrf8Vnf8Vd/8VlP8Vpv8WnP8Wpv8WoP8Wl/8WhP8Wcf8VhP8WrP8Vbv8Vjf8Vh/8Vt/8Wef8Wbv8WvP8gcP8Ws/8WnP8Wkv8WkP8Vjf8Wif8Wf/8Vav8WaP8VtP8WZv8Wt/8WYv8Yt/8YZP8Wu/8WY/8WZv8WsP8Wev8Wc/8XbP8VY/8Yu/8Wtf8Wsf8Wrv8Wq/8WqP8Wpf8Wov8Wkv8Wj/8WjP8Whf8Wgv8WfP8WYP8WmP8Wu/8Wm/8Wlf8Wb/8Wnv8Wif8Wf/8Wt/8WuP8WgP8Wlv8WeP8WdP8WY/8WZv8WbP8Waf+95sPnAAAAN3RSTlMAYN9gYN9g/v7fYGBgYF/+39/f399g35BgYF9QUE8Q39/f39/f39/fz89/OCAg7++vn5+fb29ArzvqpwAAAVlJREFUOMuty9dWwkAQgOERJPTeq/SOXeldlBINSYD3fxSHkLMb41zyJbOTPecPXN/7rVkWTLL3n/+ZquY3+kF4njfecFLQrjdZ0+6SUpDq3rHoqUdygavHo3qfhFE/xqLYgITRgEeBIckHvmGARyMSRiMeBcckH7jHQR5tt1sHjrYcDod+dYN7y6P815lfH7Yw8udZFFoZ7Vc6N3hXIR6t0R6fy4mvxgveNY8KExJGkwKLilNSAhLTIotKM1ICkrMSi8o7++7CbsfRTtxJSO7KLArPSVGIzsM8WpAwWvCoIkmihERRxGEEEKQKi5xLUhqEpZNHsiw/C4LHI3gEpJ9pAI9siBQlDRRjFFFeAHLWvzI5AKsS4dHGChDfmMQx2vDIdnwFyDRsmqpNl8HoaGNR/FTLAcV6qrLv1uHw2AHCzaEGzJuqqhbCg2ox/mL5oDXAqHVD6sBV/QIVtZVyOzSTzwAAAABJRU5ErkJggg==');
}
