/* #loader {
background:  #888B62
  
}
#loader .img {
  background-size: 120px 120px;
}
  */

#loader .img {
  display: none;
}

@keyframes illustrationLoading {
  0% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: 100%;
  }
}

#loader {
  animation-name: illustrationLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(24);
  background-size: auto 120px;
  background-position: center;
  background-image: url(/static/client/loading.gif);
  width: 120px !important;
  height: 120px !important;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.currency-control-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
  width: 100%;
}

.currency-control-row .currency-select {
  flex: 0 0 104px;
  width: 104px;
  min-width: 104px;
}

.currency-control-row .amount-input {
  flex: 1 1 auto;
  min-width: 0;
}

.currency-control-row .currency-select .el-input,
.currency-control-row .amount-input .el-input,
.currency-control-row .amount-input.el-input-number {
  width: 100%;
}

.currency-control-row .currency-select .el-input__inner,
.currency-control-row .amount-input .el-input__inner {
  height: 44px;
  line-height: 44px;
  border-radius: 16px;
  box-sizing: border-box;
}

.currency-control-row .currency-select .el-input__inner {
  padding-left: 24px;
  padding-right: 32px;
  text-align: left;
}

.currency-control-row .amount-input .el-input__inner {
  padding-left: 18px;
  padding-right: 18px;
}

.currency-control-row .currency-select .el-input__suffix {
  right: 10px;
}

