/* TRO order entry visual remake. Styles only; no behavior changes. */
#app:has(.form-container[data-v-c7057604]) .tab-bar-level2[data-v-ae5ec81b] {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: #fff !important;
  border-bottom: 1px solid #e7edf5 !important;
  box-shadow: 0 1px 0 rgba(20, 35, 55, 0.04) !important;
}

/* POA order entry and order list visual alignment. Styles only. */
#app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2[data-v-ae5ec81b],
#app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2[data-v-ae5ec81b] {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: #fff !important;
  border-bottom: 1px solid #e7edf5 !important;
  box-shadow: 0 1px 0 rgba(20, 35, 55, 0.04) !important;
}

#app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b],
#app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b] {
  min-width: 148px !important;
  height: 54px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border-left: 1px solid #eef2f6 !important;
  color: #142033 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b]:last-child,
#app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b]:last-child {
  border-right: 1px solid #eef2f6 !important;
}

#app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2 .tab-bar-item.active[data-v-ae5ec81b],
#app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2 .tab-bar-item.active[data-v-ae5ec81b] {
  background: #fe9906 !important;
  color: #fff !important;
  border-bottom: none !important;
}

.form-container[data-v-6c7127ca] {
  width: calc(100% - 8px) !important;
  margin: 46px auto 40px !important;
  padding: 28px 32px 36px !important;
  position: relative !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-top: 4px solid #fe9906 !important;
  border-radius: 7px !important;
  box-shadow: 0 18px 46px rgba(31, 45, 61, 0.12) !important;
}

.form-container[data-v-6c7127ca] > .form-actions.wx-login-success[data-v-6c7127ca] {
  min-height: 34px !important;
  margin: 0 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #fe9906 !important;
  font-size: 14px !important;
}

.form-container[data-v-6c7127ca] .collapse-all-btn-group[data-v-6c7127ca] {
  display: flex !important;
  gap: 12px !important;
}

.form-container[data-v-6c7127ca] .collapse-all-btn[data-v-6c7127ca] {
  height: 34px !important;
  padding: 0 18px !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 5px !important;
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(28, 43, 62, 0.05) !important;
  cursor: pointer !important;
}

.form-container[data-v-6c7127ca] .collapse-all-btn[data-v-6c7127ca]:hover {
  background: #f8fafc !important;
  border-color: #cfd8e5 !important;
}

