@use 'element-plus/theme-chalk/src/common/var.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/config.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(table-dialog) {
  display: flex;
  &__trigger {
    display: inline-flex;
  }

  &__body {
    display: flex;
    overflow: auto;
    padding: 0 16px;

    &-left {
      width: 100%;
    }

    &-right {
      flex: none;
      width: 295px;
      margin-left: 20px;
      border: 1px solid #ebeef5;
      border-radius: 3px;
      overflow: hidden;

      .title {
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
        background: #ebeef5;
      }
      .select-item {
        box-sizing: border-box;
        padding: 0 12px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &:hover {
          background: #f5f7fa;
        }
        .cursor-pointer {
          cursor: pointer;
        }
        .text {
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          white-space: nowrap;
          width: 100%;
        }
      }
    }
    .#{$namespace}-affix-bottom {
      box-shadow: none;
      padding-bottom: 0px;
    }
    .#{$namespace}-table__header {
      .#{$namespace}-table__cell {
        border-color: #ebeef5;
      }
    }
  }

  &__class {
    .#{$namespace}-dialog {
      padding: 0px !important;
    }
    .#{$namespace}-dialog__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 4px 16px !important;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      .#{$namespace}-dialog__title {
        font-weight: bold;
      }
      .#{$namespace}-dialog__headerbtn {
        position: relative;
      }
      .#{$namespace}-dialog__close {
        font-size: 20px;
      }
    }
    .#{$namespace}-dialog__body {
      .#{$namespace}-table__inner-wrapper::before {
        background-color: transparent;
      }
    }
    .#{$namespace}-dialog__headerbtn {
      width: auto;
    }
  }

  &__footer {
    margin-top: 16px;
    height: 54px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0 16px;
    .#{$namespace}-button {
      min-width: 76px;
    }
  }
}