:root {
  --qili-gjp-blue: #2f86c1;
  --qili-gjp-blue-dark: #1f6fa8;
  --qili-gjp-blue-soft: #eaf4fb;
  --qili-gjp-border: #dfe5ea;
  --qili-gjp-border-strong: #c7d2dc;
  --qili-gjp-field: #f3f4f5;
  --qili-gjp-row: #ffffff;
  --qili-gjp-row-alt: #fbfcfd;
  --qili-gjp-row-active: #fffbea;
  --qili-gjp-row-hover: #edf7fd;
  --qili-gjp-summary: #fffde6;
  --qili-gjp-text: #263746;
  --qili-gjp-muted: #657584;
}

.qili-gjp-shell {
  width: calc(100% + 24px) !important;
  height: 100% !important;
  min-height: 650px !important;
  margin: -12px !important;
  overflow: hidden !important;
  border: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--qili-gjp-text) !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 12px !important;
}

.qili-gjp-shell * {
  letter-spacing: 0 !important;
}

.qili-gjp-shell__headbar {
  min-height: 34px !important;
  padding: 3px 142px 3px 8px !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.qili-gjp-shell__title {
  min-width: 120px !important;
  color: #33495c !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
}

.qili-gjp-shell__meta {
  gap: 5px !important;
  flex-wrap: nowrap !important;
}

.qili-gjp-shell__meta-item {
  gap: 4px !important;
  color: var(--qili-gjp-muted) !important;
  font-size: 12px !important;
}

.qili-gjp-shell__valuebox {
  min-width: 104px !important;
  height: 26px !important;
  padding: 0 6px !important;
  border-color: var(--qili-gjp-border) !important;
  border-radius: 1px !important;
  background: var(--qili-gjp-field) !important;
  color: #4a5966 !important;
  font-size: 12px !important;
  line-height: 24px !important;
}

.qili-gjp-shell__meta-item--bill-no .qili-gjp-shell__valuebox {
  width: 154px !important;
}

.qili-gjp-shell__attachment {
  height: 26px !important;
  gap: 4px !important;
}

.qili-gjp-shell__attachment-title {
  height: 26px !important;
  padding: 0 8px !important;
  border-color: var(--qili-gjp-border) !important;
  border-radius: 1px !important;
  background: #f7f8f9 !important;
  line-height: 24px !important;
}

.qili-gjp-shell__attachment-text {
  color: #4c657a !important;
  font-size: 12px !important;
}

.qili-gjp-shell__close-current.ant-btn {
  top: 3px !important;
  right: 7px !important;
  height: 27px !important;
  border-radius: 2px !important;
}

.qili-gjp-shell__header-panel {
  margin: 0 !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.qili-gjp-form-grid {
  gap: 4px 8px !important;
}

.qili-gjp-field {
  min-height: 27px !important;
  gap: 4px !important;
  color: var(--qili-gjp-text) !important;
}

.qili-gjp-field > label {
  color: #4c5d6c !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

.qili-gjp-field .ant-input,
.qili-gjp-field .ant-input-affix-wrapper,
.qili-gjp-field .ant-input-number,
.qili-gjp-field .ant-input-number-input,
.qili-gjp-field .ant-picker,
.qili-gjp-field .ant-select-selector,
.qili-gjp-field .ant-segmented {
  min-height: 26px !important;
  height: 26px !important;
  border-color: var(--qili-gjp-border) !important;
  border-radius: 1px !important;
  background: var(--qili-gjp-field) !important;
  color: #3c4d5b !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.qili-gjp-field .ant-input,
.qili-gjp-field .ant-input-number-input,
.qili-gjp-field .ant-picker-input > input {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 12px !important;
}

.qili-gjp-field .ant-select-selection-item,
.qili-gjp-field .ant-select-selection-placeholder {
  line-height: 24px !important;
  font-size: 12px !important;
}

.qili-gjp-field .ant-input[disabled],
.qili-gjp-field .ant-input-number-disabled,
.qili-gjp-field .ant-picker-disabled,
.qili-gjp-field .ant-select-disabled .ant-select-selector {
  color: #667582 !important;
  background: #f0f1f2 !important;
  -webkit-text-fill-color: #667582 !important;
}

.qili-gjp-shell__body {
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.qili-gjp-table-title {
  flex: 0 0 auto !important;
  min-height: 23px !important;
  margin: 0 !important;
  padding: 3px 8px !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  background: #f6f9fb !important;
  color: #425c70 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}

.qili-gjp-table-wrap {
  flex: 1 1 0 !important;
  min-height: 120px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--qili-gjp-border-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.qili-gjp-table-wrap + .qili-gjp-table-wrap {
  border-top: 4px solid #f1f3f5 !important;
}

.qili-gjp-table.ant-table-wrapper,
.qili-gjp-shell .qili-gjp-table.ant-table-wrapper {
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.qili-gjp-table .ant-spin-nested-loading,
.qili-gjp-table .ant-spin-container,
.qili-gjp-table .ant-table,
.qili-gjp-table .ant-table-container {
  height: 100% !important;
}

.qili-gjp-table .ant-table {
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--qili-gjp-text) !important;
  font-size: 12px !important;
}

.qili-gjp-table .ant-table-thead > tr > th,
.ledger-grid .ant-table-thead > tr > th,
.orders-page .orders-ledger-workbench .ant-table-thead > tr > th,
.purchase-inbounds-page .ledger-workbench-standard .ant-table-thead > tr > th,
.inventory-transfer-page .ledger-workbench-standard .ant-table-thead > tr > th,
.assembly-order-page .ledger-workbench-standard .ant-table-thead > tr > th {
  height: 28px !important;
  min-height: 28px !important;
  padding: 3px 6px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-bottom: 1px solid var(--qili-gjp-blue-dark) !important;
  background: var(--qili-gjp-blue) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.qili-gjp-table .ant-table-thead > tr > th::before,
.ledger-grid .ant-table-thead > tr > th::before {
  display: none !important;
}

.qili-gjp-table .ant-table-tbody > tr > td,
.qili-gjp-table .ant-table-summary > tr > td,
.ledger-grid .ant-table-tbody > tr > td,
.ledger-grid .ant-table-summary > tr > td {
  height: 27px !important;
  min-height: 27px !important;
  padding: 3px 6px !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 1px solid #e9edf0 !important;
  background: var(--qili-gjp-row) !important;
  color: var(--qili-gjp-text) !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

.qili-gjp-table .ant-table-tbody > tr:nth-child(even) > td,
.ledger-grid .ant-table-tbody > tr:nth-child(even) > td {
  background: var(--qili-gjp-row-alt) !important;
}

.qili-gjp-table .ant-table-tbody > tr:first-child > td,
.qili-gjp-table .ant-table-tbody > tr.qili-gjp-row-active > td,
.ledger-grid .ant-table-tbody > tr.ledger-row-selected > td {
  background: var(--qili-gjp-row-active) !important;
}

.qili-gjp-table .ant-table-tbody > tr:hover > td,
.ledger-grid .ant-table-tbody > tr:hover > td {
  background: var(--qili-gjp-row-hover) !important;
}

.qili-gjp-table .ant-table-summary > tr > td,
.ledger-grid .ant-table-summary > tr > td {
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px 6px !important;
  border-top: 1px solid #e8dfa6 !important;
  background: var(--qili-gjp-summary) !important;
  color: #4b5560 !important;
  font-weight: 500 !important;
}

.qili-gjp-table-number,
.ledger-money-cell,
.qili-gjp-shell .global-table-col-number {
  color: #33495c !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
}

.qili-gjp-row-index {
  color: #3c5569 !important;
  font-variant-numeric: tabular-nums !important;
}

.qili-gjp-shell__footer {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 4px 8px !important;
  border-top: 1px solid var(--qili-gjp-border-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 -1px 0 rgba(40, 63, 82, 0.04) !important;
  font-size: 12px !important;
}

.qili-gjp-shell__footer-right,
.qili-gjp-actions {
  gap: 4px !important;
  flex-wrap: nowrap !important;
}

.qili-gjp-footer-metric {
  gap: 3px !important;
  color: #4c5d6c !important;
  font-size: 12px !important;
}

.qili-gjp-actions .ant-btn,
.qili-gjp-shell__footer .ant-btn,
.qili-gjp-print-split .ant-btn {
  min-width: 0 !important;
  height: 27px !important;
  padding: 0 9px !important;
  border-color: var(--qili-gjp-border-strong) !important;
  border-radius: 2px !important;
  background: #f8f9fa !important;
  color: #405365 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

.qili-gjp-actions .ant-btn-primary,
.qili-gjp-shell__footer .ant-btn-primary {
  border-color: var(--qili-gjp-blue) !important;
  background: var(--qili-gjp-blue) !important;
  color: #fff !important;
}

.qili-gjp-print-split__arrow {
  width: 25px !important;
  padding: 0 !important;
}

.inventory-transfer-page,
.assembly-order-page,
.purchase-inbounds-page,
.payment-registration,
.orders-page,
.advance-receipt-list,
.advance-payment-list {
  color: var(--qili-gjp-text) !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 12px !important;
}

.inventory-transfer-page > .toolbar,
.assembly-order-page > .toolbar,
.purchase-inbounds-page > .toolbar,
.orders-page > .toolbar,
.ledger-toolbar-standard,
.orders-ledger-toolbar {
  min-height: 36px !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.inventory-transfer-page .ledger-workbench-standard,
.assembly-order-page .ledger-workbench-standard,
.purchase-inbounds-page .ledger-workbench-standard,
.orders-page .orders-ledger-workbench {
  min-height: 620px !important;
  border: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.ledger-grid.ant-table-wrapper,
.orders-page .ant-table-wrapper {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ledger-splitter {
  height: 7px !important;
  min-height: 7px !important;
  border-top: 1px solid var(--qili-gjp-blue) !important;
  border-bottom: 1px solid var(--qili-gjp-blue) !important;
  background: #eef6fb !important;
}

.ledger-detail-head {
  min-height: 27px !important;
  padding: 3px 7px !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  background: #f5f8fa !important;
  color: #405b70 !important;
  font-size: 12px !important;
}

.ledger-detail-title,
.ledger-detail-subtitle {
  font-size: 12px !important;
}

.advance-receipt-list > .ant-page-header,
.advance-payment-list > .ant-page-header,
.payment-registration > .ant-page-header {
  min-height: 38px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.advance-receipt-list > .ant-row,
.advance-payment-list > .ant-row {
  margin: 0 !important;
  padding: 0 !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  border-left: 1px solid var(--qili-gjp-border) !important;
  background: #fff !important;
  flex-wrap: nowrap !important;
}

.advance-receipt-list > .ant-row > .ant-col,
.advance-payment-list > .ant-row > .ant-col {
  flex: 1 1 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.advance-receipt-list > .ant-row .ant-card,
.advance-payment-list > .ant-row .ant-card {
  height: 48px !important;
  border: 0 !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.advance-receipt-list > .ant-row .ant-card-body,
.advance-payment-list > .ant-row .ant-card-body {
  padding: 4px 8px !important;
}

.advance-receipt-list > .ant-card,
.advance-payment-list > .ant-card,
.payment-registration > .ant-card {
  margin-top: 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 1px solid var(--qili-gjp-border) !important;
  border-left: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.advance-receipt-list > .ant-card .ant-card-body,
.advance-payment-list > .ant-card .ant-card-body,
.payment-registration > .ant-card .ant-card-body {
  padding: 5px 8px !important;
}

.advance-receipt-list .ant-form-item,
.advance-payment-list .ant-form-item,
.payment-registration .ant-form-item {
  margin-right: 8px !important;
  margin-bottom: 4px !important;
}

.advance-receipt-list > .ant-card .ant-table-thead > tr > th,
.advance-payment-list > .ant-card .ant-table-thead > tr > th,
.payment-registration > .ant-card .ant-table-thead > tr > th {
  height: 28px !important;
  padding: 3px 6px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.32) !important;
  background: var(--qili-gjp-blue) !important;
  color: #fff !important;
  font-size: 12px !important;
  text-align: left !important;
}

.advance-receipt-list > .ant-card .ant-table-tbody > tr > td,
.advance-payment-list > .ant-card .ant-table-tbody > tr > td,
.payment-registration > .ant-card .ant-table-tbody > tr > td {
  height: 27px !important;
  padding: 3px 6px !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 1px solid #e9edf0 !important;
  font-size: 12px !important;
}

.advance-receipt-list > .ant-card .ant-table-tbody > tr:first-child > td,
.advance-payment-list > .ant-card .ant-table-tbody > tr:first-child > td,
.payment-registration > .ant-card .ant-table-tbody > tr:first-child > td {
  background: var(--qili-gjp-row-active) !important;
}

#qili-document-center-isolated-page {
  padding: 0 !important;
  background: #fff !important;
}

#qili-document-center-isolated-page .dc-shell {
  min-width: 900px !important;
  border: 1px solid var(--qili-gjp-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#qili-document-center-isolated-page .dc-head {
  min-height: 36px !important;
  padding: 4px 8px !important;
  background: #fff !important;
}

#qili-document-center-isolated-page h1 {
  font-size: 15px !important;
  line-height: 26px !important;
}

#qili-document-center-isolated-page button,
#qili-document-center-isolated-page input,
#qili-document-center-isolated-page select {
  height: 28px !important;
  border-radius: 2px !important;
  font-size: 12px !important;
}

#qili-document-center-isolated-page .dc-filters {
  grid-template-columns: minmax(210px, 1.4fr) repeat(2, minmax(125px, .72fr)) minmax(132px, .76fr) minmax(132px, .76fr) auto !important;
  gap: 5px !important;
  padding: 5px 8px !important;
}

#qili-document-center-isolated-page .dc-summary {
  min-height: 29px !important;
  padding: 3px 8px !important;
  background: #f8fafb !important;
  font-size: 12px !important;
}

#qili-document-center-isolated-page table {
  min-width: 1500px !important;
  font-size: 12px !important;
}

#qili-document-center-isolated-page thead th {
  height: 28px !important;
  padding: 3px 6px !important;
  border-right: 1px solid rgba(255, 255, 255, .32) !important;
  background: var(--qili-gjp-blue) !important;
  color: #fff !important;
}

#qili-document-center-isolated-page tbody td {
  height: 27px !important;
  padding: 3px 6px !important;
}

#qili-document-center-isolated-page tbody tr:first-child td {
  background: var(--qili-gjp-row-active) !important;
}

#qili-document-center-isolated-page .dc-pagination {
  min-height: 36px !important;
  padding: 4px 8px !important;
  background: #fff !important;
}

@media (max-width: 1100px) {
  .qili-gjp-shell {
    overflow: auto !important;
  }

  .qili-gjp-shell__headbar,
  .qili-gjp-shell__header-panel,
  .qili-gjp-shell__body,
  .qili-gjp-shell__footer {
    min-width: 920px !important;
  }

  .qili-gjp-shell__headbar,
  .qili-gjp-shell__footer {
    align-items: center !important;
    flex-direction: row !important;
  }

  .qili-gjp-shell__meta,
  .qili-gjp-shell__footer-right {
    justify-content: flex-end !important;
  }

  .advance-receipt-list > .ant-row,
  .advance-payment-list > .ant-row {
    overflow-x: auto !important;
  }
}

#app .qili-gjp-table .ant-table-thead > tr > th,
#app .ledger-grid .ant-table-thead > tr > th,
#app .orders-page .orders-ledger-workbench .ant-table-thead > tr > th,
#app .purchase-inbounds-page .ledger-workbench-standard .ant-table-thead > tr > th,
#app .inventory-transfer-page .ledger-workbench-standard .ant-table-thead > tr > th,
#app .assembly-order-page .ledger-workbench-standard .ant-table-thead > tr > th,
#app .advance-receipt-list > .ant-card .ant-table-thead > tr > th,
#app .advance-payment-list > .ant-card .ant-table-thead > tr > th,
#app .payment-registration > .ant-card .ant-table-thead > tr > th {
  height: 28px !important;
  min-height: 28px !important;
  padding: 3px 6px !important;
  border-right: 1px solid rgba(255, 255, 255, .32) !important;
  border-bottom: 1px solid var(--qili-gjp-blue-dark) !important;
  border-radius: 0 !important;
  background: var(--qili-gjp-blue) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  text-align: left !important;
}

#app .qili-gjp-shell__footer {
  min-height: 38px !important;
  height: 38px !important;
  padding: 4px 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
}

#app .qili-gjp-shell__footer-left,
#app .qili-gjp-shell__footer-right,
#app .qili-gjp-actions {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#app .qili-gjp-table .ant-table-tbody > tr > td,
#app .qili-gjp-table .ant-table-summary > tr > td,
#app .ledger-grid .ant-table-tbody > tr > td,
#app .ledger-grid .ant-table-summary > tr > td,
#app .advance-receipt-list > .ant-card .ant-table-tbody > tr > td,
#app .advance-payment-list > .ant-card .ant-table-tbody > tr > td,
#app .payment-registration > .ant-card .ant-table-tbody > tr > td {
  height: 28px !important;
  min-height: 28px !important;
  padding: 2px 6px !important;
  border-right: 1px solid var(--qili-gjp-border) !important;
  border-bottom: 1px solid #e9edf0 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

#app .qili-gjp-table .ant-table-summary > tr > td,
#app .ledger-grid .ant-table-summary > tr > td {
  height: 24px !important;
  min-height: 24px !important;
  padding: 1px 6px !important;
  background: var(--qili-gjp-summary) !important;
}

#app .advance-receipt-list > .ant-row .ant-card,
#app .advance-payment-list > .ant-row .ant-card {
  height: 40px !important;
}

#app .advance-receipt-list > .ant-row .ant-card-body,
#app .advance-payment-list > .ant-row .ant-card-body {
  height: 39px !important;
  padding: 4px 7px !important;
  overflow: hidden !important;
}

#app .advance-receipt-list > .ant-row .ant-statistic,
#app .advance-payment-list > .ant-row .ant-statistic {
  height: 30px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

#app .advance-receipt-list > .ant-row .ant-statistic-title,
#app .advance-payment-list > .ant-row .ant-statistic-title {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: var(--qili-gjp-muted) !important;
  font-size: 12px !important;
  line-height: 30px !important;
}

#app .advance-receipt-list > .ant-row .ant-statistic-content,
#app .advance-payment-list > .ant-row .ant-statistic-content {
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 15px !important;
  line-height: 30px !important;
  text-overflow: ellipsis !important;
}

