#app .project-workbench.downstream-ledger-page {
  background: #f6f8fc !important;
  color: #171b24;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

#app .project-workbench.downstream-ledger-page .project-side {
  width: 276px !important;
  min-width: 276px !important;
  background: linear-gradient(180deg, #163e98, #0f57b8) !important;
}

#app .project-workbench.downstream-ledger-page .project-top {
  height: 66px !important;
  padding: 0 38px !important;
  border-bottom: 1px solid #e4e9f2 !important;
  background: #f6f8fc !important;
  color: #7c8798;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .project-top .project-page-trail {
  min-height: 66px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7c8798;
  font-size: 14px;
}

#app .project-workbench.downstream-ledger-page .project-page-trail button,
#app .project-workbench.downstream-ledger-page .project-page-trail span {
  color: #7c8798;
  font-size: 14px;
}

#app .project-workbench.downstream-ledger-page .project-page-trail button[data-route="project-home"] {
  max-width: none !important;
  flex: 0 0 auto;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

#app .project-workbench.downstream-ledger-page .project-page-trail i {
  margin: 0 9px;
  color: #bbc4d1;
}

#app .project-workbench.downstream-ledger-page .project-top-return,
#app .project-workbench.downstream-ledger-page .back-projects {
  color: #245ca4;
  font-size: 14px;
}

#app .project-workbench.downstream-ledger-page .project-workspace {
  padding: 0 38px 52px !important;
}

#app .project-workbench.downstream-ledger-page .project-context.compact {
  margin: 27px 0 18px !important;
}

#app .project-workbench.downstream-ledger-page .project-context.compact h1 {
  margin: 0 0 8px;
  color: #171b24;
  font-size: 27px;
}

#app .project-workbench.downstream-ledger-page .project-context-meta {
  gap: 18px;
  color: #7c8798;
  font-size: 13px;
}

#app .project-workbench.downstream-ledger-page .form-panel.business-workspace {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .business-tabs {
  margin-bottom: 20px !important;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-layout,
#app .project-workbench.downstream-ledger-page .invoice-ledger-layout,
#app .project-workbench.downstream-ledger-page .receipt-ledger-layout {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 292px !important;
  gap: 20px !important;
  align-items: start;
  min-height: 0 !important;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-main,
#app .project-workbench.downstream-ledger-page .invoice-ledger-main,
#app .project-workbench.downstream-ledger-page .receipt-ledger-main {
  display: grid !important;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  gap: 16px !important;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 104px !important;
  padding: 12px 20px !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article > div {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding-top: 3px;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article > div > span,
#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article > div > small,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article > div > span,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article > div > small,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article > div > span,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article > div > small {
  overflow: hidden;
  color: #7c8798;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article > div > strong,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article > div > strong,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article > div > strong {
  margin: 0 !important;
  font-size: 23px;
  line-height: 1.1;
  letter-spacing: .2px;
}

#app .project-workbench.downstream-ledger-page .v5-metric-icon {
  flex: 0 0 42px;
}

#app .project-workbench.downstream-ledger-page .tone-blue {
  color: #1f5fa9;
}

#app .project-workbench.downstream-ledger-page .tone-green {
  color: #138a63;
}

#app .project-workbench.downstream-ledger-page .tone-orange {
  color: #bf7411;
}

#app .project-workbench.downstream-ledger-page .business-live-ledger {
  overflow: hidden !important;
  min-width: 0;
  padding: 0 !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-toolbar,
#app .project-workbench.downstream-ledger-page .invoice-table-toolbar,
#app .project-workbench.downstream-ledger-page .receipt-ledger-toolbar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid #e4e9f2 !important;
  background: #fff !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter,
#app .project-workbench.downstream-ledger-page .ledger-prototype-actions,
#app .project-workbench.downstream-ledger-page .invoice-filter-lite,
#app .project-workbench.downstream-ledger-page .invoice-table-actions,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter,
#app .project-workbench.downstream-ledger-page .receipt-ledger-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter > span,
#app .project-workbench.downstream-ledger-page .invoice-filter-lite > span,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter > span {
  flex: 0 0 auto;
  color: #7c8798;
  font-size: 13px;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter > i,
