.teamix-pro-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  & > .next-divider {
    & + .next-divider {
      display: none;
    }
  }

  &.teamix-pro-actions-type-button {
    & > button {
      &:not(:last-child) {
        margin-right: var(--s-2);
      }
    }
    & > .next-divider {
      margin-left: 0;
      margin-right: var(--s-2);
    }
  }

  &.teamix-pro-actions-type-text:not(.teamix-pro-actions-divider) {
    & > button {
      &:not(:last-child) {
        margin-right: var(--s-4);
      }
    }
  }

  &-text-menu-btn-no-arrow {
    .next-menu-btn-arrow {
      display: none;
    }
  }

  & > .next-divider-ver {
    flex-shrink: 0;
  }
}
.next-dialog.teamix-pro-action-dialog {
  &.has-footer-description {
    .next-message {
      position: static;
    }
  }

  &.quick-show-confirm-or-alert {
    .teamix-pro-dialog-footer-description {
      bottom: var(--dialog-footer-padding-bottom, 20px);
    }
  }
}

.teamix-pro-dialog-footer-description {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  bottom: var(--dialog-footer-padding-top, 16px);
  height: var(--btn-size-m-height, 32px);

  &.footer-align-right {
    left: var(--dialog-footer-padding-left-right, 20px);
  }
  &.footer-align-center {
    left: var(--dialog-footer-padding-left-right, 20px);
  }
  &.footer-align-left {
    right: var(--dialog-footer-padding-left-right, 20px);
  }
}

.teamix-pro-dialog-before-content {
  margin-bottom: var(--s-2);
}

.teamix-pro-dialog-message {
  margin-bottom: var(--s-2);

  & + .next-loading {
    .teamix-pro-form {
      margin-top: 20px;
    }
  }
}

.teamix-pro-dialog-after-content {
  margin-top: var(--s-2);
}

.next-menu-divider + .next-menu-divider {
  display: none;
}

.next-dialog-body {
  .teamix-pro-dialog-footer-description {
    .teamix-pro-form {
      margin-bottom: 0;
    }
  }
  .teamix-pro-form {
    margin-bottom: -20px;
  }
  .teamix-pro-table .teamix-pro-form {
    margin-bottom: 0px;
  }
}

.next-dialog-body {
  .teamix-pro-info {
    padding-right: 16px;
    .next-card-content-container {
      margin-top: 10px;
      padding-bottom: 10px;
      padding-right: 0;
      .next-col.next-col-24:last-child {
        .teamix-pro-info-item:last-child {
          padding-bottom: 0px;
        }
      }
    }
    .teamix-pro-info-item-value {
      padding-right: 0px;
    }
  }
}

// 针对弹层内的 table 在暗色模式下适配
.next-dialog-body {
  .teamix-pro-table, .next-table-empty {
    background: var(--dialog-bg);
  }
}

.next-drawer-body {
  .teamix-pro-table, .next-table-empty {
    background: var(--drawer-bg);
  }
}
