@import '~@cainiaofe/cn-ui-theme-light/token.scss';

.cn-table-format-cell-tag {
  // color: $color-primary;
  // border-radius: $radius-large;
  border: 1px solid transparent;
  border-radius: 500px;
  padding: 0 12px;
  display: inline-block;
  line-height: $font-lineheight-large;
  // &:not(:first-child) {
  //   margin-left: 8px;
  // }
}

.cn-table-cell-format-ai-generate {
  display: flex;
  align-items: center;
  justify-content: center;
}

// AI 生成中状态样式
.cn-table-cell-format-ai-generating {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; // 禁止点击
  user-select: none; // 禁止选择
  // background: #F7F0FE;
  .cn-table-cell-format-ai-generating-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    background: linear-gradient(113deg, #a93aff 3%, #586eff 96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}

.cn-table-format-text-link {
  color: $color-link;
  cursor: pointer;
}
.table-format-user-content {
  display: flex;
  align-items: center;

  .table-format-user-avatar {
    width: $s-6;
    height: $s-6;
    margin-right: $s-1;
    border-radius: 50%;
  }
  .table-format-user-depart {
    height: $s-5;
    padding: 0 $s-2;
    border-radius: 10px;
    background-color: $color-text-tip;
    color: $color-white;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
}
.cn-table-format-cell-tag-normal {
  color: #333;
  background-color: #ebecf0;
}

.cn-table-format-cell-tag-success {
  color: $color-success;
  background-color: $color-success-light;
}

.cn-table-format-cell-tag-error {
  color: $color-error;
  background-color: $color-error-light;
}

.cn-table-format-cell-tag-warning {
  color: $color-warning;
  background-color: $color-warning-light;
}

.cn-table-format-cell-tag-notice {
  color: $color-notice;
  background-color: $color-notice-light;
}

.cn-table-cell-format-progress {
  display: flex;
  .next-progress-line-container {
    flex: 1;
  }
  .next-progress-line-text {
    max-width: 50px;
    width: unset;
  }
}

.ctmt-line {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ctmt-line-1 {
  -webkit-line-clamp: 1;
}
.ctmt-line-2 {
  -webkit-line-clamp: 2;
}
.ctmt-line-3 {
  -webkit-line-clamp: 3;
}

.ctfit-img {
  width: 60px;
  max-height: 100px;
}
.cn-table-cell-format-image-text {
  display: flex;
  .ctfit-right {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    .ctfit-title {
    }
    .ctfit-content {
      color: #999;
      -webkit-line-clamp: 2 !important;
    }
  }
}