#app .project-workbench.downstream-ledger-page .invoice-filter-lite > i,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter > i {
  flex: 0 0 auto;
  color: #a1abb9;
  font-style: normal;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter .input,
#app .project-workbench.downstream-ledger-page .invoice-filter-lite .input,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter .input {
  width: 104px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 9px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 5px !important;
  color: #425168 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter #business-contract,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter #business-contract,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter #business-transfer-method {
  width: 138px !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-filter #business-keyword,
#app .project-workbench.downstream-ledger-page .invoice-filter-lite #business-keyword,
#app .project-workbench.downstream-ledger-page .receipt-ledger-filter #business-keyword {
  width: 220px !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-actions .btn,
#app .project-workbench.downstream-ledger-page .invoice-table-actions .btn,
#app .project-workbench.downstream-ledger-page .receipt-ledger-actions .btn,
#app .project-workbench.downstream-ledger-page .settlement-detail-actions .btn,
#app .project-workbench.downstream-ledger-page .invoice-detail-actions .btn,
#app .project-workbench.downstream-ledger-page .receipt-detail-actions .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #425168 !important;
  font-size: 13px !important;
  font-weight: 400;
  white-space: nowrap;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .ledger-prototype-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .invoice-table-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .receipt-ledger-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .settlement-detail-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .invoice-detail-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .receipt-detail-actions .btn.primary,
#app .project-workbench.downstream-ledger-page .settlement-entry-modal .btn.primary,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal .btn.primary,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal .btn.primary {
  border: 0 !important;
  background: linear-gradient(180deg, #163e98, #0f57b8) !important;
  color: #fff !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table {
  max-height: none !important;
  margin: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table table {
  width: 100%;
  min-width: 980px;
  table-layout: fixed;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table thead th {
  border-top: 0 !important;
  border-right: 1px solid #e5ebf3 !important;
  border-bottom: 1px solid #dfe6f0 !important;
  border-left: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table thead th:last-child,
#app .project-workbench.downstream-ledger-page .business-record-table tbody td:last-child,
#app .project-workbench.downstream-ledger-page .business-record-table tfoot td:last-child {
  border-right: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table tbody td {
  border-top: 1px solid #edf0f5 !important;
  border-right: 1px solid #edf1f6 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table tfoot td {
  border-top: 2px solid #afc8e9 !important;
  border-right: 1px solid #edf1f6 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-table-alert.project-balance-alert {
  min-height: 0;
  margin: 0 !important;
  padding: 10px 20px !important;
  border: 0 !important;
  border-top: 1px solid #f0d59b !important;
  border-radius: 0 !important;
  background: #fff9ea !important;
  color: #865d13 !important;
  font-size: 12px;
  line-height: 1.5;
  box-shadow: none !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table th {
  padding: 12px 10px !important;
  background: #f1f5fb !important;
  color: #3c4654 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
  vertical-align: middle;
  white-space: nowrap;
}

#app .project-workbench.downstream-ledger-page .business-record-table td {
  padding: 13px 10px !important;
  color: #171b24 !important;
  font-size: 13px !important;
  line-height: 1.45;
  border-top: 1px solid #edf0f5 !important;
  border-bottom: 0 !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table th:first-child,
#app .project-workbench.downstream-ledger-page .business-record-table td:first-child,
#app .project-workbench.downstream-ledger-page .cell-center,
#app .project-workbench.downstream-ledger-page .business-row-actions {
  text-align: center !important;
}

#app .project-workbench.downstream-ledger-page .cell-money,
#app .project-workbench.downstream-ledger-page .business-record-table .right {
  text-align: right !important;
}

#app .project-workbench.downstream-ledger-page .business-total-row td {
  padding: 12px 10px !important;
  background: #eef5ff !important;
  color: #171b24 !important;
  border-top: 2px solid #afc8e9 !important;
  font-weight: 700;
}

#app .project-workbench.downstream-ledger-page .business-record-table tbody tr.business-record-selected td {
  background: #f8fbff !important;
}

