$filter-font-size: 12px;

// 移动端
.drawer-advanced {
  .#{$ns}Form {
    padding-top: 0;
    height: 100%;

    .advanced_drawer {
      height: 100%;
      // background-color: #fff;
      background-color: var(--saas-Background-Header);

      .ant-tabs {
        height: 100%;

        .ant-tabs-nav {
          margin: 0;

          .ant-tabs-extra-content {
            width: 36px;
            height: 38px;

            .left-text {
              width: 100%;
              height: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              svg {
                width: 12px;
                height: 12px;
                color: var(--saas-Title-Text);
                transform: rotateY(180deg);
              }
            }
          }

          .ant-tabs-nav-wrap {
            color: var(--saas-Title-Text);

            .ant-tabs-nav-list {
              .ant-tabs-tab {
                padding: 0;
              }

              .ant-tabs-ink-bar {
                display: none;
              }
            }
          }
          &::before {
            border-bottom: 1px solid var(--saas-Border-Dividers);
          }
        }

        .ant-tabs-content-holder {
          flex: 1;
          overflow: hidden;

          .ant-tabs-content {
            height: 100%;

            .ant-tabs-tabpane {
              height: 100%;
              overflow: auto;
              background-color: var(--saas-main-bg);
              position: relative;

              .transfer-check {
                height: 100%;
                display: flex;
                flex-direction: column;
                background-color: var(--saas-main-bg);
              }

              .transfer-container {
                flex: 1;
                height: 100%;
                max-height: calc(100vh - 250px);
                .transfer-source {
                  width: calc(50% - 20px);

                  .transfer-source-header {
                    position: sticky;
                    top: 0;
                    z-index: 1;
                  }
                  .source-content-inner {
                    height: 100%;
                    max-height: calc(100vh - 300px);
                    overflow: auto;

                    .display-field {
                      .display-field-label {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                      }
                    }
                  }
                }

                .transfer-target-group {
                  flex-direction: column;
                  overflow: hidden;
                  .target-box {
                    flex: 1;

                    .transfer-target {
                      flex: 1;
                      width: auto;
                      display: flex;
                      flex-direction: column;
                      height: 100%;
                      overflow: hidden;
                      .transfer-target-content {
                        height: auto;
                        flex: 1;
                        width: 100%;
                        overflow: hidden;

                        .target-content-inner {
                          flex-direction: column;
                          width: 100%;

                          .option-item {
                            .fa {
                              width: 12px;
                            }

                            .item-label {
                              white-space: nowrap;
                              overflow: hidden;
                              text-overflow: ellipsis;
                            }
                          }
                        }
                      }
                    }

                    &:nth-child(1) {
                      padding-bottom: 5px;
                    }

                    &:nth-child(2) {
                      padding-top: 5px;
                    }
                  }

                }
              }
              .transfer-check-group {
                padding-left: 10px;
              }
              .transfer-segment-container {
                .left-content {
                  padding-left: 10px;
                  padding-bottom: 10px;
                  width: 100%;
                  .segment-select-item {
                    > span {
                      display: block;
                      width: 70px;
                    }
                  }
                }
              }
              .advanced_drawer_filtersbody {
                max-height: calc(100% - 84px);
                overflow: auto;
              }
              .advanced_param_title-box {
                padding-top: 10px;
                padding-left: 10px;
                background: var(--saas-main-bg);
                .title {
                  font-size: 15px;
                  font-weight: bold;
                  border-left: 4px solid #3574EE;
                  padding-left: 8px;
                  color: var(--saas-Title-Text);
                }
              }
              // debug-part
              .advanced_drawer_List {
                border: none;
                border-bottom: 1px solid var(--saas-border-color);
                background-color: #fff;
                .ant-list-items {
                  background: var(--saas-main-bg);
                  .ant-list-item {
                    justify-content: unset;
                    padding: 12px;
                    padding-left: 6px;
                    margin-left: 10px;
                    // align-items: center;
                    align-items: flex-start;
                    // background: var(--saas-Background-Header);
                    border-bottom: 1px solid var(--saas-Border-Dividers);

                    &:last-child {
                      border-bottom: none;
                    }
                    &-action {
                      // margin-top: 4px;
                      margin-left: 0;
                      // align-self: center;
                      padding-right: 0;
                      li {
                        &:empty {
                          display: none;
                        }
                        // margin-left: 4px;
                        padding: 0;
                      }
                    }
                    .advanced-condition {
                      width: 20% !important;
                      justify-content: center;
                      .advanced_drawer_List_popup_text {
                        display: flex !important;
                        justify-content: center;
                        align-items: flex-start;
                      }
                    }
                    .#{$ns}ActionSheet {
                      display: flex;
                      align-items: flex-start;
                      justify-content: center;
                      width: 24%;
                      font-size: 15px;
                      color: var(--saas-Title-Text);
                      border-right: 1px solid var(--saas-border-color);
                      // padding: 0 2px;
                      min-height: 22px;
                      // color: rgb(0,0,0, .6);
                      color: var(--saas-Secondary-Text);
                      >div {
                        &:first-child {
                          display: flex;
                          align-items: flex-start;
                          min-height: 22px;
                        }
                        width: 100%;
                        height: 100%;
                      }

                      .advanced_drawer_List_popup_text {
                        color: var(--saas-Secondary-Text);
                        display: inline-block;
                        width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                      }

                      .align_left {
                        text-align: left;
                      }

                      .advanced_drawer_disabled {
                        color: #ddd;
                      }
                      &.advanced-condition {
                        // color: inherit;
                        color: var(--saas-Title-Text);
                      }

                      .show-datetime-value {
                        .show-datetime-toggler {
                          align-items: flex-start;
                          height: 24px;
                        }
                      }
                    }
                    // debug- 右侧日期
                    .advanced_drawer_List_double {
                      width: 50%;
                      min-height: 22px;
                      padding: 0 5px;
                      padding-right: 0;
                      display: flex;
                      align-items: flex-start;
                      flex: 1;

                      .#{$ns}Form-item {
                        flex: 1;
                        padding: 0px !important;

                        .#{$ns}Form-value {
                          .#{$ns}Form-control {
                            &.#{$ns}DateControl {
                              .#{$ns}Table-expandBtn {
                                display: none;
                              }
                            }

                            .#{$ns}TextControl-addOn {
                              display: none;
                            }

                            .#{$ns}TextControl-input {
                              input {
                                &::placeholder {
                                  font-size: 1em;
                                }
                              }
                            }

                          }
                        }

                      }

                      .#{$ns}DateRangeControl {
                        .#{$ns}DateRangePicker-input {
                          min-width: 160px;
                          max-width: 160px;
                        }
                        .#{$ns}DateRangePicker-toggler {
                          display: none;
                          margin: 0;
                        }
                        .show-datetime-value {
                          .show-datetime-value-item {
                            align-items: flex-start;
                            height: 22px;
                            line-height: 22px;
                          }
                        }
                      }
                      .#{$ns}DateControl {
                        .#{$ns}DatePicker-input {
                          min-width: 160px;
                          max-width: 160px;
                        }
                      }
                      .#{$ns}ResultBox {
                        &-value-wrap {
                          align-items: flex-start;
                          height: 22px;
                          line-height: 22px;
                        }
                      }

                    }

                    .advanced_drawer_List_radios {
                      height: auto;
                    }
                  }
                }
              }

              .advanced_drawer_List_button {
                height: 42px;
                color: #2a87eb;
                background: var(--saas-main-bg);
                font-size: 15px;
                display: flex;
                justify-content: center;
                align-items: center;

                .anticon {
                  margin-right: 10px;
                }
                &.add-button {
                  position: relative;
                  box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, .03);
                }
              }

              .advanced_drawer_List_distinguish {
                position: absolute;
                bottom: 0;
                width: 100%;
                border-top: 1px solid var(--saas-border-color);
                // 2025-03 要将Input背景调整
                .ant-input-number {
                  border: 1px solid var(--saas-Border-Dividers);
                  .ant-input-number-input-wrap {
                    input {
                      border: none;
                      background: var(--saas-main-bg);
                      color: var(--saas-Title-Text);
                    }
                  }
                }
              }

              .advanced_drawer_filtersHeader {
                overflow: auto;
                background: var(--saas-main-bg);
                // debug-part

                .#{$ns}Form-item {
                  margin-left: 10px;
                  padding: 12px;
                  padding-left: 6px;
                  // 2025/02 发现高级查询下的border消失，添加border
                  border-bottom: 1px solid var(--saas-border-color);
                  &:last-child {
                    border-bottom: none;
                  }
                  .#{$ns}Form-label {
                    min-width: 44%;
                    max-width: 44%;
                    padding-right: 0;
                    margin-right: 5px;
                    // color: rgba(0,0,0,.6);
                    color: var(--saas-Secondary-Text);
                    font-weight: normal;
                    .#{$ns}Form-star {
                      left: -10px;
                    }

                    .#{$ns}TplField {
                      height: 22px;
                      line-height: 22px;
                    }
                  }
                  .#{$ns}DatePicker-content, .#{$ns}DateRangePicker-content {
                    .#{$ns}DateRangePicker-input, .#{$ns}DatePicker-input {
                      min-width: 160px;
                      max-width: 160px;
                    }
                    .#{$ns}DateRangePicker-clear,
                    .#{$ns}DatePicker-clear {
                      margin-right: 14px;
                      height: 22px;
                    }
                    .#{$ns}Table-expandBtn {
                      width: auto;
                    }
                  }
                  .#{$ns}DateRangePicker {
                    .#{$ns}DateRangePicker-toggler {
                      margin-top: 0;
                      margin-right: 0;
                      padding: 0;
                      > svg {
                        top: 0;
                      }
                    }
                    .show-datetime-value-box {
                      .show-datetime-value-item {
                          height: 22px;
                          line-height: 22px;
                      }
                    }
                  }

                  .#{$ns}Form-value {
                    .#{$ns}Form-control {
                      .#{$ns}TextControl-addOn {
                        display: none;
                      }
                    }

                    .#{$ns}Form-rowInner {
                      .#{$ns}DateRangeControl {
                        .#{$ns}DateRangePicker {
                          .#{$ns}DateRangePicker-toggler {
                            margin-top: 0;
                          }
                        }
                      }
                    }

                    .#{$ns}ResultBox {
                     line-height: 1;
                    }
                  }


                }
              }

              .#{$ns}Form-item {
                .#{$ns}Form-value {
                  .#{$ns}DateRangeControl {
                    .#{$ns}DateRangePicker-content {
                      .#{$ns}DateRangePicker-placeholder {
                        margin-right: 0;
                      }
                    }
                  }
                }
              }
            }
            .transfer-check {
              .transfer-check-group {
                .ant-btn-text {
                  &:hover,
                  &:focus {
                    color: var(--saas-Title-Text);
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .ant-drawer-footer {
    text-align: right;
    border-top: 1px solid var(--saas-Border-Dividers);
    .defaultModal-footer {
      &-right {
       display: flex;
       align-items: center;
       justify-content: flex-end;
      }
      .default-select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .text {
          max-width: 100px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
    }
  }
}

.advanced_drawer_List_Action {
  &.round {
    .#{$ns}PopUp-inner {
      height: 60vh !important;
    }
  }
  .advanced_drawer_List_popup {
    height: 100%;
    display: flex;
    flex-direction: column;


    .advanced_drawer_List_popup_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;

      label {
        padding: 0 16px;
        font-size: 16px;
        color: var(--saas-Title-Text);
        text-align: left;
        font-weight: 500;
      }

      .closeWrap-icon {
        margin-right: 10px;
        width: 24px;
        height: 24px;
        display: inline-block;
        border-radius: 50%;
        background: var(--them-bg-color);
        font-size: 16px;
        color: var(--saas-Title-Text);
        position: relative;

        .icon-close {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 12px;
          color: var(--saas-Title-Text);
          fill: var(--saas-Title-Text);
          position: absolute;
          z-index: 1;
          width: 1em;
          height: 1em;
        }
      }
    }

    .advanced_drawer_List_popup_search {
      padding: var(--gap-sm);
      padding-top: 0;

      .input-box {
        align-items: center;
        width: 100%;
        height: 44px;
        border: none;
        border-radius: 6px;
        font-size: 15px;
        background: var(--ai-tool-bg-color);
        line-height: 1;
        input {
          color: var(--saas-font-size-black);
        }
        .icon {
          &.icon-search {
            top: 0;
            font-size: 14px;
            height: 22px;
            width: 22px;
            color: #DCDCDC;
          }
        }
      }
    }

    .advanced_drawer_List_popup_body {
      flex: 1;
      overflow: auto;

      .advanced_drawer_List_popup_filter {
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        padding-left: 12px;
        border-bottom: 1px solid var(--saas-Border-Dividers);
        color: var(--saas-Title-Text);
      }

      .advanced_drawer_List_popup_filter_text {
        color: #108ee9;
      }
    }
  }
}

// pc端
.Modal-advanced {
  top: 15px;
  &.fl-modal.pc-dialog, &.common-modal-component {
    .ant-modal-content {
      // background: var(--saas-Background-Header);
      background: var(--saas-main-bg);

      .ant-modal-header {
        background: var(--saas-Background-Header);
        border-bottom-color: var(--saas-Border-Dividers);

        .ant-modal-title {
          color: var(--saas-Title-Text);
        }
      }

      .ant-modal-close {
        color: var(--saas-font-size-deep-black);
      }

      .ant-modal-body {
        box-sizing: border-box;
        overflow-y: scroll !important;
        padding: 12px !important;
        padding-bottom: 0 !important;
        // background-color: var(--body-bg);
        background-color: transparent;
        .Modal-advanced-body {
          margin: -12px 0px 0px;

          .ant-divider {
            margin: 8px 0px;
            border-top-color: rgb(36, 104, 242);
            color: var(--saas-font-size-black);
          }

          .Modal-advanced-body-condition {
            margin: 8px 0;
            padding: 8px 0;
            background: var(--saas-Background-Header);
            border-radius: 4px;
            .filter-row {
              margin: 0px;
              padding-right: 12px;

              .#{$ns}Form-item {
                justify-content: right;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 4px;
                font-size: $filter-font-size !important;

                >.#{$ns}Form-label {
                  width: auto;
                  flex: 1;
                  overflow: hidden;
                  padding-left: 12px;
                  padding-top: 0;
                  color: var(--saas-Title-Text);
                  font-size: $filter-font-size;
                }

                >.#{$ns}Form-value {
                  max-width: 360px;
                  min-width: 360px;
                }

                // debug-
                .#{$ns}TextControl-input,
                .#{$ns}DateRangePicker,
                .#{$ns}DatePicker {
                  height: 30px !important;
                  padding: 1px 4px !important;
                  align-items: center;
                  font-size: $filter-font-size;
                }

                .#{$ns}Form-control {
                  .#{$ns}DateRangePicker-toggler {
                    font-size: 14px !important;
                  }

                  .#{$ns}DatePicker-toggler {
                    font-size: 14px !important;
                  }

                  .#{$ns}TextControl-addOn-icon {
                    right: 2px;
                    width: 20px;
                    font-size: 14px;
                  }
                  .#{$ns}TextControl-input {
                    align-items: center;
                    box-sizing: border-box;
                    padding: 0 3px;
                    min-height: 30px;
                    border-radius: 4px;
                    // line-height: 30px;
                  }

                }

                .#{$ns}DatePicker-toggler {
                  display: flex;

                  svg.icon {
                    top: unset;
                  }
                }
              }
            }
          }
          .fold-query-text {
            font-size: 13px;
            font-weight: bold;
            color: var(--saas-Secondary-Text);
            border-top: #eee;
            .anticon {
              color: var(--saas-Placeholder-Text);
            }
            &::after {
              transform: translateY(0);
            }
          }

          .Modal-advanced-body-caseSensitive,
          .Modal-advanced-body-but {
            margin-top: 8px;

          }

          .Modal-advanced-body-caseSensitive {
            color: var(--saas-font-size-black);
            align-items: center;
            font-size: 13px;
            .ant-input-number {
              color: var(--saas-font-size-black);
              background-color: var(--Form-input-bg);
              border-color: var(--DatePicker-borderColor);
            }
            .condition-topN-box {
              display: flex;
              align-items: center;
              .condition-topN {
                margin-right: 4px;
              }
            }
          }

          .Modal-advanced-body-but {
            .#{$ns}Button {
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: $filter-font-size;
              height: 30px;
            }
            button:not(:disabled):not(.is-disabled):hover {
              &:hover {
                background: var(--saas-crud-advanced-modle-body-condition-Button);
              }
            }
          }

          .transfer-check {
            overflow: hidden;

            .transfer-check-group {
              color: var(--saas-font-size-black);
              .ant-checkbox-wrapper {
                font-size: $filter-font-size;
                .ant-checkbox + span {
                  padding: 0 4px;
                  color: var(--saas-Title-Text);
                }
                .ant-checkbox-disabled + span {
                  color: var(--saas-Disable-Text);
                }
              }
              margin-top: 0;
            }
            .transfer-source {
              .transfer-source-content {
                .display-field {
                  align-items: center;
                  font-size: 13px;
                }
              }
            }
          }

          .advanced-filter-row {
            min-height: 38px;
            color: var(--saas-font-size-black);
            // debug-
            .condition {
              width: 18px;
              height: 18px;
              line-height: 18px;

            }
            .condition,
            .fa-minus-square-o {
              top: 0;
            }
            .condition-not {
              .ant-checkbox-wrapper {

                font-size: 12px;
                .ant-checkbox + span {
                  padding-left: 4px;
                  padding-right: 0;
                }
              }
            }
            .#{$ns}Checkbox--checkbox {
              display: flex;
              align-items: center;
            }
            .advanced-filter-row-select {
              .ant-select-arrow {
                color: var(--saas-font-size-black);
                right: 6px;
                .anticon {
                  svg {
                    color: var(--saas-font-size-black);
                  }
                }
              }

              .ant-select {
                .ant-select-selector {
                  height: 30px;
                  padding: 0 4px;
                  .ant-select-selection-item {
                    font-size: $filter-font-size;
                  }
                  .ant-select-selection-search {
                    left: 4px;
                    height: 30px;
                    font-size: $filter-font-size;
                  }
                }
              }
            }

            .#{$ns}TextControl-addOn-icon {
              right: 2px;
              width: 20px;
            }

            .#{$ns}TransferDropDown-icon {
              margin: 5px 0 5px auto;
            }

            .#{$ns}TextControl-placeholder {
              top: 5px;
              left: 4px;
              color: rgb(173, 173, 173);
            }

            .#{$ns}Picker-input {
              padding: 0 4px;
            }

            // 产品要求统一这里的字体大小
            .#{$ns}Picker-input,
            .#{$ns}DateRangePicker-content,
            .#{$ns}TextControl-input,
            .#{$ns}Form-value,
            .#{$ns}DatePicker,
            .#{$ns}ResultBox {
              font-size: $filter-font-size;
            }
            .#{$ns}DatePicker,  .#{$ns}DateRangePicker {
              padding: 0 4px;
              &-input {
                &::placeholder {
                  font-size: 12px;
                }
              }
              &-value,
              // &-clear,
              &-placeholder {
                display: flex;
                align-items: center;
                // font-size: $filter-font-size;
                font-size: inherit;
              }

            }
            // .#{$ns}DateRangePicker-clear {
            //   margin-right: 16px;
            // }
            // .#{$ns}DatePicker-clear {
            //   margin-right: 2px;
            // }
            .del-icon {
              // 产品要求要与左边Input边距 8px
              padding: 0 !important;
              margin-left: -2px;
              .icon {
                fill: rgba(0,0,0,.26);
                &:hover {
                  fill: #3574EE;
                }

              }
              // color: red;
            }
            .#{$ns}ResultBox {
              padding: 0 4px;
              &-placeholder {
                color: rgb(173, 173, 173);
              }
            }
            .#{$ns}Form-value {
              padding-right: 0;
            }

            .#{$ns}TextControl-input {
              padding: 0 4px;
              box-sizing: border-box;
              align-items: center;
              min-height: 30px;
              // line-height: 30px;
              border-radius: 4px;
              &--withAC {
                height: 30px;
                padding: 0 4px;
                .#{$ns}TextControl-value {
                  margin: 0;
                  margin-right: 3px;
                  height: auto;
                }
                .#{$ns}Spinner--icon {
                  margin-top: 6px;
                }
              }
              input {
                height: 100%;
                color: rgba(0,0,0,.9);
              }
              .#{$ns}TextControl-value {
                .#{$ns}TextControl-valueIcon {
                  display: inline-block;
                  padding: 0 5px;
                  height: 100%;
                  line-height: unset;
                }
              }
            }

            .#{$ns}ResultBox input,
            .#{$ns}ResultBox-value-wrap {
              color: var(--saas-font-size-black);
              padding: 0;
            }
            .#{$ns}Picker {
              &-placeholder {
                color: rgb(173, 173, 173);
              }
            }
            .#{$ns}TransferPicker-icon {
              margin: 0 0 0 auto;
              margin-top: 0px;
              .icon {
                cursor: pointer;
              }
            }

            svg.icon {
              top: unset;
              font-size: 14px !important;
            }

            svg[role="delete"] {
              width: 20px;
              height: 20px;
              color: var(--saas-font-size-dark-black);
              top: 0.2em;
              cursor: pointer;
            }

            .advanced-filter-row-select {
              .ant-select {
                color: var(--saas-font-size-black);

                &.ant-select-disabled {
                  .ant-select-selector {
                    background: $gray200;
                  }
                }

                .ant-select-selector {
                  border-radius: var(--component-radius);
                  background-color: var(--Form-input-bg);
                  border-color: var(--DatePicker-borderColor);

                  &:hover {
                    border-color: #3574EE;
                  }
                }
              }
            }

            .#{$ns}SelectControl {
              .#{$ns}Select {
                padding: 0 4px;
                font-size: 12px;
                min-height: unset;
                height: 30px;
                border-radius: 4px;
                // &--multi {
                  // padding: 0 4px;
                  // font-size: 12px;
                  // min-height: unset;
                  // height: 30px;
                  .#{$ns}Select-valueWrap {
                    margin-bottom: 0;
                  }
                  .#{$ns}Select-value {
                    font-size: 12px;
                    margin-right: 4px;
                    margin-bottom: 0;
                  }
                  .#{$ns}Select-arrow {
                    margin-right: 0;
                  }
                // }
              }
            }
          }
          .transfer-check {
            .transfer-container {
              .transfer-source-header {
                height: 32px;
              }
              .transfer-source-header, .transfer-target-header {
                .title,.option-group {
                  font-size: $filter-font-size;
                  .option {
                    color: var(--saas-SelectedBorder);
                  }
                }
                .ant-btn {
                  display: flex;
                  padding: 0 15px;
                  justify-content: center;
                  align-items: center;
                  font-size: $filter-font-size;
                  line-height: auto;
                  &.ant-btn-link {
                    color: #3574EE;
                  }
                }
              }
              .target-box {
                margin-bottom: 8px;
                &:last-child {
                  margin-bottom: unset;
                }
              }
            }
            .transfer-segment-container {
              .left-content {
                .segment-select {
                  &-item {
                    .ant-select {
                      .ant-select-selector:hover {
                        border-color: #3574EE;
                      }
                    }
                  }
                  .ant-select-arrow {
                    color: var(--saas-Title-Text);
                  }
                }
              }
            }
          }
        }
      }

      .ant-modal-footer {
          border-top: 1px solid var(--saas-Border-Dividers);
          padding: 6px 0 4px 0 !important;
          .drag-modal {
            padding-bottom: 0 !important;
            margin-top: 0 !important;
            border-top: none !important;
          }
        .defaultModal-footer {
          padding: 0 8px;
          display: flex;
          justify-content: space-between;

          .#{$ns}Button {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 8px;
            font-size: $filter-font-size;
            height: 30px;
          }
          .ant-select {
            color: var(--saas-font-size-black);
            .ant-select-selector {
              border-radius: var(--component-radius);
              background-color: var(--Form-input-bg);
              border-color: var(--DatePicker-borderColor);
              .ant-select-selection-search {
                left: 4px;
                height: 30px;
                font-size: $filter-font-size;
              }
            }
            .ant-select-arrow {
              color: var(--saas-font-size-black);
            }
          }
          &-left {
            display: flex;
            align-items: center;
            button {
              margin-right: 10px;
            }

            .template-name {
              display: flex;
              .ant-input {
                background-color: var(--Form-input-bg);
                color: var(--saas-Title-Text);
                border-color: var(--borderColor);
                &:focus {
                  border-color: var(--borderColor);
                }
              }
            }

            .defaultModal-select-content {
              .ant-select-selector {
                font-size: 12px;
                border-radius: var(--component-radius);
                height: 30px;
              }
            }
          }

          &-right {
            display: flex;
            align-items: center;
          }
        }

        .defaultModal-select-content {
          width: 200px;
          vertical-align: top;
        }

      }
    }
  }
  // debug- 先回退部分代码
  &.common-modal-component {
    .ant-modal-header {
      .ant-modal-title {
        padding: 6px 16px!important;
        font-weight: 700;
        font-size: 14px;
        color: var(--saas-Title-Text);
      }
    }
  }
}

