.evaluate-task-personnel-selector {
  display: flex;
  flex-direction: column;
  height: 100%;

  .selector-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;

    .search-input {
      width: 320px;
    }

    .selected-count {
      .count-label {
        margin-right: 8px;
        font-size: 14px;
      }
    }
  }

  .department-tabs {
    flex: 1;
    overflow-y: auto;
  }

  .department-personnel {
    padding: 8px 0;

    .personnel-card {
      border-radius: 4px;

      .department-header {
        padding-bottom: 8px;

        .department-title {
          font-weight: 500;
          font-size: 15px;
        }

        .department-count {
          color: rgba(0, 0, 0, 0.45);
          font-size: 13px;
        }
      }

      .personnel-list {
        .personnel-item {
          transition: all 0.3s;
          border: 1px solid #f0f0f0;

          &.selected {
            background-color: #e6f7ff;
            border-color: #91d5ff;
          }

          .personnel-info {
            display: flex;
            flex-direction: column;
            margin-left: 8px;

            .personnel-name {
              font-size: 14px;
              display: flex;
              align-items: center;

              .selected-icon {
                color: #1890ff;
                margin-left: 4px;
                font-size: 12px;
              }
            }

            .personnel-position {
              font-size: 12px;
              color: rgba(0, 0, 0, 0.45);
            }
          }

          .selected-avatar {
            background-color: #1890ff;
            color: #fff;
          }
        }

        .no-data {
          text-align: center;
          color: rgba(0, 0, 0, 0.45);
          padding: 32px 0;
        }
      }
    }
  }

  .selector-footer {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
  }
}

.evaluate-task-personnel-selector-simple {
  display: flex;
  flex-direction: column;
  height: 100%;

  .selector-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;

    .search-input {
      width: 320px;
    }

    .selected-count {
      font-size: 14px;

      .count-number {
        font-weight: bold;
        color: #1890ff;
      }
    }
  }

  .personnel-table {
    margin-bottom: 16px;

    .ant-table-tbody > tr.ant-table-row-selected > td {
      background-color: #e6f7ff;
    }
  }

  .selector-footer {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
  }
}