#app .project-workbench.downstream-ledger-page .business-record-table tbody tr.business-record-selected td:first-child {
  border-left: 3px solid #1769e8 !important;
}

#app .project-workbench.downstream-ledger-page .business-row-actions {
  white-space: nowrap !important;
}

#app .project-workbench.downstream-ledger-page .business-row-actions .text-btn {
  white-space: nowrap;
}

#app .project-workbench.downstream-ledger-page .settlement-record-detail,
#app .project-workbench.downstream-ledger-page .invoice-record-detail,
#app .project-workbench.downstream-ledger-page .receipt-record-detail {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-head,
#app .project-workbench.downstream-ledger-page .invoice-detail-head,
#app .project-workbench.downstream-ledger-page .receipt-detail-head {
  padding: 18px 19px 14px !important;
  border-bottom: 1px solid #e4e9f2 !important;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-head h2,
#app .project-workbench.downstream-ledger-page .invoice-detail-head h2,
#app .project-workbench.downstream-ledger-page .receipt-detail-head h2 {
  margin: 0 0 7px;
  color: #171b24;
  font-size: 17px;
  line-height: 1.3;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-head p,
#app .project-workbench.downstream-ledger-page .invoice-detail-head p,
#app .project-workbench.downstream-ledger-page .receipt-detail-head p {
  margin: 0;
  color: #7c8798;
  font-size: 12px;
  line-height: 1.45;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-body,
#app .project-workbench.downstream-ledger-page .invoice-detail-body,
#app .project-workbench.downstream-ledger-page .receipt-detail-body {
  padding: 0 19px 17px !important;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-amount,
#app .project-workbench.downstream-ledger-page .invoice-detail-amount,
#app .project-workbench.downstream-ledger-page .receipt-detail-amount {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 17px 0;
  border-bottom: 1px solid #e7ebf2;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-amount span,
#app .project-workbench.downstream-ledger-page .invoice-detail-amount span,
#app .project-workbench.downstream-ledger-page .receipt-detail-amount span,
#app .project-workbench.downstream-ledger-page .settlement-detail-body dt,
#app .project-workbench.downstream-ledger-page .invoice-detail-body dt,
#app .project-workbench.downstream-ledger-page .receipt-detail-body dt {
  color: #7c8798;
  font-size: 12px;
  font-weight: 400;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-amount b,
#app .project-workbench.downstream-ledger-page .invoice-detail-amount b,
#app .project-workbench.downstream-ledger-page .receipt-detail-amount b {
  color: #1f5fa9;
  font-size: 25px;
  line-height: 1.2;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-body dl,
#app .project-workbench.downstream-ledger-page .invoice-detail-body dl,
#app .project-workbench.downstream-ledger-page .receipt-detail-body dl {
  margin: 0;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-body dl > div,
#app .project-workbench.downstream-ledger-page .invoice-detail-body dl > div,
#app .project-workbench.downstream-ledger-page .receipt-detail-body dl > div {
  padding: 14px 0;
  border-bottom: 1px solid #e7ebf2;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-body dt,
#app .project-workbench.downstream-ledger-page .invoice-detail-body dt,
#app .project-workbench.downstream-ledger-page .receipt-detail-body dt {
  margin: 0 0 6px;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-body dd,
#app .project-workbench.downstream-ledger-page .invoice-detail-body dd,
#app .project-workbench.downstream-ledger-page .receipt-detail-body dd {
  margin: 0;
  color: #171b24;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

#app .project-workbench.downstream-ledger-page .settlement-detail-actions,
#app .project-workbench.downstream-ledger-page .invoice-detail-actions,
#app .project-workbench.downstream-ledger-page .receipt-detail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 17px;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-dialog[hidden],
#app .project-workbench.downstream-ledger-page .invoice-entry-dialog[hidden],
#app .project-workbench.downstream-ledger-page .receipt-entry-dialog[hidden] {
  display: none !important;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-dialog,
