.workSection {
  background: #F7F9FF;
  border-radius: 16px;

  .btnSize {
    --n-border-radius: 8px !important;
    --n-font-size: 16px !important;
    --n-height: 36px !important;
    width: 110px !important;
  }

  .btnB {
    --n-font-weight: 600 !important;
  }
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  margin: 0 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

  .headerName {
    font-size: max(20px, 13Px);
    font-weight: 600;
    color: #000000;
    line-height: 28px;
    display: flex;
    align-items: center;

    span {
      max-width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  .iconEdit {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    width: 18px;
    height: 18px;
    background: url('./images/icon-edit.png') no-repeat center;
    background-size: contain;
  }
}

.content {
  display: flex;
  padding: 20px;
  display: flex;
  // align-items: flex-start;

  .navatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    padding: 2px;
    border: 1px solid #198CFE;
    margin-right: 15px;
    flex-shrink: 0;
    background-color: #fff !important;

    :global {
      img {
        border-radius: 50%;
      }
    }
  }

  .userInfo {
    padding-top: 4px;
    flex: 1;
    margin-right: 30px;

    h2 {
      font-size: max(20px, 13Px);
      font-weight: 600;
      color: #131415;
      line-height: 28px;
    }

    p {
      font-size: max(16px, 12Px);
      color: #777777;
      line-height: 28px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 350px;
    }

    .p1::before,
    .p2::before {
      content: '';
      display: inline-block;
      width: 5px;
      height: 5px;
      background: #198CFE;
      margin-right: 7px;
      border-radius: 50%;
      flex-shrink: 0;
      transform: translateY(-3px);
    }

    .p2::before {
      background: #F44040;
    }

  }

  .btnGroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}