#app .advance-receipt-list .ant-input,
#app .advance-receipt-list .ant-input-affix-wrapper,
#app .advance-receipt-list .ant-input-number,
#app .advance-receipt-list .ant-picker,
#app .advance-receipt-list .ant-select-selector,
#app .advance-receipt-list .ant-btn,
#app .advance-payment-list .ant-input,
#app .advance-payment-list .ant-input-affix-wrapper,
#app .advance-payment-list .ant-input-number,
#app .advance-payment-list .ant-picker,
#app .advance-payment-list .ant-select-selector,
#app .advance-payment-list .ant-btn,
#app .payment-registration .ant-input,
#app .payment-registration .ant-input-affix-wrapper,
#app .payment-registration .ant-input-number,
#app .payment-registration .ant-picker,
#app .payment-registration .ant-select-selector,
#app .payment-registration .ant-btn {
  min-height: 28px !important;
  height: 28px !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

#app .advance-receipt-list .ant-select-selection-item,
#app .advance-receipt-list .ant-select-selection-placeholder,
#app .advance-payment-list .ant-select-selection-item,
#app .advance-payment-list .ant-select-selection-placeholder,
#app .payment-registration .ant-select-selection-item,
#app .payment-registration .ant-select-selection-placeholder {
  line-height: 26px !important;
}