#app .project-workbench.downstream-ledger-page .invoice-entry-dialog,
#app .project-workbench.downstream-ledger-page .receipt-entry-dialog {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  padding: 26px;
  background: #18233166;
  place-items: center;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 52px);
  overflow: auto;
  padding: 0;
  border: 1px solid #dbe5f2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 54px #0a235840;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal-head,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal-head,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 22px;
  border-bottom: 1px solid #e4e9f2;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal-head h2,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal-head h2,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal-head h2 {
  margin: 0;
  color: #171b24;
  font-size: 18px;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal-head .text-btn,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal-head .text-btn,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal-head .text-btn {
  padding: 0;
  border: 0;
  background: transparent;
  color: #7c8798;
  font-size: 25px;
  line-height: 1;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal .form-grid,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal .form-grid,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  padding: 20px 22px 5px;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal .field,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal .field,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal .field {
  margin: 0;
}

#app .project-workbench.downstream-ledger-page .settlement-entry-modal .form-actions,
#app .project-workbench.downstream-ledger-page .invoice-entry-modal .form-actions,
#app .project-workbench.downstream-ledger-page .receipt-entry-modal .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 15px 22px 20px;
  border-top: 1px solid #e4e9f2;
}

@media (max-width: 1500px) {
  #app .project-workbench.downstream-ledger-page .settlement-ledger-layout,
  #app .project-workbench.downstream-ledger-page .invoice-ledger-layout,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #app .project-workbench.downstream-ledger-page .settlement-record-detail,
  #app .project-workbench.downstream-ledger-page .invoice-record-detail,
  #app .project-workbench.downstream-ledger-page .receipt-record-detail {
    display: none;
  }
}

@media (max-width: 1250px) {
  #app .project-workbench.downstream-ledger-page .project-workspace,
  #app .project-workbench.downstream-ledger-page .project-top {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  #app .project-workbench.downstream-ledger-page .ledger-prototype-filter .input,
  #app .project-workbench.downstream-ledger-page .invoice-filter-lite .input,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-filter .input {
    width: 88px !important;
  }

  #app .project-workbench.downstream-ledger-page .ledger-prototype-filter #business-keyword,
  #app .project-workbench.downstream-ledger-page .invoice-filter-lite #business-keyword,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-filter #business-keyword {
    width: 150px !important;
  }

  #app .project-workbench.downstream-ledger-page .business-record-table th,
  #app .project-workbench.downstream-ledger-page .business-record-table td {
    font-size: 12px !important;
  }
}

@media (max-width: 900px) {
  #app .project-workbench.downstream-ledger-page .settlement-ledger-metrics,
  #app .project-workbench.downstream-ledger-page .invoice-ledger-metrics,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-metrics {
    grid-template-columns: 1fr !important;
  }

  #app .project-workbench.downstream-ledger-page .ledger-prototype-toolbar,
  #app .project-workbench.downstream-ledger-page .invoice-table-toolbar,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  #app .project-workbench.downstream-ledger-page .ledger-prototype-filter,
  #app .project-workbench.downstream-ledger-page .invoice-filter-lite,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-filter {
    flex-wrap: wrap;
  }

  #app .project-workbench.downstream-ledger-page .ledger-prototype-actions,
  #app .project-workbench.downstream-ledger-page .invoice-table-actions,
  #app .project-workbench.downstream-ledger-page .receipt-ledger-actions {
    justify-content: flex-end;
  }

  #app .project-workbench.downstream-ledger-page .settlement-entry-modal .form-grid,
  #app .project-workbench.downstream-ledger-page .invoice-entry-modal .form-grid,
  #app .project-workbench.downstream-ledger-page .receipt-entry-modal .form-grid {
    grid-template-columns: 1fr;
  }
}