.dropdown-select-style {
  background-color: var(--saasBodyMessageTablePaginationColor);

  .ant-select-item {
    color: var(--saas-font-size-black);
    font-size: $filter-font-size;
  }

  .ant-select-item-option-selected {
    background-color: var(--frameworkSelectedBackGroundColor);
    color: #2a77eb;
  }

  .ant-select-item-option-active {
    background-color: var(--frameworkBackGroundColorf5);

  }
}

.defaultModal {
  width: 370px;

  .ant-modal-body {
    display: flex;
    align-items: center;

    >span {
      display: inline-block;
      white-space: nowrap;
      margin-right: 5px;
    }

    .defaultModal-select-content {
      width: 260px;
    }
  }
}

.defaultModal-isMobile {
  .ant-modal-close {
    display: none;
  }

  .ant-modal-content {
    border-radius: 8px;
    overflow: hidden;
    background: var(--saas-Background-Header);
    .ant-modal-header {
      border-bottom: none;
      background: transparent;
    }
    .ant-modal-footer {
      background: transparent;
      border-top: 1px solid var(--saas-Border-Dividers);
    }

    .ant-modal-body {
      padding-top: 0;
    }
  }
}

.defaultModal-select-content-option {
  .ant-select-item-option-content {
    display: flex;
    align-items: center;

    .defaultModal-select-content-option-tempName {
      flex: 1;
    }

    .defaultModal-select-content-option-click {
      width: 60px;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
  }
}