@media screen and (max-width: 768px) {
  .currency-control-row {
    gap: 10px;
  }

  .currency-control-row .currency-select {
    flex-basis: 96px;
    width: 96px;
    min-width: 96px;
  }

  .currency-control-row .currency-select .el-input__inner,
  .currency-control-row .amount-input .el-input__inner {
    height: 40px;
    line-height: 40px;
    border-radius: 14px;
  }

  .currency-control-row .currency-select .el-input__inner {
    padding-left: 20px;
    padding-right: 28px;
  }

  .currency-control-row .amount-input .el-input__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* .is-mobile .step-operation .bottom-mode {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0px !important;
  box-sizing: border-box;
}

.is-mobile .step-operation .bottom-mode.processed {
  display: flex !important;
  align-items: center;
}

.is-mobile .step-operation .bottom-mode.processed .flex-item {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.is-mobile .step-operation .bottom-mode .pluginBtn {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin {
  width: 100% !important;
}

.is-mobile .step-operation .bottom-mode .el-button,
.is-mobile .step-operation .bottom-mode .selectbtn,
.is-mobile .step-operation .bottom-mode .pluginBtn .el-button,
.is-mobile .step-operation .bottom-mode .pluginBtn .selectbtn {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 8px !important;
  box-sizing: border-box;
  line-height: 36px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: #ffffff !important;
  border: 2px solid currentColor !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.is-mobile .step-operation .bottom-mode .pluginBtn > div {
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn .selectbtn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn > div,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .selectbtn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile > div,
.is-mobile .step-operation .bottom-mode > .el-button--danger,
.is-mobile .step-operation .bottom-mode > .refuse {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.is-mobile .step-operation .bottom-mode > .el-button--primary,
.is-mobile .step-operation .bottom-mode > .success,
.is-mobile .step-operation .bottom-mode > .btn-access {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access {
  color: #2f6bff !important;
  background: #ffffff !important;
  border: 2px solid #2f6bff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  box-shadow: inset 0 0 0 1px #2f6bff !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access > span,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success > span,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access > span,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary > span,
.is-mobile .step-operation .bottom-mode > .el-button.success > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #2f6bff !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .selectbtn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .selectbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success::before,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .el-button::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .selectbtn::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .el-button::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .selectbtn::before {
  font-family: element-icons !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success::before,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary::before,
.is-mobile .step-operation .bottom-mode > .el-button.success::before {
  content: none !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.btn-access > span::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary.success > span::before,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access > span::before,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--primary > span::before,
.is-mobile .step-operation .bottom-mode > .el-button.success > span::before {
  content: '\e6da' !important;
  font-family: element-icons !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #2f6bff !important;
  display: inline-block !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .el-button::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .selectbtn::before {
  content: '\e6db';
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning::before {
  content: '\e793';
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .el-button::before,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .selectbtn::before {
  content: '\e6d9';
}

.is-mobile .step-operation .bottom-mode > .el-button--warning {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.is-mobile .step-operation .bottom-mode > .btn-access,
.is-mobile .step-operation .bottom-mode > .el-button--primary.success,
.is-mobile .step-operation .bottom-mode > .el-button.btn-access,
.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning {
  width: 100% !important;
  height: 40px !important;
  min-width: 0 !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin,
.is-mobile .step-operation .bottom-mode > .pluginBtn:not(.rejection-btn):not(.buttom-actoin-mobile) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

.is-mobile .step-operation .bottom-mode .el-button--primary,
.is-mobile .step-operation .bottom-mode .success,
.is-mobile .step-operation .bottom-mode .btn-access {
  color: #2f6bff !important;
  border-color: #2f6bff !important;
  border-width: 2px !important;
  border-style: solid !important;
  background: #ffffff !important;
}

.is-mobile .step-operation .bottom-mode .el-button--danger,
.is-mobile .step-operation .bottom-mode .refuse {
  color: #f56c6c !important;
  border-color: #f56c6c !important;
}

.is-mobile .step-operation .bottom-mode .el-button--warning {
  color: #606266 !important;
  border-color: #dcdfe6 !important;
  border-width: 2px !important;
  border-style: solid !important;
  background: #ffffff !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning {
  color: #606266 !important;
  background: #ffffff !important;
  border: 2px solid #dcdfe6 !important;
  box-shadow: inset 0 0 0 1px #dcdfe6 !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

.is-mobile .step-operation .bottom-mode > .el-button.el-button--warning > span {
  display: inline !important;
  color: #606266 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn > div,
.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.rejection-btn .selectbtn,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile > div,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin-mobile .selectbtn,
.is-mobile .step-operation .bottom-mode > .el-button--danger,
.is-mobile .step-operation .bottom-mode > .refuse {
  color: #f56c6c !important;
  background: #ffffff !important;
  border-color: #f56c6c !important;
}

.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin > div,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn.buttom-actoin .selectbtn,
.is-mobile .step-operation .bottom-mode > .pluginBtn:not(.rejection-btn):not(.buttom-actoin-mobile) > div,
.is-mobile .step-operation .bottom-mode > .pluginBtn:not(.rejection-btn):not(.buttom-actoin-mobile) .el-button,
.is-mobile .step-operation .bottom-mode > .pluginBtn:not(.rejection-btn):not(.buttom-actoin-mobile) .selectbtn {
  color: #606266 !important;
  background: #ffffff !important;
  border-color: #dcdfe6 !important;
} */

.project-detail-container .detail-container .col-main .section-wrapper:not(.fullX) {
  max-width: 1260px !important;
  margin-top: 20px !important;
}



/* 基础 Grid 布局 - 12 列栅格系统（最多 6 个元素，每个最少占 2 列）*/
.section-meta-form>.i-form-create-container.is-preview .el-row+.el-row {
  margin-top: 5px !important;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px 12px;
}

/* 默认每个元素占 2 列 */
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24 {
  grid-column: span 2;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(1):nth-child(1) {
  grid-column: span 12;
}

/* 2 个元素时：4, 2 (第一个 8 列，第二个 4 列) */
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(2):first-child {
  grid-column: span 6;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(1):nth-child(2) {
  grid-column: span 6;
}

/* 3 个元素时：2, 2, 2 (每个 4 列) */
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(3):first-child,
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(2):nth-child(2),
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(1):nth-child(3) {
  grid-column: span 4;
}

/* 4 个元素时：2, 1, 2, 1 (4列, 2列, 4列, 2列) */
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(4):first-child {
  grid-column: span 3;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(3):nth-child(2) {
  grid-column: span 3;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(2):nth-child(3) {
  grid-column: span 3;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(1):nth-child(4) {
  grid-column: span 3;
}

/* 5 个元素时：2, 1, 1, 1, 1 (4列, 2列, 2列, 2列, 2列) */
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(5):first-child {
  grid-column: span 4;
}

.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(4):nth-child(2),
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(3):nth-child(3),
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(2):nth-child(4),
.section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex>.el-col-24:nth-last-child(1):nth-child(5) {
  grid-column: span 2;
}

.section-meta-form>.i-form-create-container.is-preview .h-label {
  position: relative;
  padding-left: 12px;
}

.section-meta-form>.i-form-create-container.is-preview .h-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 16px;
  background-color: var(--primary-color);
}


.mail-column-section .title {
  font-size: 25px !important;
  font-weight: 500;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner {
  padding: 1rem 0.75rem;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.75rem;
  border-width: 1px;
  width: 100%;
  color: rgb(51 65 85 / 1);
}
.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .el-input .el-input__inner {
  border-color: rgb(226 232 240 / 1);
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .el-input.sn-number-input.el-input-group--append .el-input__inner {
  border-radius: 0.75rem 0 0 0.75rem !important;
}


.project-create-new .el-form-item .el-form-item__content .el-input .el-input__inner {
  padding: 1rem 0.75rem;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.75rem;
  border-width: 1px;
  width: 100%;
  color: rgb(51 65 85 / 1);
}
.project-create-new .el-form-item:not(.is-error) .el-form-item__content .el-input .el-input__inner {
  border-color: rgb(226 232 240 / 1);
}
.project-create-new .el-form-item.is-error .el-form-item__content .el-input .el-input__inner {
  border-color: #f56c6c !important;
}

/* 创建页面 控件间距 */
.project-create-new .el-form-item--mini.el-form-item {
  margin-bottom: 5px !important;
}

.drag_tool {
  margin-bottom: 0px !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .el-input.is-disabled .el-input__inner {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner {
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: rgb(51 65 85 / 1);
  border-width: 1px;
  border-radius: 0.75rem;
  resize: none;
  width: 100%;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner {
  border-color: rgb(226 232 240 / 1);
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .textarea-wrapper .el-textarea.is-disabled .el-textarea__inner {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number.is-disabled .el-input-number__increase {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number.is-disabled .el-input-number__decrease {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .bp-date-picker-container .el-date-editor {
  height: 40px;
  /* padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem; */
  border-width: 1px;
  border-radius: 0.75rem;
  color: rgb(51 65 85 / 1);
}
.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .bp-date-picker-container .el-date-editor {
  border-color: rgb(226 232 240 / 1);
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .bp-time-picker-container .el-date-editor {
  height: 40px;
  /* padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem; */
  border-width: 1px;
  border-radius: 0.75rem;
  color: rgb(51 65 85 / 1);
}
.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .bp-time-picker-container .el-date-editor {
  border-color: rgb(226 232 240 / 1);
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner {
  text-align: center;
  padding: 1rem 0rem 1rem 0.75rem;
}

/* .theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-range-input {
  background-color: #f9fafc !important;
} */

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor.is-disabled .el-range-input {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor.is-disabled {
  background-color: rgb(241, 245, 249) !important;
  color: rgb(148, 163, 184) !important;
  border-color: rgb(226, 232, 240) !important;
}

.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .el-select {
  width: 100%;
}

.wrapper-main:has(.i-project-create-container),
.wrapper-main:has(.my-project-wrap) {
  margin: 0 !important;
}

.i-project-create-container,
.i-project-create-container .inner,
.i-project-create-container .body {
  background-color: #f8fafc;
  padding: 0 !important;
}

.i-project-create-container .body .project-create-new {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 0px 0px 15px;
  width: 95% !important;
  margin: 30px auto;
  max-width: 1200px !important;
  box-sizing: border-box;
  overflow: hidden;
}


/* 表格圆角 */
.project-create-new .el-table {
  border-radius: 8px;
  overflow: hidden;
}

.project-create-new .el-table--border {
  border-radius: 8px;
}



/* 表格圆角 */
.el-table {
  border-radius: 8px;
  overflow: hidden;
}

.el-table--border {
  border-radius: 8px;
}

.project-table-container {
  border-radius: 8px;
  overflow: hidden;
}


/* 去掉我的项目页面列边框 */
.my-project-wrap .column {
  border: none !important;
}



/* ProjectTable 单元格溢出显示省略号 */
.project-column-wrapper {
  display: flex !important;
  align-items: center;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.project-column-wrapper>* {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.step-widget-container.column-0 h1,
.step-widget-container.is-mobile h1 {
  margin: var(--bp-space-4) 0 var(--bp-space-3) !important;
}

.step-widget-container.column-0 h2,
.step-widget-container.is-mobile h2 {
  margin: var(--bp-space-3) 0 var(--bp-space-2) !important;
}

.step-widget-container.column-0 h3,
.step-widget-container.is-mobile h3 {
  margin: var(--bp-space-2) 0 var(--bp-space-1) !important;
}

.step-widget-container.column-0 h4,
.step-widget-container.is-mobile h4 {
  margin: var(--bp-space-1) 0 var(--bp-space-1) !important;
}

.step-widget-container.column-0 h5,
.step-widget-container.is-mobile h5 {
  margin: var(--bp-space-1) 0 0 !important;
}

.step-widget-container.column-0 h6,
.step-widget-container.is-mobile h6 {
  margin: 0 0 !important;
}

:root {
  /* 字重 */
  --bp-font-regular: 400;
  --bp-font-medium: 500;
  --bp-font-semibold: 600;
  --bp-font-bold: 700;

  /* 基础字号 */
  --bp-text-xs: 12px;
  --bp-text-sm: 14px;
  --bp-text-base: 16px;
  --bp-text-lg: 18px;
  --bp-text-xl: 20px;
  --bp-text-2xl: 24px;
}

.el-dialog:not(.invoice-expense-dialog-container) .date-container {
  justify-content: center;
}

.el-dialog:not(.invoice-expense-dialog-container)  .date-container .date {
  flex-basis: auto !important;
}

.is-mobile .el-input__suffix-inner .el-select.el-input.el-select__caret {
  display: none;
}

/* 隐藏流程日志的状态字段 */
.stepSingle-container .content .info p:nth-of-type(2) {
  /* display: none !important; */
}

.stepSingle-container .content {
  margin: 5px 0 0 var(--bp-space-5) !important;
  min-height: unset !important;
}

/* 流程日志紧凑显示 */
.stepSingle-container .content .info {
  margin: 0 0 0 var(--bp-space-5) !important;
  padding: 0 !important;
}

.stepSingle-container .content .info p {
  margin: 0 !important;
}

.project-detail-container .detail-container .col-side .el-tabs__content {
  padding: 20px 15px 80px !important;
}

.stepSingle-container .approval-comments-section {
  border: none !important;
  margin: 0 !important;
}

/* 隐藏移动端个人消息 */
.is-mobile .app-tab .user-info {
  display: none !important;
}
.is-mobile .app-tab .user-info .mess .user-role {
  display: none !important;
}


/* ==================== 移动端样式覆盖 ==================== */
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner {
  height: 36px;
  font-size: 14px;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  background-color: transparent !important;
  border: 1px solid !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .el-input .el-input__inner {
  border: 1px solid #e2e8f0 !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .el-input .el-input__inner,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .el-input .el-input__inner:focus {
  border: 1px solid #f56c6c !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-input .el-input__inner::-ms-input-placeholder {
  font-size: 14px;
}

.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .el-input.sn-number-input.el-input-group--append .el-input__inner {
  border-radius: 0.5rem 0 0 0.5rem !important;
  background-color: transparent !important;
  border: 1px solid #e2e8f0 !important;
}

.is-mobile .project-create-new .el-form-item .el-form-item__content .el-input .el-input__inner {
  height: 36px;
  font-size: 14px;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
  background-color: transparent !important;
}
.is-mobile .project-create-new .el-form-item:not(.is-error) .el-form-item__content .el-input .el-input__inner {
  border: 1px solid #e2e8f0 !important;
}

/* 关联PR列最多显示3行 */
.table-form-wrapper .el-table__body td:first-child .field-preview-container[type="project_selector_new"] > div {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: normal !important;
  word-break: break-all;
}

/* pc 表单样式子表单 */
html:not(.is-mobile) .project-create-new .fc-display-area-section-body .form-type-wrapper .el-col .el-form-item--mini.el-form-item {
  margin-bottom: 0 !important;
}


.is-mobile .fc-display-area-section-body .drag_tool {
  margin-bottom: 8px !important;
}

/* 移动端文本域 */
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner {
  font-size: 14px;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-height: 60px !important;
  border: 1px solid;
  background-color: transparent !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner {
  border: 1px solid #e2e8f0 !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner::-ms-input-placeholder {
  font-size: 14px;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .textarea-wrapper .el-textarea .el-textarea__inner:focus {
  border-color: #f56c6c !important;
}

/* 移动端数字输入框 */
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input-number__increase,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input-number__decrease {
  line-height: 18px;
}

.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number {
  height: 36px;
}

.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner {
  background-color: transparent !important;
  border: 1px solid;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner {
  border: 1px solid #e2e8f0 !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner:focus {
  border: 1px solid #f56c6c !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .i-cn-input-number-container .el-input-number .el-input__inner::-ms-input-placeholder {
  font-size: 14px;
}

/* 移动端日期选择器 */
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .bp-date-picker-container .el-date-editor {
  height: 36px;
  border-radius: 0.5rem;
  background-color: transparent !important;
  border: 1px solid;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .bp-date-picker-container .el-date-editor {
  border: 1px solid #e2e8f0 !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .bp-date-picker-container .el-date-editor,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .bp-date-picker-container .el-date-editor:focus,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .bp-date-picker-container .el-date-editor.is-active {
  border: 1px solid #f56c6c !important;
}

.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner {
  font-size: 14px;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-input__inner::-ms-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-range-input::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-range-input::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-range-input::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item__content .bp-date-picker-container .el-date-editor .el-range-input::-ms-input-placeholder {
  font-size: 14px;
}

/* 移动端下拉选择器 */
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-select .el-input .el-input__inner {
  height: 36px;
  font-size: 14px;
  border-radius: 0.5rem;
  background-color: transparent !important;
  border: 1px solid;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item:not(.is-error) .el-form-item__content .el-select .el-input .el-input__inner {
  border: 1px solid #e2e8f0 !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .el-select .el-input .el-input__inner,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item.is-error .el-form-item__content .el-select .el-input .el-input__inner:focus {
  border: 1px solid #f56c6c !important;
}
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-select .el-input .el-input__inner::placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-select .el-input .el-input__inner::-webkit-input-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-select .el-input .el-input__inner::-moz-placeholder,
.is-mobile.theme-light .fc-display-area-section-body .drag_tool .el-form-item .el-form-item__content .el-select .el-input .el-input__inner::-ms-input-placeholder {
  font-size: 14px;
}

/* 移动端日期范围选择器, (不可以影响报销费用 消费日期日期选择器控件样式 by wujiu) */
.is-mobile .el-dialog:not(.invoice-expense-dialog-container) .date-range-picker-preview-container .date-container {
  background-color: transparent !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.5rem !important;
}

.is-mobile .date-range-picker-preview-container .date-container {
  background-color: transparent !important;
  border-radius: 0.5rem !important;
  border: 1px solid #e2e8f0 !important;
}

.is-mobile .field-preview-container .date-range-picker-preview-container .date-container {
  border: unset !important;
  padding: 0px !important;
}

.is-mobile .date-range-picker-preview-container:not(.is-range) .date-container .date {
  flex-basis: unset !important;
}

.is-mobile .invoice-expense-dialog-container .date-range-picker-preview-container .date-container {
  background-color: var(--bp-c-gray-7) !important;
}

.is-mobile .el-dialog:not(.invoice-expense-dialog-container) .date-range-picker-preview-container .date-container .date {
  border-radius: 0.5rem !important;
}

/* 移动端 textarea */
.is-mobile .el-textarea textarea {
  background-color: transparent !important;
  border: 1px solid #e2e8f0 !important;
}
.is-mobile .el-form-item.is-error .el-textarea textarea,
.is-mobile .el-form-item.is-error .el-textarea textarea:focus {
  border: 1px solid #f56c6c !important;
}

/* 用户选择器操作按钮 */
.theme-light .form-designer-user-selector .selected .edit-button.el-button--text,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  width: auto !important;
  height: 36px !important;
  padding: 0 16px !important;
  margin: 0 0 8px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1456f0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.theme-light .form-designer-user-selector .selected .edit-button.el-button--text > span,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  line-height: 1 !important;
}

.theme-light .form-designer-group-selector .selected,
.theme-light .form-designer-user-selector .selected {
  margin-top: var(--bp-space-1) !important;
}

.theme-light .form-designer-user-selector .selected .user-item{
  min-height: 38px;
}

.theme-light .form-designer-user-selector .selected .edit-button.add.el-button--text::before,
.theme-light .form-designer-user-selector .selected .edit-button.edit.el-button--text::before,
.theme-light .form-designer-group-selector .selected .edit-button.add.el-button--text::before,
.theme-light .form-designer-group-selector .selected .edit-button.edit.el-button--text::before {
  content: none !important;
}

.theme-light .form-designer-user-selector .selected .edit-button.add.el-button--text > span::before,
.theme-light .form-designer-user-selector .selected .edit-button.edit.el-button--text > span::before,
.theme-light .form-designer-group-selector .selected .edit-button.add.el-button--text > span::before,
.theme-light .form-designer-group-selector .selected .edit-button.edit.el-button--text > span::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 13px !important;
  background-color: currentColor !important;
}

.theme-light .form-designer-user-selector .selected .edit-button.add.el-button--text > span::before,
.theme-light .form-designer-group-selector .selected .edit-button.add.el-button--text > span::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M6 2a1 1 0 1 1 2 0v4h4a1 1 0 1 1 0 2H8v4a1 1 0 1 1-2 0V8H2a1 1 0 1 1 0-2h4V2Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M6 2a1 1 0 1 1 2 0v4h4a1 1 0 1 1 0 2H8v4a1 1 0 1 1-2 0V8H2a1 1 0 1 1 0-2h4V2Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.theme-light .form-designer-user-selector .selected .edit-button.edit.el-button--text > span::before,
.theme-light .form-designer-group-selector .selected .edit-button.edit.el-button--text > span::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M9.86 1.52a1.5 1.5 0 0 1 2.12 0l.5.5a1.5 1.5 0 0 1 0 2.12L6.04 10.58a1 1 0 0 1-.43.25l-2.1.53a.5.5 0 0 1-.6-.61l.52-2.09a1 1 0 0 1 .26-.44l6.17-6.7Zm1.41 1.41a.5.5 0 0 0-.7 0L4.4 9.1a.5.5 0 0 0-.12.22l-.28 1.11 1.1-.28a.5.5 0 0 0 .23-.13l6.16-6.17a.5.5 0 0 0 0-.7l-.22-.22Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M9.86 1.52a1.5 1.5 0 0 1 2.12 0l.5.5a1.5 1.5 0 0 1 0 2.12L6.04 10.58a1 1 0 0 1-.43.25l-2.1.53a.5.5 0 0 1-.6-.61l.52-2.09a1 1 0 0 1 .26-.44l6.17-6.7Zm1.41 1.41a.5.5 0 0 0-.7 0L4.4 9.1a.5.5 0 0 0-.12.22l-.28 1.11 1.1-.28a.5.5 0 0 0 .23-.13l6.16-6.17a.5.5 0 0 0 0-.7l-.22-.22Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.theme-light .form-designer-user-selector .selected .edit-button.el-button--text:hover,
.theme-light .form-designer-user-selector .selected .edit-button.el-button--text:focus,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text:hover,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text:focus {
  border-color: #1456f0 !important;
  background: #f8fbff !important;
  box-shadow: none !important;
}

.theme-light .el-form-item.is-error .form-designer-user-selector .selected .edit-button.el-button--text,
.theme-light .el-form-item.is-error .form-designer-user-selector .selected .edit-button.el-button--text:hover,
.theme-light .el-form-item.is-error .form-designer-user-selector .selected .edit-button.el-button--text:focus,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected .edit-button.el-button--text,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected .edit-button.el-button--text:hover,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected .edit-button.el-button--text:focus {
  border: 1px solid #f56c6c !important;
  color: #f56c6c !important;
  background: #fffafa !important;
  box-shadow: none !important;
}

.theme-light .form-designer-user-selector .selected .edit-button.el-button--text.is-disabled,
.theme-light .form-designer-user-selector .selected .edit-button.el-button--text.is-disabled:hover,
.theme-light .form-designer-user-selector .selected .edit-button.el-button--text.is-disabled:focus,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text.is-disabled,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text.is-disabled:hover,
.theme-light .form-designer-group-selector .selected .edit-button.el-button--text.is-disabled:focus {
  border-color: #dbe4f0 !important;
  background: #f8fafc !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

.is-mobile.theme-light .form-designer-user-selector .selected,
.is-mobile.theme-light .form-designer-group-selector .selected {
  width: 100%;
  gap: 12px;
}

.is-mobile.theme-light .form-designer-user-selector .selected.selected-add .edit-button.add.el-button--text,
.is-mobile.theme-light .form-designer-user-selector .selected.selected-add .edit-button.add.el-button--text:hover,
.is-mobile.theme-light .form-designer-user-selector .selected.selected-add .edit-button.add.el-button--text:focus,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-add .edit-button.add.el-button--text,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-add .edit-button.add.el-button--text:hover,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-add .edit-button.add.el-button--text:focus {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.is-mobile.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text,
.is-mobile.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.is-mobile.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:focus,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:focus {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
}

.is-mobile.theme-light .form-designer-user-selector .selected .edit-button.el-button--text > span,
.is-mobile.theme-light .form-designer-group-selector .selected .edit-button.el-button--text > span {
  gap: 8px !important;
}

.is-mobile.theme-light .form-designer-user-selector .selected .edit-button.add.el-button--text > span::before,
.is-mobile.theme-light .form-designer-user-selector .selected .edit-button.edit.el-button--text > span::before,
.is-mobile.theme-light .form-designer-group-selector .selected .edit-button.add.el-button--text > span::before,
.is-mobile.theme-light .form-designer-group-selector .selected .edit-button.edit.el-button--text > span::before {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini {
  min-width: 96px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid #d7e3f4 !important;
  background: #ffffff !important;
  color: #44516f !important;
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini:focus {
  border: 1px solid #1456f0 !important;
  background: #f5f9ff !important;
  color: #1456f0 !important;
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .el-form-item.is-error .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini:focus {
  border: 1px solid #f56c6c !important;
  background: #fffafa !important;
  color: #f56c6c !important;
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled:hover,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled:focus,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled:hover,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.add.el-button--text.el-button--mini.is-disabled:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .edit-button.edit.el-button--text.el-button--mini.is-disabled:focus {
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini:focus {
  min-width: 96px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border: 1px solid #d7e3f4 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #44516f !important;
  box-shadow: none !important;
}

.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini,
.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini,
.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini:hover,
.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.add.el-button--text.el-button--mini:focus,
.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini:hover,
.is-mobile.theme-light .form-designer-group-selector .selected .el-button.edit-button.edit.el-button--text.el-button--mini:focus {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.theme-light .form-designer-user-selector .selected.selected-edit,
.theme-light .form-designer-group-selector .selected.selected-edit {
  align-items: center !important;
  flex-wrap: wrap !important;
}

.theme-light .form-designer-user-selector .selected.selected-edit .user-item {
  margin-bottom: 0 !important;
}

.theme-light .form-designer-group-selector .selected.selected-edit {
  flex-direction: row !important;
}

.theme-light .form-designer-group-selector .selected.selected-edit .group-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100%;
}

.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text,
.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:focus,
.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text,
.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:focus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: auto !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1456f0 !important;
  box-shadow: none !important;
  align-self: center !important;
}

html.theme-light:not(.is-mobile) .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
html.theme-light:not(.is-mobile) .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:focus,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:focus {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1456f0 !important;
  box-shadow: none !important;
  align-self: center !important;
}

html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini:hover,
html.theme-light:not(.is-mobile) .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini:focus {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1456f0 !important;
  box-shadow: none !important;
  align-self: center !important;
}

.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini:hover,
.is-mobile.theme-light .form-designer-group-selector .selected.selected-edit .el-button.edit-button.edit.el-button--text.el-button--mini:focus {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1456f0 !important;
  box-shadow: none !important;
  align-self: center !important;
}

.theme-light .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text > span,
.theme-light .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text > span {
  width: auto !important;
}

.theme-light .el-form-item.is-error .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text,
.theme-light .el-form-item.is-error .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.theme-light .el-form-item.is-error .form-designer-user-selector .selected.selected-edit .edit-button.edit.el-button--text:focus,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:hover,
.theme-light .el-form-item.is-error .form-designer-group-selector .selected.selected-edit .edit-button.edit.el-button--text:focus {
  border: 0 !important;
  background: transparent !important;
  color: #f56c6c !important;
  box-shadow: none !important;
}

.i-form-create-container.is-preview .form-designer-user-selector,
.i-form-create-container.is-preview .form-designer-user-selector .edit-button,
.i-form-create-container.is-preview .form-designer-group-selector,
.i-form-create-container.is-preview .form-designer-group-selector .edit-button,
.i-form-create-container.is-preview .contentUpload.file-upload .file-uploader,
.i-form-create-container.is-preview .contentUpload.file-upload .imgBtn,
.i-form-create-container.is-preview .contentUpload.file-upload .urlBtn {
  display: none !important;
}

/* 文件上传操作按钮 */
.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 108px !important;
  width: auto !important;
  height: 36px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #576280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button > span,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  line-height: 1 !important;
}

.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button:hover,
.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button:focus,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button:hover,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button:focus {
  border-color: #1456f0 !important;
  background: #f8fbff !important;
  color: #1456f0 !important;
  box-shadow: none !important;
}

.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button,
.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button:hover,
.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button:focus,
.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .urlBtn.el-button,
.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .urlBtn.el-button:hover,
.theme-light .el-form-item.is-error .contentUpload.file-upload .update-box .urlBtn.el-button:focus {
  border: 1px solid #f56c6c !important;
  color: #f56c6c !important;
  background: #fffafa !important;
  box-shadow: none !important;
}

.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button.is-disabled,
.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button.is-disabled:hover,
.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button.is-disabled:focus,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button.is-disabled,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button.is-disabled:hover,
.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button.is-disabled:focus {
  border-color: #dbe4f0 !important;
  background: #f8fafc !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

.theme-light .contentUpload.file-upload .update-box .el-button-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.theme-light .contentUpload.file-upload .update-box .el-button-group::before,
.theme-light .contentUpload.file-upload .update-box .el-button-group::after {
  display: none !important;
  content: none !important;
}

.theme-light .contentUpload.file-upload .update-box .el-button-group > .el-button:not(:first-child):not(:last-child),
.theme-light .contentUpload.file-upload .update-box .el-button-group > .el-button:first-child,
.theme-light .contentUpload.file-upload .update-box .el-button-group > .el-button:last-child {
  border-radius: 999px !important;
}

.theme-light .contentUpload.file-upload .update-box .el-button-group > .el-button + .el-button {
  margin-left: 0 !important;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box {
  width: 100%;
}

.is-mobile.theme-light .contentUpload.file-upload .file-uploader,
.is-mobile.theme-light .contentUpload.file-upload .file-uploader .el-upload,
.is-mobile.theme-light .contentUpload.file-upload .update-box {
  display: block !important;
  width: 100% !important;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box .el-button-group {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 100%;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button {
  display: none !important;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button,
.is-mobile.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button > span,
.is-mobile.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button > span {
  gap: 8px !important;
}

.is-mobile.theme-light .contentUpload.file-upload .update-box .imgBtn.el-button i,
.is-mobile.theme-light .contentUpload.file-upload .update-box .urlBtn.el-button i {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  font-size: 16px !important;
  line-height: 16px !important;
}

/* 移动端标题调整 */
.is-mobile .step-widget-container h1 {
  font-size: 20px !important;
}

.is-mobile .step-widget-container h2 {
  font-size: 18px !important;
}

.is-mobile .step-widget-container h3 {
  font-size: 16px !important;
}

.is-mobile .step-widget-container h4,
.is-mobile .step-widget-container h5,
.is-mobile .step-widget-container h6 {
  font-size: 14px !important;
}

/* 移动端表格 */
.is-mobile .project-create-new .el-table {
  font-size: 12px;
}

.is-mobile .project-create-new .el-table .cell {
  padding: 4px 8px;
}

/* 移动端创建卡片 */
.is-mobile .i-project-create-container .body .project-create-new {
  padding: 16px 12px;
  margin: 16px auto;
  width: 98% !important;
}

/* 移动端 Grid 布局调整 */
.is-mobile .section-meta-form>.i-form-create-container.is-preview>main>div>form>div>span>.el-row--flex {
  gap: 10px 8px;
}

/* 移动端标签 */
.is-mobile .section-meta-form>.i-form-create-container.is-preview .h-label {
  font-size: 12px;
  padding-left: 8px;
}

.is-mobile .section-meta-form>.i-form-create-container.is-preview .h-label::before {
  height: 12px;
}

/* 影响关联表单的表格内容显示 */
.is-mobile .table-form-wrapper .i-form-create-container .el-form-item {
  /* margin-bottom: 0 !important; */
}

.is-mobile .date-container .date .title {
  display: none;
}

/* 控制 title 显示 */
.is-mobile .date-container .date .title {
  display: none;
}

.is-mobile .is-range .date-container .date .title {
  display: block;
}

/* 布局 */
.is-mobile .el-dialog:not(.invoice-expense-dialog-container) .date-range-picker-preview-container {
  display: flex;
  justify-content: center;
}


.el-dialog:not(.invoice-expense-dialog-container) .is-range .date-container .date .title,
.el-dialog:not(.invoice-expense-dialog-container) .is-range .date-container .date .value {
  display: flex;
  justify-content: center;
}

.is-mobile .el-form.form-create .el-row.el-row--flex {
  column-gap: 6px !important;
}

/* 流程日志最后一个节点隐藏日志信息 */
/* .section-project-step-log .list div:last-child .content {
  display: none;
} */

.is-mobile .step-detail-mobile-container .step-detail-header-container .step-info {
  display: none;
}

.is-mobile .step-detail-mobile-container .step-detail-header-container .project-info {
  display: none;
}

html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .urlBtn.el-button.el-button--default {
  display: none !important;
}

html.theme-light:not(.is-mobile) .contentUpload.file-upload .file-uploader .el-upload,
html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box,
html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .el-button-group {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: fit-content !important;
  max-width: 100% !important;
  gap: 0 !important;
}

html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default,
html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default.is-disabled {
  min-width: 124px !important;
  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
}

html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default:not(.is-disabled) {
  border: 1px solid #d7e3f4 !important;
  background: #ffffff !important;
  color: #44516f !important;
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default:not(.is-disabled):hover,
html.theme-light:not(.is-mobile) .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default:not(.is-disabled):focus {
  border-color: #1456f0 !important;
  background: #f5f9ff !important;
  color: #1456f0 !important;
  box-shadow: none !important;
}

html.theme-light:not(.is-mobile) .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default,
html.theme-light:not(.is-mobile) .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default:hover,
html.theme-light:not(.is-mobile) .el-form-item.is-error .contentUpload.file-upload .update-box .imgBtn.el-button.el-button--default:focus {
  border: 1px solid #f56c6c !important;
  background: #fffafa !important;
  color: #f56c6c !important;
  box-shadow: none !important;
}

.sub-form-wrapper .add-btn,
.sub-form-wrapper .import-btn {
  border-radius: 8px !important;
}

/* 移动端项目列表隐藏环节 */
.is-mobile .item .top .left-container .left:first-of-type {
  display: none;
}

.is-mobile .project-list .item .top .left-container .left:last-of-type {
  display: none;
}

/* 驳回增强样式调整 */
.plugin-rejection-control .rejection-btn {
  background: #ffffff !important;
  color: #f56c6c !important;
  height: 38px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
}

.plugin-rejection-control .rejection-btn:hover,
.plugin-rejection-control .rejection-btn:active {
  color: #f56c6c !important;
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important;
}

/* 覆盖 Vue scoped CSS 的 active 样式 */
html .is-mobile .plugin-rejection-control .rejection-btn:active {
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important;
  color: #f56c6c !important;
}

.plugin-rejection-control .rejection-btn:focus {
  /* color: #f56c6c !important;
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important; */
  /* outline: 2px solid #fecaca !important; */
  /* outline-offset: 2px; */
}

.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #f56c6c !important;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
}

.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):hover,
.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):active {
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important;
  color: #f56c6c !important;
}

/* 覆盖 Vue scoped CSS 的 active 样式 */
html .is-mobile .plugin-rejection-control-mobile .rejection-btn.el-button--danger:active {
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important;
  color: #f56c6c !important;
}

.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):focus {
  /* color: #f56c6c !important;
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important; */
  /* outline: 2px solid #fecaca !important; */
  /* outline-offset: 2px; */
}

.step-operation .bottom-mode .btn-pass {
  background: #ffffff !important;
  color: #2268f5 !important;
  border: 1px solid #dcdfe6 !important;
  border-color: #2268f5 !important;
}

.step-operation .bottom-mode .btn-pass:hover,
.step-operation .bottom-mode .btn-pass:active {
  color: #2268f5 !important;
  background-color: #e6f0ff !important;
  border-color: #2268f5 !important;
}

/* ==================== 统一按钮交互效果 ==================== */

/* 成功按钮 - hover */
.step-operation .bottom-mode .btn-pass:hover {
  color: #1650d3 !important;
  background-color: #e6f0ff !important;
  border-color: #1650d3 !important;
}

/* 成功按钮 - active */
.step-operation .bottom-mode .btn-pass:active,
.is-mobile .step-operation .bottom-mode .btn.button-half:not(.mobile-more-btn).btn-pass:active {
  background-color: #1650d3 !important;
  border-color: #1650d3 !important;
  color: #fff !important;
}

/* 成功按钮 - focus */
.step-operation .bottom-mode .btn-pass:focus {
  /* color: #1650d3 !important;
  background-color: #e6f0ff !important;
  border-color: #1650d3 !important; */
  /* outline: 2px solid #c2d8ff !important; */
  /* outline-offset: 2px; */
}

/* 拒绝按钮 - hover */
.plugin-rejection-control .rejection-btn:hover,
.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):hover {
  background-color: #fef0f0 !important;
  border-color: #f56c6c !important;
  color: #c82333 !important;
}

/* 拒绝按钮 - active */
.plugin-rejection-control .rejection-btn:active,
.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):active,
.is-mobile .plugin-rejection-control .rejection-btn:active,
.is-mobile .plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):active {
  background-color: #c82333 !important;
  border-color: #c82333 !important;
  color: #fff !important;
}

/* 拒绝按钮 - focus */
.plugin-rejection-control .rejection-btn:focus,
.plugin-rejection-control-mobile .rejection-btn.el-button--danger:not(.is-disabled):focus {
  /* background-color: #fef0f0 !important;
  border-color: #c82333 !important;
  color: #c82333 !important; */
  /* outline: 2px solid #fecaca !important; */
  /* outline-offset: 2px; */
}

/* 统一 span 内布局 */
.plugin-rejection-control .rejection-btn span,
.step-operation .bottom-mode .btn-pass span {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* 替代 margin */
}

/* icon */
.plugin-rejection-control .rejection-btn span::before,
.step-operation .bottom-mode .btn-pass span::before {
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

/* 分别定义内容 */
.plugin-rejection-control .rejection-btn span::before {
  font-family: 'element-icons' !important;
  content: "\e6db";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 统一 span 内布局 */
.plugin-rejection-control-mobile .rejection-btn span,
.step-operation .bottom-mode .btn-pass span {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* 替代 margin */
}

/* icon */
.plugin-rejection-control-mobile .rejection-btn span::before,
.step-operation .bottom-mode .btn-pass span::before {
  font-family: 'element-icons' !important;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 分别定义内容 */
.plugin-rejection-control-mobile .rejection-btn span::before {
  content: "\e6db";
}

.step-operation .bottom-mode .btn-pass span::before {
  content: "\e6da";
}

.step-operation .bottom-mode .el-dropdown .btn-more {
  background: #ffffff !important;
}

.step-operation .bottom-mode .el-dropdown .btn-more:hover,
.step-operation .bottom-mode .el-dropdown .btn-more:active {
  background: #f5f5f5 !important;
  color: #606266 !important;
}

.step-operation .bottom-mode .el-dropdown .btn-more:focus {
  /* background: #f5f5f5 !important;
  color: #606266 !important; */
  /* outline: 2px solid #e0e0e0 !important; */
  /* outline-offset: 2px; */
}

.is-mobile .step-operation .bottom-mode .el-dropdown .mobile-more-btn {
  background: transparent !important;
}

.is-mobile .step-operation .bottom-mode {
  flex-direction: row-reverse !important;
}

.is-mobile .step-operation .bottom-mode .btn-pass {
  flex: 1 !important;
  flex-shrink: 0 !important;
  padding: 0px !important;
}

.is-mobile .step-operation .bottom-mode .dropdown-plugin-ui {
  flex: 1 !important;
  flex-shrink: 0 !important;
}

.is-mobile .step-operation .bottom-mode .dropdown-plugin-ui .plugin-rejection-control-mobile .rejection-btn {
  width: 100% !important;
}

/* 默认 */
.is-mobile .project-create-new .i-form-create-container.is-mobile .el-form-item--mini.el-form-item {
  margin-bottom: 0 !important;
}

/* 子表单 */
.is-mobile .project-create-new .table-form-wrapper .i-form-create-container.is-mobile 
.el-form-item--mini.el-form-item {
  /* margin-bottom: 30px !important; */
}

/* 子表单 表单形式 */
.is-mobile .project-create-new .form-type-wrapper .i-form-create-container.is-mobile 
.el-form-item--mini.el-form-item {
  margin-bottom: 5px !important;
}

.is-mobile .project-create-new .form-type-wrapper {
  margin-bottom: 0px !important;
}

/* .is-mobile .i-form-create-container.is-mobile .fc-display-area-section-body .drag_tool {
  margin-bottom: 0px !important;
} */

.is-mobile .i-form-create-container.is-mobile .fc-display-area-section-body .drag_tool .h-label {
  margin-top: 0px !important;
}

.is-mobile .i-form-create-container.is-mobile.is-preview.has-header-bar.has-display-area-split .form-main-stack.with-form-header .fc-display-area-section.fc-display-area-section-header {
  display: block !important;
  width: 100%;
  padding: 0px 0 14px !important;
  background: #ffffff;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e7eb;
}

.is-mobile .project-create.project-create-container .i-form-create-container.is-mobile.has-display-area-split:not(.is-preview) .form-create .fc-display-area-section-header {
  padding-top: 0px !important;
}

.is-mobile .project-create-new .table-form-wrapper .add-btn {
  margin-top: 10px !important;
}

/* 隐藏项目信息项目相关字段 */
.is-mobile .basicInformation .basicInformation-title,
.is-mobile .basicInformation .div .div-content {
  display: none !important;
}

/* 环节详情 表头间距 */
.is-mobile .step-detail-mobile-container .i-form-create-container.is-preview.has-display-area-split:not(.is-template) .form-header {
  padding-top: 0px !important;
}

.is-mobile .basicInformation .i-form-create-container.is-preview.has-display-area-split:not(.is-template) .form-header {
  padding-top: 0px !important;
}

/* 移动端行程信息中复制与删除按钮与内容间距调整 */
.is-mobile .el-row.el-row--flex.fc-display-area-row.fc-display-area-body-row {
  /* margin-top: 8px !important; */
}

.is-mobile .is-mobile.is-preview.is-mobile .el-row.el-row--flex.fc-display-area-row.fc-display-area-body-row {
  margin-top: 0px !important;
}

/* 解决移动端点击驳回按钮页面抖动问题 禁用 dialog-fade 动画类 */
.is-mobile .dialog-fade-enter-active{
  animation: none !important;
}

.is-mobile .field-preview-container .sn-number-input .el-input-group__append {
  display: none !important;
}

.step-project-form-container .form-main-stack.with-form-header .sn-number-input .el-input-group__append {
  display: none !important;
}

.is-mobile .field-preview-container .sn-number-input .el-input__inner {
  border: none !important;
  color: #111111 !important;
  padding: 0px !important;
  font-size: 14px !important;
  line-height: unset !important;
  height: unset !important;
}

.is-mobile .i-form-create-container.is-mobile.is-preview.has-header-bar.has-display-area-split .fc-display-area-section.fc-display-area-section-header .el-form-item.el-form-item--mini{
  align-items: flex-start;
  display: flex;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
}

.is-mobile .i-form-create-container.is-mobile.is-preview .fc-display-area-section.fc-display-area-section-header .el-form-item--mini.el-form-item .el-form-item__label {
  color: #6b7280;
  float: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  min-width: 84px !important;
  padding: 0 !important;
  text-align: left;
  width: 84px !important;
}

.is-mobile .i-form-create-container.is-mobile.has-display-area-split .form-create .fc-display-area-section.fc-display-area-section-header .el-form-item__content {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  line-height: 18px;
  margin: 0 !important;
  min-width: 0;
  width: auto !important;
}

.is-mobile .i-form-create-container.is-mobile.has-display-area-split .form-create .fc-display-area-section-header .fc-display-area-header-row + .fc-display-area-header-row {
  margin-top: 14px;
}

.is-mobile .i-form-create-container.is-mobile.has-display-area-split .form-create .fc-display-area-section-header .fc-display-area-header-row {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none !important;
  box-shadow: none;
}

/* 隐藏所属流程 */

.is-mobile .content .header-content .item .itemcontent {
  display: none !important;
}

.is-mobile .content .header-content {
  min-height: unset !important;
}

/* 日期选择器预览 */
.is-mobile .el-dialog:not(.invoice-expense-dialog-container) .date-range-picker-preview-container .date-container {
  border: none !important;
  justify-content: start !important;
  padding: 0px !important;
}

/* 修复比价环节的提交按钮在提示窗口关闭后的样式覆盖问题 */
.is-mobile .step-detail-mobile-container .step-operation .bottom-mode .el-button.btn.button-half:not(.mobile-more-btn).btn-pass:focus, .is-mobile .step-operation .bottom-mode .btn.button-half:not(.mobile-more-btn).btn-pass:focus{
  color: #1c5ae6 !important;
}

/* .col-side-wrapper .side-bar-toggle {
  background: #e6e9ec !important;
}
.step-editor-container .right-side-wrapper .side-bar-toggle {
  background: #e6e9ec !important;
}  */


/* 解决移动端第二层子表单必填提示被遮挡问题 */
.is-mobile .project-create-new .form-type-wrapper .table-form-wrapper .i-form-create-container.is-mobile .el-form-item--mini.el-form-item {
  margin-bottom: 30px !important;
}

/* 移动端子表单最后一行左下角被遮盖 */
.is-mobile .i-form-create-container.is-mobile-runtime-form.has-display-area-split .form-create .fc-display-area-section-body {
  margin-bottom: 6px !important;
}

.is-mobile .table-form-wrapper .form-type-wrapper .action {
  top: 0px !important;
}

.field-preview-container .el-input-group--append.sn-number-input .el-input__inner {
  border: unset !important;
  padding: 0px !important;
  color: #111 !important;
}

.field-preview-container .el-input-group--append.sn-number-input .el-input-group__append {
  display: none !important;
}

html:not(.is-mobile) .field-preview-container .attachment-item {
  display: inline-block !important;
}

html:not(.is-mobile) .field-preview-container .attachment-item .attachment-top {
  gap: 10px;
}

.print-page.cols-wrapper .project-info-section {
  display: none !important;
}

.print-page.cols-wrapper .project-form-section .i-form-create-container.is-preview.has-header-bar.has-display-area-split .form-header {
  display: none !important;
}

.side-bar-toggle.is-collapsed {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.side-bar-toggle.is-collapsed:hover {
  background: var(--primary-color);
}

.side-bar-toggle.is-collapsed {
  color: #fff !important;
}

/* 移动端子表单 多行间距 */
.is-mobile .sub-form-wrapper .table-form-wrapper .form-type-wrapper {
  margin-top: 10px;
  &:first-of-type {
    margin-top: 0;
  }
}
.project-create-container .i-form-create-container.is-mobile>.el-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}