/* 对上合同沿用对下台账的标准骨架；合同字段仍保持对上业务自身口径。 */
#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-layout {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 292px !important;
  gap: 20px !important;
  align-items: start;
  min-height: 0 !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-main {
  display: grid !important;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  gap: 16px !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics article {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 104px !important;
  padding: 12px 14px 12px 20px !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics article > div {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding-top: 3px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics article > div > span,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics article > div > small {
  overflow: hidden;
  color: #7c8798;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics article > div > strong {
  margin: 0 !important;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: .2px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics .tone-blue {
  color: #1f5fa9;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics .tone-green {
  color: #138a63;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics .tone-purple {
  color: #7653d6;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics .tone-orange {
  color: #bf7411;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  min-width: 0;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label > b {
  flex: 0 0 auto;
  color: #3c4654;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card .input {
  width: 104px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 9px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 5px !important;
  color: #425168 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label:nth-child(2) .input {
  width: 138px !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label.v5-filter-keyword {
  flex: 1 1 220px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label.v5-filter-keyword .input {
  width: 220px !important;
  flex: 1 1 auto;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-filter-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-filter-actions .btn,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-page-actions .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #425168 !important;
  font-size: 13px !important;
  font-weight: 400;
  white-space: nowrap;
  box-shadow: none !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-page-actions {
  display: flex !important;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-page-actions > button {
  width: auto !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-filter-actions .btn.primary,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-page-actions .btn.primary {
  border: 0 !important;
  background: linear-gradient(180deg, #163e98, #0f57b8) !important;
  color: #fff !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-record-detail {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-head {
  padding: 18px 19px 14px !important;
  border-bottom: 1px solid #e4e9f2 !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-head h2 {
  margin: 0 0 7px;
  color: #171b24;
  font-size: 17px;
  line-height: 1.3;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-head p {
  margin: 0;
  color: #7c8798;
  font-size: 12px;
  line-height: 1.45;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body {
  padding: 0 19px 17px !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-amount {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 17px 0;
  border-bottom: 1px solid #e7ebf2;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-amount span,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body dt {
  color: #7c8798;
  font-size: 12px;
  font-weight: 400;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-amount b {
  color: #1f5fa9;
  font-size: 25px;
  line-height: 1.2;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body dl {
  margin: 0;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body dl > div {
  padding: 14px 0;
  border-bottom: 1px solid #e7ebf2;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body dt {
  margin: 0 0 6px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body dd {
  margin: 0;
  color: #171b24;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 17px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-actions .btn {
  height: 34px;
  min-height: 34px;
  border: 1px solid #d8e0eb;
  border-radius: 5px;
  background: #fff;
  color: #425168;
  font-size: 13px;
  box-shadow: none;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-actions .btn.primary {
  border: 0;
  background: linear-gradient(180deg, #163e98, #0f57b8);
  color: #fff;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-ledger-footer {
  min-height: 58px;
  flex-basis: 58px;
  padding: 12px 20px 0;
  border-top: 1px solid #e4e9f2;
}

@media (max-width: 1500px) {
  #app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-record-detail {
    display: none;
  }
}

@media (max-width: 900px) {
  #app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-ledger-metrics {
    grid-template-columns: 1fr !important;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card {
    flex-wrap: wrap;
  }
}

@media (max-width: 1400px) {
  #app .project-workbench.upstream-contract-page.downstream-ledger-page .ledger-prototype-toolbar {
    flex-wrap: wrap;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card {
    flex: 1 1 100%;
    flex-wrap: wrap;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card .input {
    width: 92px !important;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label:nth-child(2) .input {
    width: 120px !important;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-filter-card label.v5-filter-keyword .input {
    width: 180px !important;
  }

  #app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-page-actions {
    margin-left: auto;
  }
}

/* 八个上下游台账统一卡片图标的占位、居中方式和图文间距。 */
#app .project-workbench.downstream-contract-page .downstream-contract-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .contract-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article {
  align-items: flex-start !important;
}

#app .project-workbench.downstream-contract-page .downstream-contract-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .contract-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics article > div,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics article > div {
  padding-top: 3px !important;
}

#app .project-workbench.downstream-ledger-page .contract-ledger-metrics article {
  padding-left: 20px !important;
  padding-right: 14px !important;
}

#app .project-workbench.downstream-contract-page .downstream-contract-ledger-metrics .v5-metric-icon,
#app .project-workbench.downstream-ledger-page .contract-ledger-metrics .v5-metric-icon,
#app .project-workbench.downstream-ledger-page .settlement-ledger-metrics .v5-metric-icon,
#app .project-workbench.downstream-ledger-page .invoice-ledger-metrics .v5-metric-icon,
#app .project-workbench.downstream-ledger-page .receipt-ledger-metrics .v5-metric-icon {
  box-sizing: border-box;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

/* 对上合同表头、分页和详情面板按对下合同台账的视觉规范统一。 */
#app .project-workbench.upstream-contract-page.downstream-ledger-page .business-record-table thead th {
  box-sizing: border-box;
  padding: 12px 10px !important;
  background: #f1f5fb !important;
  color: #3c4654 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-top: 0 !important;
  border-right: 1px solid #e5ebf3 !important;
  border-bottom: 1px solid #dfe6f0 !important;
  border-left: 0 !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .business-record-table thead th:last-child {
  border-right: 0 !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-ledger-footer {
  min-height: 64px !important;
  flex-basis: 64px !important;
  align-items: center !important;
  padding: 12px 20px !important;
  box-sizing: border-box;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-upstream-ledger-footer > span {
  margin-top: 0 !important;
  line-height: 36px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination {
  gap: 8px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination button,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination label {
  box-sizing: border-box;
  height: 36px;
  min-width: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5dfec;
  border-radius: 6px;
  background: #fff;
  color: #53627a;
  font: 13px/1 "Microsoft YaHei", sans-serif;
  white-space: nowrap;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination label {
  min-width: 90px;
  gap: 6px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination label span {
  flex: 0 0 auto;
  display: inline-grid;
  width: 10px;
  height: 10px;
  place-items: center;
  font-size: 10px;
  line-height: 1;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination button.active {
  border-color: #1769e8;
  color: #1769e8;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .v5-ledger-pagination button:disabled {
  color: #a5b1c1;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-record-detail {
  bottom: auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  align-self: start;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-body {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .contract-detail-actions {
  flex: 0 0 auto;
  margin-top: 17px !important;
}

/* 对上合同筛选栏直接复用对下合同的内容、尺寸与间距。 */
#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 12px 20px !important;
  border-bottom: 1px solid #e4e9f2;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-filter,
#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-filter > span {
  color: #7c8798;
  font-size: 13px;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-filter > i {
  color: #a1abb9;
  font-style: normal;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-filter .input {
  width: 104px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 9px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 5px !important;
  color: #425168 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

#app .project-workbench.upstream-contract-page.downstream-ledger-page .downstream-contract-ledger-filter .input:last-child {
  width: 220px !important;
}

/* 两个合同页面的操作图标使用同一尺寸、字重和图文间距。 */
#app .downstream-contract-ledger-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#app .ledger-action-icon {
  display: inline-grid;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-right: 6px;
  place-items: center;
  font-family: "Segoe MDL2 Assets";
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

#app .ledger-action-export::before {
  content: "\E896";
}

/* 导出按钮中的下载符号略小于按钮文字，保持图标与文字的视觉比例。 */
#app .ledger-action-export {
  width: 12px !important;
  height: 12px !important;
  flex-basis: 12px !important;
  margin-right: 5px !important;
  font-size: 12px !important;
}

#app .ledger-action-export::before {
  font-size: 12px !important;
  line-height: 12px !important;
}

/* 其他项目页面的导出动作沿用同一枚小型下载图标，避免把新增、查看等动作混在一起。 */
#app button[data-stamp-review-export],
#app button[data-tax-other-export],
#app button[data-tax-vat-transfer-export],
#app button[data-tax-prepayment-export],
#app button[data-project-deduction-export],
#app button[data-positive-adjustment-export],
#app button[data-management-fee-export],
#app button[data-guarantee-export],
#app button[data-partner-transaction-export],
#app button[data-planning-export] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#app button[data-stamp-review-export]::before,
#app button[data-tax-other-export]::before,
#app button[data-tax-vat-transfer-export]::before,
#app button[data-tax-prepayment-export]::before,
#app button[data-project-deduction-export]::before,
#app button[data-positive-adjustment-export]::before,
#app button[data-management-fee-export]::before,
#app button[data-guarantee-export]::before,
#app button[data-partner-transaction-export]::before,
#app button[data-planning-export]::before {
  content: "\E896";
  display: inline-block;
  margin-right: 5px;
  font-family: "Segoe MDL2 Assets";
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

#app .project-batch-export-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 合同指标卡片复用左侧导航的 SVG 线性图标，保留原有彩色卡片底色。 */
#app .project-workbench .v5-metric-icon.v5-metric-nav-icon {
  font-family: inherit !important;
}

#app .project-workbench .v5-metric-icon.v5-metric-nav-icon::before {
  content: none !important;
  display: none !important;
}

#app .project-workbench .v5-metric-icon.v5-metric-nav-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 公司代项目预缴税费汇总表复用对下合同的卡片与表格视觉规范。 */
#app .project-workbench .v5-metric-blue .v5-metric-nav-icon {
  color: #1769e8 !important;
}

#app .project-workbench .v5-metric-blue .v5-metric-nav-icon svg {
  stroke: #1769e8 !important;
}

#app .project-workbench .v5-metric-green .v5-metric-nav-icon {
  color: #11a675 !important;
}

#app .project-workbench .v5-metric-green .v5-metric-nav-icon svg {
  stroke: #11a675 !important;
}

#app .project-workbench .v5-metric-purple .v5-metric-nav-icon {
  color: #7954dd !important;
}

#app .project-workbench .v5-metric-purple .v5-metric-nav-icon svg {
  stroke: #7954dd !important;
}

#app .project-workbench .v5-metric-orange .v5-metric-nav-icon {
  color: #f07816 !important;
}

#app .project-workbench .v5-metric-orange .v5-metric-nav-icon svg {
  stroke: #f07816 !important;
}

#app .project-workbench .v5-metric-icon.v5-metric-nav-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-page {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger {
  min-width: 0;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #dbe5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px #1949800d !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table {
  max-height: none !important;
  margin: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table table {
  width: 100%;
  min-width: 760px;
  table-layout: fixed;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table th {
  padding: 12px 10px !important;
  border-top: 0 !important;
  border-right: 1px solid #e5ebf3 !important;
  border-bottom: 1px solid #dfe6f0 !important;
  border-left: 0 !important;
  background: #f1f5fb !important;
  color: #3c4654 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
  vertical-align: middle;
  white-space: nowrap;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table td {
  padding: 13px 10px !important;
  border-top: 1px solid #edf0f5 !important;
  border-right: 1px solid #edf1f6 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  color: #171b24 !important;
  font-size: 13px !important;
  line-height: 1.45;
  white-space: nowrap;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table th:last-child,
#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table td:last-child {
  border-right: 0 !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table th:first-child,
#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table td:first-child,
#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .cell-center,
#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-row-actions {
  text-align: center !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .cell-money {
  text-align: right !important;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-total-row td {
  padding: 12px 10px !important;
  border-top: 2px solid #afc8e9 !important;
  background: #eef5ff !important;
  color: #171b24 !important;
  font-weight: 700;
}

#app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-row-actions .text-btn {
  white-space: nowrap;
}

@media (max-width: 1250px) {
  #app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table th,
  #app .project-workbench.tax-prepayment-page .tax-company-prepayment-ledger .business-record-table td {
    font-size: 12px !important;
  }
}