.form-container[data-v-6c7127ca] .logout-link[data-v-6c7127ca] {
  color: #e88900 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.form-list[data-v-6c7127ca] {
  counter-reset: poa-form !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

.single-form[data-v-6c7127ca] {
  counter-increment: poa-form !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
  transition: none !important;
}

.single-form.collapsed[data-v-6c7127ca] {
  padding: 0 !important;
}

.single-form .form-header[data-v-6c7127ca] {
  height: 76px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(90deg, #fff 0%, #fff 34%, #f8fafc 100%) !important;
  border-bottom: 1px solid #dfe7f1 !important;
  cursor: pointer !important;
}

.single-form .form-header .form-header-left[data-v-6c7127ca] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.single-form .form-header .form-index[data-v-6c7127ca] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #142033 !important;
  font-size: 0 !important;
  font-weight: 800 !important;
}

.single-form .form-header .form-index[data-v-6c7127ca]::before {
  content: "\8D26\53F7  #" counter(poa-form) !important;
  height: 34px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fe9906 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 12px rgba(254, 153, 6, 0.18) !important;
}

.single-form .form-header .form-index[data-v-6c7127ca]::after {
  content: "POA\7533\8BC9\8D44\6599" !important;
  color: #142033 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.single-form .form-header .collapse-btn[data-v-6c7127ca] {
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #708195 !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.single-form .form-header .collapse-btn[data-v-6c7127ca]::before {
  content: "\5F53\524D\5C55\5F00  \00B7  \5FC5\586B\9879\5DF2\7528\7EA2\8272\661F\53F7\6807\6CE8" !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.single-form.collapsed .form-header .collapse-btn[data-v-6c7127ca]::before {
  content: "\5F53\524D\6536\8D77  \00B7  \5FC5\586B\9879\5DF2\7528\7EA2\8272\661F\53F7\6807\6CE8" !important;
}

.single-form .form-header .delete-form-btn[data-v-6c7127ca] {
  height: 30px !important;
  padding: 0 14px !important;
  background: #fff0f0 !important;
  color: #e34949 !important;
  border: 1px solid #ffd1d1 !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.single-form .form-content[data-v-6c7127ca] {
  max-height: none !important;
  overflow: visible !important;
  padding: 0 28px 28px !important;
  transition: none !important;
}

.single-form.collapsed .form-content[data-v-6c7127ca] {
  display: none !important;
  max-height: 0 !important;
  padding: 0 !important;
}

.submit-form[data-v-6c7127ca] {
  gap: 0 !important;
}

.submit-form > .form-row[data-v-6c7127ca] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.submit-form > .form-row:nth-child(3)[data-v-6c7127ca],
.submit-form > .form-row.full-width-row[data-v-6c7127ca] {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf2f7 !important;
}

.submit-form > .form-row[data-v-6c7127ca]::before {
  display: block !important;
  margin: 16px 0 8px !important;
  padding-left: 10px !important;
  border-left: 5px solid #fe9906 !important;
  color: #142033 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
}

.submit-form > .form-row:first-child[data-v-6c7127ca]::before {
  content: "\7533\8BC9\57FA\7840\4FE1\606F" !important;
}

.submit-form > .form-row:nth-child(3)[data-v-6c7127ca]::before {
  content: "\9644\4EF6\8D44\6599" !important;
}

.submit-form > .form-row.full-width-row[data-v-6c7127ca]::before {
  content: "\5907\6CE8\8BF4\660E" !important;
}

.form-item[data-v-6c7127ca] {
  gap: 7px !important;
}

.form-item .form-label[data-v-6c7127ca] {
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.form-item .form-input[data-v-6c7127ca],
.form-item .form-textarea[data-v-6c7127ca],
.form-item select.form-input[data-v-6c7127ca],
.form-container[data-v-6c7127ca] .select-trigger[data-v-13f15162] {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  background-color: #fbfdff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  color: #2f3a4a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
}

.form-item .form-input[data-v-6c7127ca]::placeholder,
.form-item .form-textarea[data-v-6c7127ca]::placeholder {
  color: #9eabbc !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.form-item .form-input[data-v-6c7127ca]:focus,
.form-item .form-textarea[data-v-6c7127ca]:focus,
.form-item select.form-input[data-v-6c7127ca]:focus,
.form-container[data-v-6c7127ca] .custom-select.is-open .select-trigger[data-v-13f15162],
.form-container[data-v-6c7127ca] .select-trigger[data-v-13f15162]:focus {
  background-color: #fff !important;
  border-color: #c7d3df !important;
  box-shadow: 0 0 0 2px rgba(217, 226, 236, 0.45) !important;
  outline: none !important;
}

.form-container[data-v-6c7127ca] .selected-value[data-v-13f15162] {
  color: #2f3a4a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
}

.form-container[data-v-6c7127ca] .select-icon[data-v-13f15162] {
  color: #4b596b !important;
}

.form-container[data-v-6c7127ca] .select-dropdown[data-v-13f15162] {
  margin-top: 4px !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 18px rgba(31, 45, 61, 0.12) !important;
}

.form-container[data-v-6c7127ca] .dropdown-item[data-v-13f15162],
.form-container[data-v-6c7127ca] .dropdown-empty[data-v-13f15162] {
  height: 34px !important;
  padding: 0 14px !important;
  color: #2f3a4a !important;
  font-size: 13px !important;
}

.form-container[data-v-6c7127ca] .dropdown-item.is-selected[data-v-13f15162] {
  background: #fff7ec !important;
  color: #e88900 !important;
}

.form-item .form-textarea[data-v-6c7127ca] {
  height: 150px !important;
  min-height: 150px !important;
  padding: 12px 14px !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}

.submit-form > .form-row:nth-child(3)[data-v-6c7127ca],
.submit-form > .form-row:nth-child(4)[data-v-6c7127ca] {
  gap: 10px !important;
}

.submit-form > .form-row:nth-child(3)[data-v-6c7127ca] .form-item[data-v-6c7127ca],
.submit-form > .form-row:nth-child(4)[data-v-6c7127ca] .form-item[data-v-6c7127ca] {
  min-height: 52px !important;
  padding: 0 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  background: #fff !important;
  border: 1px dashed #d9e2ec !important;
  border-radius: 5px !important;
}

.submit-form > .form-row:nth-child(3)[data-v-6c7127ca] .form-label[data-v-6c7127ca],
.submit-form > .form-row:nth-child(4)[data-v-6c7127ca] .form-label[data-v-6c7127ca] {
  flex: 0 0 245px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.form-item input[type="file"][data-v-6c7127ca] {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #7a8798 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.form-item input[type="file"][data-v-6c7127ca]::-webkit-file-upload-button {
  height: 28px !important;
  padding: 0 13px !important;
  margin-right: 12px !important;
  background: #fff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.form-item .img-preview[data-v-6c7127ca] {
  max-width: 120px !important;
}

.form-item .img-preview .preview-img[data-v-6c7127ca] {
  border-color: #dbe4ef !important;
  border-radius: 5px !important;
}

.form-item .img-preview .delete-img[data-v-6c7127ca] {
  background-color: rgba(227, 73, 73, 0.9) !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

.form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

.form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] .add-form-btn[data-v-6c7127ca] {
  justify-self: start !important;
  width: 126px !important;
  height: 42px !important;
  padding: 0 !important;
  background: #162033 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.form-container[data-v-6c7127ca] .submit-button[data-v-6c7127ca] {
  justify-self: center !important;
  width: 220px !important;
  height: 50px !important;
  padding: 0 !important;
  background: #fe9906 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(254, 153, 6, 0.18) !important;
}

.form-container[data-v-6c7127ca] .submit-button[data-v-6c7127ca]:hover {
  background: #f09100 !important;
}

.form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] > div:last-child {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
}

.form-container[data-v-6c7127ca] .clear-data[data-v-6c7127ca] {
  margin: 0 !important;
  color: #e88900 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.process-page[data-v-1adeeff9] {
  width: calc(100% - 8px) !important;
  min-height: auto !important;
  margin: 46px auto 40px !important;
  padding: 28px 32px 36px !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-top: 4px solid #fe9906 !important;
  border-radius: 7px !important;
  box-shadow: 0 18px 46px rgba(31, 45, 61, 0.12) !important;
}

.process-page .wx-login-success[data-v-1adeeff9] {
  min-height: 34px !important;
  margin: 0 0 18px !important;
  color: #fe9906 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: right !important;
}

.process-page .title[data-v-1adeeff9] {
  margin: 0 0 16px !important;
  padding-left: 10px !important;
  border-left: 5px solid #fe9906 !important;
  color: #142033 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
  text-align: left !important;
}

.process-page .tab-bar-level1[data-v-1adeeff9],
.process-page .tab-bar-level2[data-v-1adeeff9] {
  margin: 0 0 14px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

.process-page .tab-item-level1[data-v-1adeeff9],
.process-page .tab-item-level2[data-v-1adeeff9] {
  height: 34px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 3px rgba(28, 43, 62, 0.05) !important;
}

.process-page .tab-text-level1[data-v-1adeeff9],
.process-page .tab-text-level2[data-v-1adeeff9] {
  padding: 0 !important;
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: none !important;
}

.process-page .activelevel1 .tab-text-level1[data-v-1adeeff9],
.process-page .activelevel2 .tab-text-level2[data-v-1adeeff9] {
  color: #fe9906 !important;
  border: none !important;
}

.process-page .table[data-v-1adeeff9] {
  height: auto !important;
  min-height: 360px !important;
  margin: 18px 0 0 !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

.process-page .table .tr[data-v-1adeeff9] {
  min-height: 42px !important;
}

.process-page .table .table-header[data-v-1adeeff9] {
  background: #f8fafc !important;
  border-bottom: 1px solid #dfe7f1 !important;
}

.process-page .table .table-cell[data-v-1adeeff9] {
  padding: 10px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-right: 1px solid #edf2f7 !important;
  border-bottom: 1px solid #edf2f7 !important;
  color: #2f3a4a !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.process-page .table .table-cell[data-v-1adeeff9]:last-child {
  border-right: none !important;
}

.process-page .table .table-header .table-cell[data-v-1adeeff9] {
  color: #142033 !important;
  font-weight: 800 !important;
}

.process-page .table .table-row[data-v-1adeeff9]:nth-child(odd) {
  background: #fff !important;
}

.process-page .table .table-row[data-v-1adeeff9]:hover {
  background: #fffaf2 !important;
}

.process-page .table .cell-text[data-v-1adeeff9] {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.process-page .table .lianjie[data-v-1adeeff9] {
  color: #e88900 !important;
  font-weight: 800 !important;
}

.process-page .table .empty-state[data-v-1adeeff9] {
  height: 150px !important;
  color: #8a97aa !important;
  font-size: 13px !important;
}

.detail[data-v-1adeeff9] {
  background: rgba(16, 24, 40, 0.28) !important;
}

.detail .detail-container[data-v-1adeeff9] {
  width: min(92vw, 900px) !important;
  max-height: 82vh !important;
  padding: 24px !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 46px rgba(31, 45, 61, 0.18) !important;
}

.detail .detail-info-container .info-title[data-v-1adeeff9],
.detail .detail-info-container .process-table-section .info-title[data-v-1adeeff9] {
  color: #142033 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.detail .detail-info-container .process-table-section[data-v-1adeeff9] {
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
}

.detail .button-group_btnBox[data-v-1adeeff9] {
  border: 1px solid #edf2f7 !important;
  border-radius: 8px !important;
  box-shadow: 0 -2px 8px rgba(31, 45, 61, 0.06) !important;
}

.detail .button-group_btnBox button[data-v-1adeeff9] {
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 5px !important;
  background: #fe9906 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.detail .button-group_btnBox .disagree-btn[data-v-1adeeff9] {
  background: #e34949 !important;
}

@media (max-width: 768px) {
  #app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2[data-v-ae5ec81b],
  #app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2[data-v-ae5ec81b] {
    height: auto !important;
    align-items: stretch !important;
  }

  #app:has(.form-container[data-v-6c7127ca]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b],
  #app:has(.process-page[data-v-1adeeff9]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b] {
    min-width: 0 !important;
    flex: 1 !important;
    height: 48px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
  }

  .form-container[data-v-6c7127ca],
  .process-page[data-v-1adeeff9] {
    width: calc(100% - 16px) !important;
    margin: 24px auto 28px !important;
    padding: 18px 14px 22px !important;
  }

  .single-form .form-header[data-v-6c7127ca] {
    height: auto !important;
    min-height: 72px !important;
    padding: 14px 16px !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .single-form .form-header .form-index[data-v-6c7127ca] {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  .single-form .form-content[data-v-6c7127ca] {
    padding: 0 16px 20px !important;
  }

  .submit-form > .form-row:nth-child(3)[data-v-6c7127ca] .form-item[data-v-6c7127ca],
  .submit-form > .form-row:nth-child(4)[data-v-6c7127ca] .form-item[data-v-6c7127ca] {
    padding: 10px 12px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .submit-form > .form-row:nth-child(3)[data-v-6c7127ca] .form-label[data-v-6c7127ca],
  .submit-form > .form-row:nth-child(4)[data-v-6c7127ca] .form-label[data-v-6c7127ca] {
    flex: none !important;
  }

  .form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] .add-form-btn[data-v-6c7127ca],
  .form-container[data-v-6c7127ca] .submit-button[data-v-6c7127ca],
  .form-container[data-v-6c7127ca] > .submit-btn-container.form-actions[data-v-6c7127ca] > div:last-child {
    justify-self: stretch !important;
    width: 100% !important;
  }

  .process-page .tab-bar-level1[data-v-1adeeff9],
  .process-page .tab-bar-level2[data-v-1adeeff9] {
    flex-wrap: wrap !important;
  }

  .process-page .table[data-v-1adeeff9] {
    min-height: 280px !important;
    overflow-x: auto !important;
  }

  .detail .detail-container[data-v-1adeeff9] {
    width: 95vw !important;
    padding: 18px !important;
  }
}

#app:has(.form-container[data-v-c7057604]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b] {
  min-width: 148px !important;
  height: 54px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border-left: 1px solid #eef2f6 !important;
  color: #142033 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#app:has(.form-container[data-v-c7057604]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b]:last-child {
  border-right: 1px solid #eef2f6 !important;
}

#app:has(.form-container[data-v-c7057604]) .tab-bar-level2 .tab-bar-item.active[data-v-ae5ec81b] {
  background: #fe9906 !important;
  color: #fff !important;
  border-bottom: none !important;
}

.form-container[data-v-c7057604] {
  width: calc(100% - 8px) !important;
  margin: 46px auto 40px !important;
  padding: 28px 32px 36px !important;
  position: relative !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-top: 4px solid #fe9906 !important;
  border-radius: 7px !important;
  box-shadow: 0 18px 46px rgba(31, 45, 61, 0.12) !important;
}

.form-container[data-v-c7057604] > .form-actions.wx-login-success[data-v-c7057604] {
  min-height: 34px !important;
  margin: 0 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #fe9906 !important;
  font-size: 14px !important;
}

.form-container[data-v-c7057604] .collapse-all-btn-group[data-v-c7057604] {
  display: flex !important;
  gap: 12px !important;
}

.form-container[data-v-c7057604] .collapse-all-btn[data-v-c7057604] {
  height: 34px !important;
  padding: 0 18px !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 5px !important;
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(28, 43, 62, 0.05) !important;
  cursor: pointer !important;
}

.form-container[data-v-c7057604] .collapse-all-btn[data-v-c7057604]:hover {
  background: #f8fafc !important;
  border-color: #cfd8e5 !important;
}

.form-container[data-v-c7057604] .logout-link[data-v-c7057604] {
  color: #e88900 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.form-container[data-v-c7057604] .logout-link[data-v-c7057604]:hover {
  color: #fe9906 !important;
  text-decoration: none !important;
}

.form-list[data-v-c7057604] {
  counter-reset: tro-form !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

.single-form[data-v-c7057604] {
  counter-increment: tro-form !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
  transition: none !important;
}

.single-form.collapsed[data-v-c7057604] {
  padding: 0 !important;
}

.single-form .form-header[data-v-c7057604] {
  height: 76px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(90deg, #fff 0%, #fff 34%, #f8fafc 100%) !important;
  border-bottom: 1px solid #dfe7f1 !important;
  cursor: pointer !important;
}

.single-form .form-header .form-header-left[data-v-c7057604] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.single-form .form-header .form-index[data-v-c7057604] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #142033 !important;
  font-size: 0 !important;
  font-weight: 800 !important;
}

.single-form .form-header .form-index[data-v-c7057604]::before {
  content: "\6848\4EF6  #" counter(tro-form) !important;
  height: 34px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fe9906 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 12px rgba(254, 153, 6, 0.18) !important;
}

.single-form .form-header .form-index[data-v-c7057604]::after {
  content: "TRO\6848\4EF6\8D44\6599" !important;
  color: #142033 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.single-form .form-header .collapse-btn[data-v-c7057604] {
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #708195 !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.single-form .form-header .collapse-btn[data-v-c7057604]::before {
  content: "\5F53\524D\5C55\5F00  \00B7  \5FC5\586B\9879\5DF2\7528\7EA2\8272\661F\53F7\6807\6CE8" !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.single-form.collapsed .form-header .collapse-btn[data-v-c7057604]::before {
  content: "\5F53\524D\6536\8D77  \00B7  \5FC5\586B\9879\5DF2\7528\7EA2\8272\661F\53F7\6807\6CE8" !important;
}

.single-form .form-header .delete-form-btn[data-v-c7057604] {
  height: 30px !important;
  padding: 0 14px !important;
  background: #fff0f0 !important;
  color: #e34949 !important;
  border: 1px solid #ffd1d1 !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.single-form .form-content[data-v-c7057604] {
  max-height: none !important;
  overflow: visible !important;
  padding: 0 28px 28px !important;
  transition: none !important;
}

.single-form.collapsed .form-content[data-v-c7057604] {
  display: none !important;
  max-height: 0 !important;
  padding: 0 !important;
}

.submit-form[data-v-c7057604] {
  gap: 0 !important;
}

.submit-form > .form-row[data-v-c7057604] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.submit-form > .form-row:nth-child(4)[data-v-c7057604],
.submit-form > .form-row:nth-child(7)[data-v-c7057604],
.submit-form > .form-row.full-width-row[data-v-c7057604] {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf2f7 !important;
}

.submit-form > .form-row:nth-child(2)[data-v-c7057604] .form-item:nth-child(2)[data-v-c7057604] {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf2f7 !important;
}

.submit-form > .form-row[data-v-c7057604]::before,
.submit-form > .form-row:nth-child(2)[data-v-c7057604] .form-item:nth-child(2)[data-v-c7057604]::before {
  display: block !important;
  margin: 16px 0 8px !important;
  padding-left: 10px !important;
  border-left: 5px solid #fe9906 !important;
  color: #142033 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
}

.submit-form > .form-row:first-child[data-v-c7057604]::before {
  content: "\6848\4EF6\57FA\7840\4FE1\606F" !important;
}

.submit-form > .form-row:nth-child(2)[data-v-c7057604] .form-item:nth-child(2)[data-v-c7057604]::before {
  content: "\5E97\94FA\4E0E\5E73\53F0" !important;
}

.submit-form > .form-row:nth-child(4)[data-v-c7057604]::before {
  content: "\91D1\989D\4E0E\4FB5\6743\4EA7\54C1" !important;
}

.submit-form > .form-row:nth-child(7)[data-v-c7057604]::before {
  content: "\9644\4EF6\8D44\6599" !important;
}

.submit-form > .form-row.full-width-row[data-v-c7057604]::before {
  content: "\7559\8A00\5907\6CE8" !important;
}

.form-item[data-v-c7057604] {
  gap: 7px !important;
}

.form-item .form-label[data-v-c7057604] {
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.form-label.required[data-v-c7057604]::after {
  color: #f5222d !important;
  font-weight: 800 !important;
}

.form-item .form-input[data-v-c7057604],
.form-item .form-textarea[data-v-c7057604],
.form-item select.form-input[data-v-c7057604],
.form-item.amount-group .amount-input[data-v-c7057604],
.form-item.amount-group .amount-unit[data-v-c7057604] {
  width: 100% !important;
  height: 42px !important;
  padding: 0 14px !important;
  background: #fbfdff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  color: #2f3a4a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.form-item .form-input[data-v-c7057604]::placeholder,
.form-item .form-textarea[data-v-c7057604]::placeholder,
.form-item.amount-group .amount-input[data-v-c7057604]::placeholder {
  color: #9eabbc !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.form-item .form-input[data-v-c7057604]:focus,
.form-item .form-textarea[data-v-c7057604]:focus,
.form-item select.form-input[data-v-c7057604]:focus,
.form-item.amount-group .amount-input[data-v-c7057604]:focus,
.form-item.amount-group .amount-unit[data-v-c7057604]:focus {
  background: #fff !important;
  border-color: #c7d3df !important;
  box-shadow: 0 0 0 2px rgba(217, 226, 236, 0.45) !important;
  outline: none !important;
}

.form-item .form-textarea[data-v-c7057604] {
  height: 150px !important;
  min-height: 150px !important;
  padding: 12px 14px !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}

.form-item.amount-group .amount-wrapper[data-v-c7057604] {
  gap: 10px !important;
}

.form-item select.form-input[data-v-c7057604] {
  padding-right: 34px !important;
  background-image: linear-gradient(45deg, transparent 50%, #4b596b 50%),
    linear-gradient(135deg, #4b596b 50%, transparent 50%) !important;
  background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .form-input[data-v-c7057604],
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] select.form-input[data-v-c7057604],
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .amount-input[data-v-c7057604],
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .amount-unit[data-v-c7057604] {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  background-color: #fbfdff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  color: #2f3a4a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
}

.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .form-input[data-v-c7057604]::placeholder,
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .amount-input[data-v-c7057604]::placeholder {
  color: #9eabbc !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .form-input[data-v-c7057604]:focus,
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] select.form-input[data-v-c7057604]:focus,
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .amount-input[data-v-c7057604]:focus,
.submit-form > .form-row:nth-child(-n + 6)[data-v-c7057604] .amount-unit[data-v-c7057604]:focus {
  background-color: #fff !important;
  border-color: #c7d3df !important;
  box-shadow: 0 0 0 2px rgba(217, 226, 236, 0.45) !important;
}

.submit-form > .form-row:nth-child(7)[data-v-c7057604],
.submit-form > .form-row:nth-child(8)[data-v-c7057604] {
  gap: 10px !important;
}

.submit-form > .form-row:nth-child(7)[data-v-c7057604] .form-item[data-v-c7057604],
.submit-form > .form-row:nth-child(8)[data-v-c7057604] .form-item[data-v-c7057604] {
  min-height: 52px !important;
  padding: 0 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  background: #fff !important;
  border: 1px dashed #d9e2ec !important;
  border-radius: 5px !important;
}

.submit-form > .form-row:nth-child(7)[data-v-c7057604] .form-label[data-v-c7057604],
.submit-form > .form-row:nth-child(8)[data-v-c7057604] .form-label[data-v-c7057604] {
  flex: 0 0 245px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.form-item input[type="file"][data-v-c7057604] {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #7a8798 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.form-item input[type="file"][data-v-c7057604]::-webkit-file-upload-button {
  height: 28px !important;
  padding: 0 13px !important;
  margin-right: 12px !important;
  background: #fff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 4px !important;
  color: #243047 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.form-item .img-preview[data-v-c7057604] {
  max-width: 120px !important;
}

.form-item .img-preview .preview-img[data-v-c7057604] {
  border-color: #dbe4ef !important;
  border-radius: 5px !important;
}

.form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

.form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] .add-form-btn[data-v-c7057604] {
  justify-self: start !important;
  width: 126px !important;
  height: 42px !important;
  padding: 0 !important;
  background: #162033 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] .add-form-btn[data-v-c7057604]:hover {
  background: #1f2b40 !important;
}

.submit-button[data-v-c7057604] {
  justify-self: center !important;
  width: 220px !important;
  height: 50px !important;
  padding: 0 !important;
  background: #fe9906 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(254, 153, 6, 0.18) !important;
}

.submit-button[data-v-c7057604]:hover {
  background: #f09100 !important;
}

.submit-button[data-v-c7057604]:disabled {
  background: #a8b3c2 !important;
  box-shadow: none !important;
}

.form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] > div:last-child {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
}

.form-container[data-v-c7057604] .clear-data[data-v-c7057604] {
  margin: 0 !important;
  color: #e88900 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.form-container[data-v-c7057604] .clear-data[data-v-c7057604]:hover {
  color: #fe9906 !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  #app:has(.form-container[data-v-c7057604]) .tab-bar-level2[data-v-ae5ec81b] {
    height: auto !important;
    align-items: stretch !important;
  }

  #app:has(.form-container[data-v-c7057604]) .tab-bar-level2 .tab-bar-item[data-v-ae5ec81b] {
    min-width: 0 !important;
    flex: 1 !important;
    height: 48px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
  }

  .form-container[data-v-c7057604] {
    width: calc(100% - 16px) !important;
    margin: 24px auto 28px !important;
    padding: 18px 14px 22px !important;
  }

  .single-form .form-header[data-v-c7057604] {
    height: auto !important;
    min-height: 72px !important;
    padding: 14px 16px !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .single-form .form-header .form-header-left[data-v-c7057604] {
    align-items: flex-start !important;
  }

  .single-form .form-header .form-index[data-v-c7057604] {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  .single-form .form-header .collapse-btn[data-v-c7057604]::before {
    font-size: 12px !important;
  }

  .single-form .form-content[data-v-c7057604] {
    padding: 0 16px 20px !important;
  }

  .submit-form > .form-row:nth-child(7)[data-v-c7057604] .form-item[data-v-c7057604],
  .submit-form > .form-row:nth-child(8)[data-v-c7057604] .form-item[data-v-c7057604] {
    padding: 10px 12px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .submit-form > .form-row:nth-child(7)[data-v-c7057604] .form-label[data-v-c7057604],
  .submit-form > .form-row:nth-child(8)[data-v-c7057604] .form-label[data-v-c7057604] {
    flex: none !important;
  }

  .form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] .add-form-btn[data-v-c7057604],
  .submit-button[data-v-c7057604],
  .form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] > div:last-child {
    justify-self: stretch !important;
    width: 100% !important;
  }

  .form-container[data-v-c7057604] > .submit-btn-container.form-actions[data-v-c7057604] > div:last-child {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}
