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

.cn-ui-m-card {
  background-color: $m-color-bg-white;
  border-radius: $m-radius-larger;

  &-no-padding {
    .cn-ui-m-card-body {
      padding: 0;
    }
  }

  &-header {
    width: 100%;
    border-bottom: 1px solid #f2f4f8;

    .tags {
      display: flex;
      flex-wrap: wrap;
      margin: 0 $m-s-12 $m-s-10 $m-s-12;

      .tag-item:not(:last-child) {
        margin-right: $m-s-8;
      }
    }
  }

  &-body {
    padding: $m-s-12;

    & > .cn-ui-m-list .cn-ui-m-list-item:last-child {
      border-radius: $m-radius-larger;
    }

    // 卡片内 CnTab 的标题文字为 14px
    .cn-ui-m-tab-item-text {
      font-size: $m-font-size-body-1;
    }
  }

  &-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: $m-s-4 $m-s-12 $m-s-12 $m-s-12;

    > *:not(:last-child) {
      margin-right: $m-s-12;
    }

    .checkbox-group {
      flex: 1;
      word-break: keep-all;
    }

    .cn-ui-m-button-group {
      margin-left: auto;
    }
  }
}