/* Exported from workspace document styles. */
*{box-sizing:border-box}body{font:12px/1.4 Arial,sans-serif;--line:#dce1e8;--ink:#172033;--muted:#727b8c}
.pi-authorized-seal.invoice-round-seal {
  width: 116px;
  height: 116px;
  max-height: none;
}
.pi-second-page-seal .pi-authorized-seal.invoice-round-seal {
  width: 116px;
  height: 116px;
  max-height: none;
}
.excel-seal .ci-invoice-seal {
  width: 150px;
  height: 150px;
}
.pl-seal-slot {
  display: grid;
  min-height: 118px;
  place-items: center;
}
.pl-shipping-seal {
  width: 60mm;
  height: 25mm;
  max-width: none;
  max-height: none;
}
.dashboard-overview-table .num {
  text-align: right;
}
.dashboard-table .num {
  text-align: right;
  white-space: nowrap;
}
.pi-payment-overview {
  padding: 14px 18px 16px;
  border-bottom: 1px solid var(--line);
  background: #fbfbfd;
}
.pi-payment-overview-title {
  display: block;
  margin-bottom: 14px;
  color: #5d6780;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}
.pi-payment-overview-items {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, 1fr) 1.15fr;
  align-items: center;
}
.pi-payment-overview-items > div {
  position: relative;
  min-width: 0;
  padding: 0 22px;
}
.pi-payment-overview-items > div:first-child {
  padding-left: 0;
}
.pi-payment-overview-items > div + div::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d9d9de;
  content: "";
  transform: translate(-50%, -50%);
}
.pi-payment-overview-items span,
.pi-payment-overview-items strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pi-payment-overview-items span {
  color: #47516a;
  font-size: 12px;
  font-weight: 400;
}
.pi-payment-overview-items strong {
  margin-top: 7px;
  color: #0c1424;
  font-size: 15px;
  font-weight: 600;
}
.pi-payment-overview + .module-overview-table-wrap {
  max-height: calc(100vh - 345px);
}
.module-overview-table .num {
  text-align: right;
}
#items .item-overview-panel,
#brands .brand-overview-panel,
#pi .pi-overview-panel,
#sc .module-overview-panel,
#ci .module-overview-panel,
#pl .module-overview-panel,
#logistics .shipping-overview-panel {
  border: 0;
  border-radius: 0;
}
.ci-finance-section {
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid #cfdcf4;
  border-radius: 8px;
  background: #f7faff;
}
.ci-finance-template-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.ci-finance-template-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.ci-finance-template-head strong,
.ci-finance-template-head span {
  display: block;
}
.ci-finance-template-head strong {
  font-size: 15px;
}
.ci-finance-template-head span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.ci-finance-template-head > b {
  padding: 5px 8px;
  border-radius: 5px;
  background: #e7efff;
  color: var(--blue-dark);
  font-size: 11px;
}
.ci-finance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.ci-finance-grid .wide {
  grid-column: 1 / -1;
}
.ci-finance-grid input[readonly] {
  background: #eef1f6;
  color: #475467;
}
.ci-finance-live-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.ci-finance-live-summary div {
  padding: 10px 12px;
  border: 1px solid #d9e2f2;
  border-radius: 6px;
  background: #fff;
}
.ci-finance-live-summary span,
.ci-finance-live-summary strong {
  display: block;
}
.ci-finance-live-summary span {
  color: var(--muted);
  font-size: 10px;
}
.ci-finance-live-summary strong {
  margin-top: 4px;
  font-size: 14px;
}
.ci-finance-live-summary small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
}
.ci-edit-table input {
  min-width: 92px;
}
.ci-edit-table input[readonly] {
  border-color: #d9e2f2;
  background: #f5f7fb;
  color: #667085;
}
.ci-edit-table .ci-item-image-column,
.ci-edit-table .ci-item-image-cell {
  width: 72px;
  min-width: 72px;
  text-align: center;
}
.ci-edit-table .ci-item-image-cell .pl-item-photo-upload-preview {
  margin: 0 auto;
}
.ci-item-table-card {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.ci-item-table-actions {
  gap: 7px;
}
.ci-item-table-actions .table-row-action {
  min-width: 0;
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 8px;
  font-size: 12px;
}
.ci-item-table-actions .table-row-delete-action {
  border-color: #d9dfeb;
  background: #fff;
  color: #d92d20;
}
.ci-item-table-actions .table-row-add-action {
  border-color: var(--action-blue);
  background: var(--action-blue);
  color: #fff;
}
.ci-item-table-card .ci-item-photo-upload .pl-item-photo-upload-preview {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  border: 1px dashed var(--action-blue);
  border-radius: 6px;
  background: #f9fbff;
}
.ci-item-table-card .ci-item-photo-upload .pl-item-photo-placeholder {
  width: 100%;
  height: 100%;
}
.ci-item-table-card .ci-item-photo-upload .pl-item-photo-upload-badge {
  display: none;
}
.pi-item-footer.ci-item-footer {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
  border-top: 1px solid #e1e6ef;
}
.ci-finance-entry-summary {
  width: 100%;
  max-width: 400px;
  justify-self: end;
}
.pi-entry-summary.ci-finance-entry-summary > div {
  grid-template-columns: minmax(150px, 1fr) 120px;
  gap: 10px;
}
.ci-item-footer-copy {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 8px 2px;
}
.ci-item-footer-copy strong {
  color: #172033;
  font-size: 13px;
}
.ci-item-footer-copy small,
.ci-finance-summary-row span small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}
.ci-item-footer-copy small {
  max-width: 420px;
  line-height: 1.5;
}
.ci-finance-summary-row span small {
  display: block;
  margin-top: 2px;
}
.ci-finance-entry-summary input {
  width: 120px;
  justify-self: end;
}
.ci-item-row-action-cell {
  width: 42px;
  min-width: 42px;
  text-align: center;
}
.ci-item-row-edit {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d6deeb;
  border-radius: 6px;
  background: #fff;
  color: #52627a;
}
.ci-item-row-edit svg {
  width: 14px;
  height: 14px;
}
.ci-item-row-edit:hover,
.ci-item-row-edit[aria-pressed="true"] {
  border-color: var(--action-blue);
  background: #edf4ff;
  color: var(--action-blue);
}
.ci-item-photo-upload:has([data-ci-item-file]:disabled) {
  cursor: default;
  opacity: .82;
}
.ci-item-photo-upload:has([data-ci-item-file]:disabled) .pl-item-photo-upload-badge {
  display: none;
}
.ci-finance-amount-card input {
  width: 100%;
  margin-top: 4px;
}
.ci-manual-finance-edit {
  flex: 0 0 auto;
  color: #fff;
  border-color: var(--action-blue);
  background: var(--action-blue);
}
.ci-manual-finance-edit:hover {
  background: var(--action-blue);
}
.ci-reset-finance {
  flex: 0 0 auto;
}
.ci-inherited-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.ci-inherited-summary div {
  padding: 10px 12px;
  border: 1px solid #d9e2f2;
  border-radius: 6px;
  background: #fff;
}
.ci-inherited-summary span,
.ci-inherited-summary strong {
  display: block;
}
.ci-inherited-summary span {
  color: var(--muted);
  font-size: 10px;
}
.ci-inherited-summary strong {
  margin-top: 4px;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ci-actual-received-field {
  max-width: 460px;
}
.ci-actual-received-field input {
  border-color: var(--action-blue);
  background: #fff;
  font-size: 18px;
  font-weight: 800;
}
.ci-auto-note {
  margin-top: 14px;
  padding: 11px 12px;
  border-left: 3px solid var(--blue);
  background: #fff;
}
.ci-auto-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
}
.ci-auto-note p {
  margin: 0;
  color: #475467;
  font-size: 12px;
  line-height: 1.45;
}
.document-edit-head,
.pl-edit-table {
  min-width: 1120px;
}
.pl-inherited-cell {
  position: relative;
  min-width: 150px;
  background: #f8faff;
}
.pl-inherited-cell strong,
.pl-inherited-cell small {
  display: block;
}
.pl-inherited-cell small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.pl-inherited-cell em {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #e5eeff;
  color: var(--blue-dark);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}
.customer-transaction-table .num {
  text-align: right;
}
.payment-overview-table col.payment-bill-column { width: 8%; }
.payment-entry-table .num {
  text-align: right;
}
.pl-party-grid.pl-consignee-only {
  grid-template-columns: 1fr;
}
.finance-table .num {
  text-align: right;
  white-space: nowrap;
}
.pi-item-table-card {
  border-radius: 9px;
  background: #fff;
}
.pi-item-table-card .table-head {
  min-height: 52px;
  padding: 10px 14px;
  background: #fafbfe;
}
.pi-item-table-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pi-delete-row-action {
  color: #b42318;
}
.pi-delete-row-action:hover {
  border-color: #fecaca;
  background: #fff1f2;
  color: #b42318;
}
.pi-item-table-card .table-head > div strong,
.pi-item-table-card .table-head > div small {
  display: block;
}
.pi-item-table-card .table-head > div strong {
  font-size: 14px;
}
.pi-item-table-card .table-head > div small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}
.pi-item-entry-table {
  min-width: 1120px;
}
.pi-item-entry-table :is(th, td).pi-row-drag-column {
  width: 28px;
  min-width: 28px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.pi-item-entry-table th {
  padding: 9px 10px;
  background: #fff;
  color: #4b5565;
  font-size: 9px;
  text-transform: uppercase;
}
.pi-item-entry-table td {
  padding: 10px;
  vertical-align: top;
}
.pi-item-entry-table th:first-child,
.pi-item-entry-table td:first-child {
  width: 84px;
}
.pi-item-entry-table .pi-item-image-column,
.pi-item-entry-table .pi-item-image-cell {
  width: 84px;
  min-width: 84px;
  text-align: center;
}
.pi-item-entry-table .pi-item-name-cell {
  width: 190px;
  min-width: 190px;
}
.pi-item-entry-table .pi-item-description-cell {
  width: 230px;
  min-width: 230px;
}
.pi-item-entry-table .pi-item-note-cell {
  width: 170px;
  min-width: 170px;
}
.pi-item-entry-table th:nth-child(4),
.pi-item-entry-table td:nth-child(4) {
  width: 86px;
  min-width: 86px;
}
.pi-item-entry-table th:nth-child(5),
.pi-item-entry-table td:nth-child(5),
.pi-item-entry-table th:nth-child(6),
.pi-item-entry-table td:nth-child(6) {
  width: 104px;
  min-width: 104px;
}
.pi-item-entry-table th:nth-child(7),
.pi-item-entry-table td:nth-child(7) {
  width: 118px;
  min-width: 118px;
}
.pi-item-image-cell .item-photo-control {
  margin: 0 auto;
}
.pi-item-entry-table tbody td {
  vertical-align: middle;
}
.pi-item-image-cell .item-photo-control,
.pi-item-image-cell .item-photo-picker {
  width: 52px;
  min-width: 52px;
  justify-items: center;
}
.pi-item-image-cell .item-photo-control button.item-photo-tile {
  width: 50px;
  height: 50px;
}
.pi-item-image-cell .item-photo-control button.item-photo-tile .item-photo-placeholder svg {
  width: 16px;
  height: 16px;
}
.pi-item-entry-table .pi-item-amount {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  vertical-align: middle;
}
.pi-item-entry-table .pi-item-delete {
  display: grid;
  margin: 0 auto;
  place-items: center;
}
.pi-item-entry-table td input,
.pi-item-entry-table td select {
  min-width: 0;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 11px;
}
.pi-item-details-cell {
  vertical-align: top;
}
.pi-item-details-layout {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pi-item-details-cell .item-photo-control {
  width: 66px;
  flex: 0 0 66px;
}
.pi-item-details-cell .item-photo-control img,
.pi-item-details-cell .item-photo-control > span {
  width: 54px;
  height: 42px;
  font-size: 9px;
}
.pi-item-details-cell .item-photo-control label,
.pi-item-details-cell .item-photo-control button {
  padding: 3px 6px;
  font-size: 9px;
}
.pi-item-fields {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(120px, .8fr) minmax(160px, 1.2fr);
  gap: 6px;
}
.pi-item-fields .item-library-select,
.pi-item-fields .item-library-link {
  grid-column: 1 / -1;
  min-height: 30px;
  margin: 0;
  padding: 5px 7px;
  font-size: 10px;
}
.pi-item-amount {
  padding-top: 18px !important;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}
.pi-item-delete {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #dc2626;
  font-size: 18px;
  line-height: 1;
}
.pi-item-delete:hover {
  background: #fff1f2;
}
.pi-item-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
  gap: 28px;
  padding: 16px 14px;
  background: #fff;
}
.pi-customer-notes {
  align-self: end;
  font-size: 11px;
}
.pi-customer-notes textarea {
  min-height: 66px;
  padding: 8px 9px;
  font-size: 11px;
}
.pi-customer-notes small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 400;
}
.pi-entry-summary {
  overflow: hidden;
  border-radius: 8px;
  background: #f8f9fc;
}
.pi-entry-summary > div,
.pi-entry-summary > label {
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(110px, 1fr) 150px;
  align-items: center;
  gap: 14px;
  padding: 7px 12px;
  border-bottom: 1px solid #eaedf3;
}
.pi-entry-summary span {
  color: #344054;
  font-size: 11px;
  font-weight: 500;
}
.pi-entry-summary strong {
  text-align: right;
  font-size: 12px;
}
.pi-entry-summary input {
  min-height: 30px;
  padding: 5px 8px;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
.pi-entry-summary input[type="number"] {
  appearance: textfield;
}
.pi-entry-summary input[type="number"]::-webkit-inner-spin-button,
.pi-entry-summary input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}
.pi-entry-summary .pi-entry-total {
  min-height: 50px;
  border: 0;
  background: #f2f4f8;
}
.pi-entry-summary .pi-entry-total span,
.pi-entry-summary .pi-entry-total strong {
  font-size: 15px;
  font-weight: 900;
}
body.ci-editor-mode #quote .editor-summary-subtotal,
body.ci-editor-mode #quote .editor-summary-discount,
body.ci-editor-mode #quote .editor-summary-balance {
  display: none;
}
body.ci-editor-mode #quote .pi-entry-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #eaedf3;
}
body.ci-editor-mode #quote .pi-entry-summary > label,
body.ci-editor-mode #quote .pi-entry-summary > .pi-entry-total {
  min-height: 56px;
  border: 0;
  background: #f8f9fc;
}
body.ci-editor-mode #quote .pi-entry-summary > .pi-entry-total {
  order: -1;
}
.sc-pi-style-editor .linked-pi-editor-flow {
  display: grid;
  gap: 16px;
}
.sc-pi-style-editor .sc-item-table-card {
  padding: 0;
  overflow: hidden;
}
.sc-pi-style-editor .sc-item-table-card > .table-head {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #e1e6ef;
}
.sc-pi-style-editor .sc-item-entry-table {
  min-width: 1120px;
}
.sc-pi-style-editor .sc-item-entry-table .pi-item-amount {
  color: #07142d;
  font-weight: 700;
  white-space: nowrap;
}
.sc-pi-style-editor .sc-item-photo-upload .pl-item-photo-upload-preview {
  width: 52px;
  height: 52px;
  border: 1px dashed var(--action-blue);
  border-radius: 6px;
  background: #f9fbff;
}
.sc-pi-style-editor .sc-item-photo-upload .pl-item-photo-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #60708b;
}
.sc-pi-style-editor .sc-item-photo-upload .pl-item-photo-upload-badge {
  display: none;
}
.sc-pi-style-editor .pi-item-footer {
  border-top: 1px solid #e1e6ef;
}
.pi-header-info-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(42px, 7vw, 110px);
  row-gap: 22px;
  align-items: start;
  padding: 24px 28px 28px;
  border-bottom: 1px solid #e4e8ef;
}
.pi-text-panel {
  border: 0;
  border-radius: 0;
  background: transparent;
}
.pi-header-info-row .company-snapshot,
.pi-header-info-row .document-info-list {
  min-height: 0;
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.pi-header-info-row .document-info-list {
  align-content: start;
}
.pi-header-info-row .document-info-list .editor-section-head {
  padding: 0 0 12px;
  border: 0;
}
.pi-header-info-row .document-brand-row {
  display: none;
}
.pi-header-info-row .auto-generated-details {
  padding: 0;
}
.pi-header-info-row .editor-section-head > span,
.pi-header-info-row .editor-section-head small,
.pi-header-info-row .auto-generated-badge {
  display: none;
}
.pi-header-info-row .editor-section-head {
  min-height: auto;
}
.pi-editor-section {
  scroll-margin-top: 90px;
}
.pi-party-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(42px, 7vw, 110px);
  row-gap: 18px;
}
.pi-party-grid label {
  display: grid;
  align-content: start;
  gap: 8px;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}
.pi-party-grid textarea {
  min-height: 170px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #06142f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.65;
  resize: vertical;
  box-shadow: none;
}
.pi-party-grid textarea:focus {
  outline: 2px solid rgba(63, 70, 244, .14);
  outline-offset: 4px;
}
#quote .pi-header-info-row .company-snapshot span {
  display: block;
  margin-bottom: 12px;
  color: #06142f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
#quote .pi-header-info-row .document-info-list .editor-section-head strong,
#quote .pi-client-section .editor-section-head strong {
  color: #06142f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
#quote .pi-header-info-row .company-snapshot strong {
  display: block;
  max-width: 420px;
  min-height: 29px;
  margin: 0;
  padding: 4px 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#quote .pi-header-info-row .company-snapshot p {
  display: grid;
  grid-auto-rows: 29px;
  gap: 0;
  margin: 0;
  max-width: 420px;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#quote .pi-header-info-row .company-snapshot p span {
  display: block;
  min-height: 29px;
  margin: 0;
  padding: 4px 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#quote .pi-header-info-row .company-snapshot .company-snapshot-unit {
  white-space: nowrap;
}
#quote .pi-header-info-row .document-brand-row,
#quote .pi-header-info-row .auto-generated-detail-row {
  display: grid;
  grid-template-columns: minmax(130px, 44%) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 29px;
  padding: 4px 0;
  border: 0;
}
#quote .pi-header-info-row .document-brand-row {
  display: none !important;
}
#quote .pi-header-info-row .document-brand-row > span,
#quote .pi-header-info-row .auto-generated-detail-row > span {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#quote .pi-header-info-row .document-brand-row select {
  max-width: 260px;
  min-height: 34px;
  padding: 6px 9px;
  font-size: 13px;
}
#quote .pi-header-info-row .auto-generated-detail-row > strong {
  color: #06142f;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
#quote .pi-client-section {
  margin-top: 0;
  padding: 24px 28px 28px;
  border: 0;
  border-bottom: 1px solid #e4e8ef;
  border-radius: 0;
  background: transparent;
}
#quote .pi-client-section .editor-section-head {
  padding: 0;
  border: 0;
}
#quote .pi-client-section .editor-section-head > span,
#quote .pi-client-section .editor-section-head small {
  display: none;
}
#quote .pi-client-section .customer-search-field {
  margin-top: 14px;
}
#quote .pi-client-section .pi-party-grid {
  margin-top: 18px;
}
#quote .pi-client-section .pi-party-grid label {
  color: #1f2937;
  font-size: 15px;
  font-weight: 700;
}
#quote .pi-client-section .pi-party-grid textarea {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.excel-doc {
  position: relative;
  min-height: 820px;
  padding: 64px 54px 46px;
  color: #151515;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.35;
  background: #fff;
}
.document:has(.pi-doc) {
  width: 794px;
  min-height: 0;
  background: transparent;
  box-shadow: none;
}
.live-preview-body .document:has(.pi-doc) {
  width: 794px;
  min-height: 0;
  margin: 0 auto;
  transform: none;
  zoom: var(--live-preview-zoom, .58);
}
.pi-doc {
  --document-body-size: 10px;
  --document-line-height: 1.35;
  --document-section-gap: 10px;
  page: piPortrait;
  min-height: 0;
  display: grid;
  gap: 24px;
  padding: 0;
  font-size: var(--document-body-size);
  line-height: var(--document-line-height);
  background: transparent;
}
.pi-page {
  position: relative;
  width: var(--preview-paper-width, 210mm);
  min-height: var(--preview-paper-height, 297mm);
  height: var(--preview-paper-height, 297mm);
  box-sizing: border-box;
  padding: 72px 42px 38px;
  overflow: visible;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .18);
}
.pi-document-with-flow-terms .pi-page {
  height: var(--preview-paper-height, 297mm);
  overflow: hidden;
}
.pi-term-list > div {
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-term-list > div > p {
  margin-top: 0;
}
.pi-doc .excel-title {
  top: 90px;
  right: 42px;
  font-size: 24px;
}
.pi-doc.pi-template-classic .excel-title {
  width: 250px;
  max-width: 250px;
  box-sizing: border-box;
  right: var(--document-margin-right, 42px);
  text-align: center;
}
.pi-doc .pi-page > :is(.excel-header, .party-grid, .trade-line, .excel-table, .pi-terms-flow-block, .pi-terms-page-block) {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.pi-doc .company-block,
.pi-doc .right-code,
.pi-doc .party-grid,
.pi-doc .trade-line,
.pi-doc .excel-table,
.pi-doc .doc-footer {
  font-size: var(--document-body-size);
  line-height: var(--document-line-height);
}
.pi-doc .excel-header {
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 34px;
  margin-top: 64px;
}
.pi-doc.pi-template-classic .excel-header {
  grid-template-areas: "company code";
}
.pi-doc.pi-template-classic .excel-header > .company-block {
  grid-area: company;
  justify-self: start;
  width: 100%;
  min-width: 0;
  text-align: left;
}
.pi-doc.pi-template-classic .excel-header > .right-code {
  grid-area: code;
  justify-self: stretch;
  min-width: 0;
}
.pi-doc .invoice-company-identity {
  position: relative;
  display: block;
}
.pi-doc .invoice-company-identity > div {
  gap: 2px;
}
.pi-doc .invoice-company-identity strong {
  font-size: 11px;
  font-style: italic;
}
.pi-doc .invoice-company-identity em {
  font-style: italic;
}
.pi-doc .invoice-brand-logo {
  position: absolute;
  top: -64px;
  left: 0;
  width: 48px;
  height: 48px;
  object-position: left center;
}
.pi-doc .invoice-brand-logo.logo-bottom-artboard {
  object-fit: cover;
  object-position: center bottom;
}
.pi-doc .template-company-identity .template-logo-placeholder {
  position: absolute;
  top: -64px;
  left: 0;
  display: grid;
  width: 72px;
  height: 48px;
  place-items: center;
  border: 0;
  border-radius: 0;
  color: #667085;
  font-size: 8px;
  font-style: normal;
  text-align: center;
}
.pi-doc .template-company-identity .template-library-logo {
  top: -74px;
  width: 90px;
  height: 70px;
  padding: 0;
  border: 0;
  background: transparent;
  object-fit: cover;
}
.pi-doc .template-seal-placeholder {
  display: grid;
  width: 96px;
  min-height: 54px;
  place-items: center;
  border: 1px dashed #9aa3b4;
  border-radius: 50%;
  color: #667085;
  font-size: 8px;
  text-align: center;
}
.pi-doc .right-code {
  width: 100%;
  box-sizing: border-box;
  padding: 3px 0;
  background: transparent;
}
.pi-doc .right-code div {
  grid-template-columns: 92px 1fr;
  min-height: 17px;
}
.pi-doc .right-code b {
  color: #000;
  font-weight: 700;
}
.pi-doc .party-grid {
  gap: 50px;
  margin-top: 10px;
  padding: 5px 2px;
}
.pi-doc .party-block {
  gap: 2px;
  min-height: 62px;
  line-height: 1.1;
}
.pi-doc .party-block strong {
  font-size: 10px;
}
.pi-doc .trade-line {
  gap: 34px;
  min-height: 43px;
  border-bottom-width: 1px;
}
.pi-doc .trade-details-line {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-height: 48px;
}
.pi-doc .trade-details-line > div {
  display: grid;
  min-width: 0;
  gap: 2px;
  align-content: center;
  text-align: left;
}
.pi-doc .trade-details-line > div:last-child {
  text-align: left;
}
.pi-doc .trade-details-line strong,
.pi-doc .trade-details-line span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.pi-doc .trade-details-line strong {
  color: #667085;
  font-size: 9px;
}
.pi-doc .trade-details-line span {
  color: #111827;
  font-size: 10px;
  font-weight: 600;
}
.pi-doc .excel-table {
  width: 100%;
  box-sizing: border-box;
  font-size: 10px;
}
.pi-doc .excel-table th,
.pi-doc .excel-table td {
  padding: 3px;
}
.pi-doc .excel-table th {
  font-size: 10px;
}
.pi-doc .excel-table td {
  height: 34px;
}
.pl-doc .pl-document-table td {
  vertical-align: middle;
  overflow-wrap: anywhere;
}
.pl-doc .pl-document-table th {
  font-size: 8.5px;
  line-height: 1.2;
}
.pl-doc .pl-document-table td:nth-child(n+3) {
  font-size: 9px;
}
.pl-doc .pl-total-row td {
  height: 28px;
  background: #f0f0f0;
  font-weight: 800;
}
.pl-doc .pl-document-footer {
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 20px;
  margin-top: 12px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.pl-doc .doc-box {
  min-height: 72px;
  padding: 8px;
  border-color: #777;
  line-height: var(--document-line-height);
}
.pl-doc .doc-box h4 {
  margin: 0 0 5px;
  font-size: var(--document-body-size);
}
.pl-doc .pl-seal-slot {
  min-height: 72px;
}
.pl-doc .pl-shipping-seal {
  width: 190px;
  height: 86px;
}
.pi-doc .pi-table th:nth-child(1),
.pi-doc .pi-table td:nth-child(1) {
  width: 48px;
}
.pi-doc .pi-table th:nth-child(2),
.pi-doc .pi-table td:nth-child(2) {
  width: 72px;
}
.pi-doc .pi-table th:nth-child(3),
.pi-doc .pi-table td:nth-child(3) {
  width: 52px;
}
.pi-doc .pi-table th:nth-child(4),
.pi-doc .pi-table td:nth-child(4) {
  width: 216px;
}
.pi-doc .pi-table th:nth-child(5),
.pi-doc .pi-table td:nth-child(5) {
  width: 44px;
}
.pi-doc .pi-table th:nth-child(6),
.pi-doc .pi-table td:nth-child(6) {
  width: 46px;
}
.pi-doc .pi-table th:nth-child(7),
.pi-doc .pi-table td:nth-child(7) {
  width: 72px;
}
.pi-doc .pi-table th:nth-child(8),
.pi-doc .pi-table td:nth-child(8) {
  width: 78px;
}
.pi-doc .pi-table th:nth-child(9),
.pi-doc .pi-table td:nth-child(9) {
  width: 70px;
}
.pi-doc .pi-table .pi-document-image-column,
.pi-doc .pi-table .pi-document-image-cell,
.pi-doc .pi-table .pi-document-unit-column,
.pi-doc .pi-table .pi-document-unit-cell {
  text-align: center;
}
.pi-doc .doc-item-photo {
  width: 34px;
  height: 34px;
}
.pi-mid-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 20px;
  align-items: start;
}
.pi-mid-section .pi-total {
  display: block;
  margin: 0;
}
.pi-mid-section .pi-total td {
  padding: 2px 4px;
}
.pi-mid-section .pi-total .total-row td,
.pi-mid-section .pi-total .deposit-row td,
.pi-mid-section .pi-total .balance-row td {
  background: #f0f0f0;
  color: #000;
  font-weight: 800;
}
.pi-packing-marks {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  min-height: 84px;
  padding-top: 8px;
}
.pi-packing-marks figure {
  width: 110px;
  margin: 0;
  text-align: center;
}
.pi-packing-marks img {
  width: 100%;
  height: 80px;
  object-fit: contain;
}
.pi-bank-and-seal {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-top: 8px;
}
.pi-bank-and-seal .bank-block {
  width: 100%;
  min-width: 0;
  margin-top: 0;
}
.pi-bank-and-seal .bank-block > strong {
  margin-bottom: 7px;
}
.pi-bank-and-seal .bank-block p {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 4px;
}
.pi-bank-and-seal .bank-block p span,
.pi-bank-and-seal .bank-block p b {
  font-weight: 400;
}
.pi-bank-and-seal .bank-block p b { white-space: nowrap; }
.pi-authorized-seal {
  width: 210px;
  max-height: 90px;
  object-fit: contain;
  transform: rotate(2deg);
}
.pi-bank-and-seal > .pi-authorized-seal {
  margin-top: 12px;
}
.pi-text-seal {
  min-height: 72px;
  display: grid;
  align-content: center;
  border: 2px solid var(--action-blue);
  color: var(--action-blue);
  padding: 8px;
  text-align: center;
  font-weight: 800;
}
.pi-text-seal span {
  margin-top: 10px;
  text-align: right;
  font-size: 9px;
}
.pi-doc .terms-block {
  margin-top: 12px;
  font-size: 9px;
  line-height: 1.32;
}
.pi-doc .terms-block > strong {
  margin-bottom: 6px;
  font-size: 8px;
}
.pi-doc .terms-block p {
  margin-bottom: 4px;
}
.pi-doc .terms-block p b,
.pi-doc .terms-block p span,
.pi-terms-continuation p b,
.pi-terms-continuation p span {
  display: block;
}
.pi-doc .terms-block .payment-term {
  color: #000;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}
.pi-balance-note {
  margin: 6px 0 0;
  font-size: 8.5px;
  line-height: 1.35;
}
.pi-balance-note b {
  color: #000;
}
.pi-continuation-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid #262626;
}
.pi-continuation-head > div {
  display: grid;
  gap: 4px;
}
.pi-continuation-head > div:last-child {
  justify-items: end;
  text-align: right;
}
.pi-continuation-head strong,
.pi-continuation-head b {
  font-size: 14px;
}
.pi-continuation-head span,
.pi-continuation-head small {
  color: #4b5563;
  font-size: 10px;
}
.pi-doc .pi-terms-page-block {
  margin-top: 30px;
  font-size: 11px;
  line-height: 1.5;
}
.pi-doc .pi-terms-page-block > strong {
  display: block;
  margin-bottom: 14px;
  font-size: 12px;
}
.pi-doc .pi-terms-page-block p {
  margin-bottom: 10px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-doc .pi-terms-page-block .payment-term {
  font-size: 12px;
}
.pi-doc .pi-terms-flow-block {
  margin-top: 16px;
  font-size: 10.5px;
  line-height: 1.45;
}
.pi-doc .pi-terms-flow-block > strong {
  display: block;
  margin-bottom: 8px;
  font-size: 11.5px;
}
.pi-doc .pi-terms-flow-block p {
  margin-bottom: 7px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-doc .pi-terms-flow-block .payment-term {
  color: #e11d2e;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}
.pi-doc .pi-terms-flow-block .payment-term > b,
.pi-doc .pi-terms-page-block .payment-term > b {
  color: #111;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 500;
}
.pi-doc .pi-terms-flow-block .payment-term > span,
.pi-doc .pi-terms-page-block .payment-term > span {
  color: #e11d2e;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}
.pi-doc .pi-term-duration {
  color: inherit;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 1px;
}
.pi-doc .pi-term-customer {
  color: #e11d2e;
  font-style: normal;
  font-weight: 600;
}
.pi-mid-section,
.pi-bank-and-seal,
.pi-balance-note {
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-terms-page-seal {
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
}
.pi-page-number {
  position: absolute;
  right: 42px;
  bottom: 18px;
  color: #6b7280;
  font-size: 9px;
}
.pi-terms-continuation {
  color: #151515;
  font-size: 10px;
  line-height: 1.45;
}
.pi-terms-continuation p {
  margin: 0 0 6px;
}
.pi-terms-continuation .term-continuation {
  margin-bottom: 8px;
}
.pi-terms-continuation .page-two-first-line b {
  display: inline;
}
.pi-terms-continuation .payment-term {
  color: #000;
  font-style: italic;
  font-weight: 800;
}
.pi-second-page-seal {
  position: absolute;
  top: 150px;
  right: 42px;
}
.pi-second-page-seal .pi-authorized-seal {
  width: 210px;
  max-height: 96px;
}
.excel-title {
  position: absolute;
  top: 26px;
  right: 54px;
  max-width: 520px;
  overflow: hidden;
  color: #3a3a3a;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.excel-header {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 42px;
  align-items: start;
  margin-top: 18px;
}
.company-block {
  display: grid;
  gap: 4px;
}
.invoice-company-identity {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.invoice-company-identity > div {
  display: grid;
  gap: 4px;
}
.right-code {
  background: #f0f0f0;
  padding: 2px 0;
}
.right-code div {
  display: grid;
  grid-template-columns: 138px 1fr;
  min-height: 20px;
}
.right-code span {
  padding-left: 4px;
  font-weight: 800;
}
.right-code b {
  padding-right: 4px;
  font-weight: 400;
  text-align: right;
}
.party-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #777;
  margin-top: 38px;
  padding: 6px 0 5px;
}
.party-block {
  display: grid;
  gap: 3px;
  min-height: 104px;
}
.party-block strong {
  font-size: 15px;
}
.trade-line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
  align-items: center;
  min-height: 54px;
  border-bottom: 2px solid #777;
}
.trade-line div:last-child {
  text-align: center;
}
.excel-table {
  table-layout: fixed;
  margin-top: 0;
  font-size: 14px;
}
.excel-table th,
.excel-table td {
  border: 0;
  border-bottom: 1px solid #8b8b8b;
  padding: 7px 4px;
  color: #151515;
  vertical-align: middle;
}
.excel-table th {
  background: #f0f0f0;
  color: #151515;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
}
.excel-table td {
  height: 28px;
}
.doc-item-photo {
  width: 54px;
  height: 42px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.excel-table .num,
.pi-total td:last-child,
.ci-total td:last-child {
  text-align: right;
}
.pi-table th:nth-child(1),
.pi-table td:nth-child(1),
.ci-table th:nth-child(1),
.ci-table td:nth-child(1) {
  width: 58px;
}
.pi-table th:nth-child(3),
.pi-table td:nth-child(3),
.ci-table th:nth-child(3),
.ci-table td:nth-child(3) {
  width: 76px;
}
.pi-table th:nth-child(4),
.pi-table td:nth-child(4) {
  width: 360px;
}
.ci-table th:nth-child(4),
.ci-table td:nth-child(4) {
  width: 190px;
}
.pi-total {
  display: grid;
  grid-template-columns: 1fr 380px;
  margin-top: 0;
}
.pi-total table,
.ci-total table {
  border-collapse: collapse;
  width: 100%;
}
.pi-total td,
.ci-total td {
  border: 0;
  padding: 6px 4px;
}
.pi-total .total-row td,
.ci-total .total-row td {
  background: #f0f0f0;
  font-weight: 800;
}
.ci-total {
  width: 460px;
  margin: 8px 96px 0 auto;
}
.pi-doc .ci-total {
  width: 250px;
  margin: 0 0 0 auto;
}
.pi-doc .ci-total td {
  padding: 2px 4px;
}
.ci-total tr:nth-child(3) td {
  border-bottom: 1px solid #777;
}
.ci-total .ci-current-receipt td {
  background: #f0f0f0;
  font-weight: 800;
}
.ci-payment-details {
  width: 460px;
  margin: 14px 96px 0 auto;
  padding: 10px 12px;
  border: 1px solid #b8b8b8;
  background: #fafafa;
}
.ci-payment-details > strong {
  display: block;
  margin-bottom: 7px;
}
.ci-payment-details > div {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 10px;
  padding: 3px 0;
}
.ci-payment-details > div span {
  color: #555;
}
.ci-payment-details > div b {
  text-align: right;
}
.ci-payment-details p {
  margin: 8px 0 0;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}
.pi-doc .say-total {
  margin-top: 8px;
  padding: 6px 8px;
  font-size: 9px;
}
.ci-receipt-confirmation {
  margin-top: 12px;
  padding: 9px 10px;
  border: 1px solid #b8b8b8;
  background: #fafafa;
  font-size: 9px;
  line-height: 1.4;
}
.ci-receipt-confirmation > strong {
  display: block;
  margin-bottom: 4px;
}
.ci-receipt-confirmation p {
  margin: 0;
  color: #151515;
  overflow-wrap: anywhere;
}
.ci-authorization {
  display: flex;
  justify-content: flex-end;
  min-height: 90px;
  margin-top: 12px;
  padding-right: 26px;
}
.ci-authorization .pi-authorized-seal {
  margin: 0;
}
.bank-block {
  margin-top: 122px;
}
.bank-block strong,
.terms-block strong,
.reference-note strong {
  display: block;
  margin-bottom: 8px;
}
.bank-block p,
.terms-block p,
.reference-note p {
  margin: 0 0 5px;
  color: #151515;
}
.terms-block {
  margin-top: 46px;
}
.excel-seal {
  width: 210px;
  min-height: 110px;
  margin: 118px 270px 0 auto;
  display: grid;
  place-items: center;
  color: #777;
  text-align: center;
}
.excel-seal:not(:empty) {
  color: #8f1d1d;
  font-weight: 800;
}
#expenseWorkspace .expense-overview-table thead th.num {
  text-align: right !important;
}
.expense-entry-table .num {
  text-align: right;
}
.expense-compact-form .expense-entry-table .num { text-align: right; }
.expense-compact-form .expense-entry-table .num input { text-align: right; font-weight: 700; }
.expense-history-table .num { text-align: right; }
.pi-item-details-cell .item-photo-control {
  width: 68px;
  flex-basis: 68px;
}
.pi-item-details-cell .item-photo-control label.item-photo-tile img,
.item-photo-control label.item-photo-tile img {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: #fff;
  object-fit: contain;
}
.pi-item-details-cell .item-photo-control label.item-photo-tile .item-photo-placeholder,
.item-photo-control label.item-photo-tile .item-photo-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: inherit;
}
.pi-item-details-cell .item-photo-control .item-photo-library-options button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 5px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #172033;
  text-align: left;
  box-shadow: none;
}
.pi-item-details-cell .item-photo-control .item-photo-library-options button:hover {
  background: #f2f6ff;
}
.pi-item-details-cell .item-photo-menu .item-photo-library-options img,
.item-photo-menu .item-photo-library-options img {
  width: 34px;
  height: 34px;
  border: 1px solid #d8e0ed;
  border-radius: 4px;
  object-fit: cover;
}
.sc-doc .excel-title {
  letter-spacing: .01em;
}
.sc-doc .sc-contract-title {
  display: grid;
  gap: 5px;
  font-size: 20px;
  line-height: 1.15;
  text-align: right;
}
.sc-doc .sc-contract-title > span {
  display: block;
  white-space: nowrap;
}
.sc-doc .sc-contract-title > span[lang="zh-CN"] {
  font-size: 18px;
}
.sc-doc .company-block strong {
  white-space: normal;
}
.sc-doc .company-block strong,
.sc-doc .company-block em,
.sc-doc .company-block span {
  line-height: 1.35;
}
.sc-company-languages {
  display: grid;
  gap: 8px;
}
.sc-company-language {
  display: grid;
  gap: 1px;
}
.sc-company-language strong,
.sc-company-language em,
.sc-company-language span {
  display: block;
}
.sc-company-zh {
  padding-top: 7px;
  border-top: 1px solid #d4d4d4;
  font-style: normal;
}
.sc-buyer-only {
  grid-template-columns: 1fr;
}
.sc-buyer-only .party-block {
  width: 100%;
}
.sc-doc .right-code {
  min-width: 255px;
}
.sc-doc .right-code span,
.sc-doc .right-code b {
  font-size: 8px;
}
.sc-doc .right-code .sc-code-label {
  display: grid;
  gap: 0;
  align-content: center;
  line-height: 1.15;
}
.sc-doc .right-code .sc-code-label i {
  display: block;
  font-style: normal;
  white-space: nowrap;
}
.sc-doc .right-code > div {
  min-height: 24px;
  align-items: center;
}
.sc-doc .sc-table th {
  line-height: 1.25;
  white-space: normal;
}
.sc-doc .sc-table {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  table-layout: fixed;
}
.sc-doc .sc-table :is(th, td):nth-child(1) { width: 6%; }
.sc-doc .sc-table :is(th, td):nth-child(2) { width: 10%; }
.sc-doc .sc-table :is(th, td):nth-child(3) { width: 8%; }
.sc-doc .sc-table :is(th, td):nth-child(4) { width: 28%; }
.sc-doc .sc-table :is(th, td):nth-child(5) { width: 7%; }
.sc-doc .sc-table :is(th, td):nth-child(6) { width: 7%; }
.sc-doc .sc-table :is(th, td):nth-child(7) { width: 11%; }
.sc-doc .sc-table :is(th, td):nth-child(8) { width: 11%; }
.sc-doc .sc-table :is(th, td):nth-child(9) { width: 12%; }
.sc-doc .sc-table td {
  vertical-align: middle;
  overflow-wrap: anywhere;
}
.sc-terms-block {
  display: grid;
  gap: 12px;
}
.sc-language-terms {
  display: grid;
  gap: 3px;
}
.sc-language-terms > strong {
  margin-bottom: 2px;
}
.sc-language-terms > p {
  margin: 0;
  font-size: 8px;
  line-height: 1.35;
}
.sc-terms-zh {
  padding-top: 10px;
  border-top: 1px solid #b9b9b9;
}
#settings .template-library-entry .pi-layout-example { margin-inline: auto; }
.pi-template-minimal .pi-page { padding: 76px 52px 42px; color: #30343b; }
.pi-template-minimal .excel-title { top: 82px; right: auto; left: 52px; color: #24272d !important; font-size: 27px; letter-spacing: .02em; }
.pi-template-minimal .excel-header { margin-top: 76px; grid-template-columns: minmax(0, 1fr) 220px; }
.pi-template-minimal .invoice-brand-logo,
.pi-template-minimal .template-company-identity .template-logo-placeholder { top: -70px; left: 50%; transform: translateX(-50%); }
.pi-template-minimal .invoice-company-identity > div { padding-top: 18px; }
.pi-template-minimal .right-code { background: transparent; }
.pi-template-minimal .party-grid { gap: 70px; margin-top: 18px; padding: 14px 0 12px; border-color: #d5d8dd; }
.pi-template-minimal .party-block strong { color: #6b7280; letter-spacing: .04em; }
.pi-template-minimal .trade-line { border-color: #d5d8dd; }
.pi-template-minimal .pi-table th { color: #374151 !important; background: #eceef1; }
.pi-template-minimal .pi-table tbody tr:nth-child(even) td { background: #f3f4f6; }
.pi-template-minimal .pi-total .total-row td,
.pi-template-minimal .pi-total .deposit-row td,
.pi-template-minimal .pi-total .balance-row td { background: #e5e7eb; }
.pi-template-minimal .pi-bank-and-seal { padding: 12px; background: #f2f3f5; }
.pi-template-digital .pi-page { padding: 62px 42px 38px; color: #111827; }
.pi-template-digital .excel-title { top: 42px; right: auto; left: 42px; color: var(--pi-alt-accent, #2563eb) !important; font-size: 31px; letter-spacing: .015em; }
.pi-template-digital .excel-header { margin-top: 54px; grid-template-columns: minmax(0, 1fr) 260px; }
.pi-template-digital .invoice-brand-logo,
.pi-template-digital .template-company-identity .template-logo-placeholder { top: -54px; right: 0; left: auto; }
.pi-template-digital .company-block { padding-top: 20px; }
.pi-template-digital .right-code { padding: 8px 10px; border-top: 5px solid var(--pi-alt-accent, #2563eb); background: #f6f8ff; }
.pi-template-digital .party-grid { margin-top: 16px; border-top: 0; border-bottom: 1px solid var(--pi-alt-accent, #2563eb); }
.pi-template-digital .trade-line { border-bottom-color: var(--pi-alt-accent, #2563eb); }
.pi-template-digital .pi-table { margin-top: 6px; }
.pi-template-digital .pi-table th { color: #fff !important; background: var(--pi-alt-accent, #2563eb); }
.pi-template-digital .pi-table td { border-bottom-color: #d9dde4; }
.pi-template-digital .pi-total { margin-top: 8px; border: 1px solid var(--pi-alt-accent, #2563eb); }
.pi-template-digital .pi-total .total-row td,
.pi-template-digital .pi-total .deposit-row td,
.pi-template-digital .pi-total .balance-row td { color: #fff; background: var(--pi-alt-accent, #2563eb); }
.pi-template-digital .pi-bank-and-seal { padding-top: 14px; border-top: 2px solid var(--pi-alt-accent, #2563eb); }
.pi-template-green .pi-page { padding: 70px 46px 40px; }
.pi-template-green .excel-title { top: 82px; right: 46px; color: #77c632 !important; font-size: 30px; }
.pi-template-green .excel-header { margin-top: 72px; grid-template-columns: minmax(0, 1fr) 228px; }
.pi-template-green .invoice-brand-logo,
.pi-template-green .template-company-identity .template-logo-placeholder { top: -66px; width: 92px; }
.pi-template-green .right-code { padding: 7px 9px; border: 1px solid #b9df91; background: #fff; }
.pi-template-green .party-grid { grid-template-columns: 235px minmax(0, 1fr); gap: 34px; margin-top: 18px; padding: 0; border: 0; }
.pi-template-green .party-block { padding: 12px 14px; border: 1px solid #dfe6d8; }
.pi-template-green .party-block:first-child { border-top: 24px solid #77c632; }
.pi-template-green .party-block:first-child > strong { margin-top: -31px; color: #fff; }
.pi-template-green .trade-line { margin-top: 12px; border-bottom-color: #77c632; }
.pi-template-green .pi-table { margin-top: 8px; }
.pi-template-green .pi-table th { color: #fff !important; background: #77c632; }
.pi-template-green .pi-table td { border-bottom-color: #dce7d2; }
.pi-template-green .pi-total .total-row td,
.pi-template-green .pi-total .deposit-row td,
.pi-template-green .pi-total .balance-row td { background: #eaf5df; }
.pi-template-green .pi-bank-and-seal { padding-top: 12px; border-top: 2px solid #77c632; }
.pi-template-green .pi-first-page-terms > strong { color: #5da51e; }
.library-generic-document .num { text-align: right; }
.library-record-bill-doc > .payment-bill-print-sheet {
  box-sizing: border-box;
  width: 1123px;
  min-height: 794px;
  height: 794px;
  padding: 45px 53px;
  color: #172033;
  background: #fff;
  font-family: Arial, sans-serif;
}
.library-record-bill-doc .payment-bill-preview-header { border-bottom-color: var(--template-accent); }
.library-record-bill-doc .payment-bill-preview-header h1,
.library-record-bill-doc .payment-bill-preview-issued strong,
.library-record-bill-doc .payment-bill-preview-meta strong,
.library-record-bill-doc .payment-bill-preview-section-head strong,
.library-record-bill-doc .payment-bill-preview-summary strong { color: var(--template-accent); }
.library-record-bill-doc .payment-bill-preview-summary .payment-bill-preview-total { border-color: var(--template-accent); }
.template-library-editor .pi-default-settings-body { padding-top: 18px; }
.template-library-editor .pi-default-settings-body textarea { min-height: 72px; height: 72px; }
.check-bill-simple-table .num {
  text-align: right;
  white-space: nowrap;
}
.ci-note-editor-shell {
  display: grid;
  gap: 8px;
}
.ci-note-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
}
.ci-note-format-button,
.ci-note-color-picker {
  position: relative;
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  border: 1px solid #ccd6e5;
  border-radius: 5px;
  background: #fff;
  color: #344054;
  font: inherit;
  cursor: pointer;
}
.ci-note-format-button:hover,
.ci-note-color-picker:hover {
  border-color: var(--action-blue);
  background: #f5f8ff;
  color: var(--action-blue);
}
.ci-note-format-button:focus-visible,
.ci-note-color-picker:focus-within {
  outline: 2px solid rgba(63, 70, 244, .35);
  outline-offset: 1px;
}
.ci-note-format-button b,
.ci-note-format-button i,
.ci-note-color-picker > span {
  font-size: 15px;
  line-height: 1;
}
.ci-note-italic-button i {
  font-family: Georgia, serif;
}
.ci-note-color-picker > span {
  border-bottom: 3px solid currentColor;
  font-weight: 800;
}
.ci-note-color-picker input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.ci-note-editor {
  width: 100%;
  min-height: 110px;
  padding: 10px 11px;
  border: 1px solid #ccd6e5;
  border-radius: 6px;
  background: #fff;
  color: #101828;
  font: inherit;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  cursor: text;
}
.ci-note-editor:focus {
  border-color: var(--action-blue);
  outline: 2px solid rgba(63, 70, 244, .15);
  outline-offset: 0;
}
.linked-pi-document-editor .pi-client-section .pi-party-grid {
  margin-top: 16px;
}
.linked-pi-document-editor .pi-party-grid label {
  color: #1f2937;
  font-size: 14px;
  font-weight: 700;
}
.linked-pi-document-editor .pi-party-grid textarea {
  min-height: 150px;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.linked-pi-document-editor .pl-consignee-editor-grid {
  grid-template-columns: minmax(0, 1fr);
}
.linked-pi-document-editor .pl-consignee-editor-grid label,
.linked-pi-document-editor .pl-consignee-editor-grid textarea {
  width: 100%;
}
.pl-table-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pl-table-row-actions button:not(.table-row-action) {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}
.pl-table-row-actions .pl-manual-edit-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pl-table-row-actions .pl-manual-edit-action svg {
  width: 14px;
  height: 14px;
}
.pl-table-row-actions .pl-manual-edit-action.is-active {
  border-color: var(--action-blue);
  background: #eef4ff;
  color: var(--action-blue);
}
.pl-column-selector {
  position: relative;
}
.pl-column-selector > summary {
  display: inline-flex;
  min-height: 32px;
  padding: 6px 10px;
  align-items: center;
  border: 1px solid #d6dce8;
  border-radius: 6px;
  background: #fff;
  color: #344054;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  list-style: none;
}
.pl-column-selector > summary::-webkit-details-marker {
  display: none;
}
.pl-column-selector[open] > summary {
  border-color: var(--action-blue);
  background: #eef4ff;
  color: var(--action-blue);
}
.pl-column-selector-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(520px, calc(100vw - 40px));
  padding: 18px 20px 20px;
  gap: 34px;
  border: 1px solid #e3e7ee;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(31, 42, 68, .1);
}
.pl-column-option-group {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}
.pl-column-option-group > strong {
  margin-bottom: 2px;
  color: #172033;
  font-size: 13px;
  font-weight: 500;
}
.pl-column-selector-menu label {
  display: flex;
  min-height: 24px;
  padding: 0;
  align-items: center;
  gap: 9px;
  color: #273248;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}
.pl-column-selector-menu label:hover {
  color: #111827;
}
.pl-column-selector-menu input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--action-blue);
}
.linked-pi-document-editor .ci-finance-section-head > div:nth-child(2) {
  min-width: 0;
  flex: 1 1 auto;
}
.linked-pi-document-editor .ci-note-editor-section .linked-document-notes {
  margin-top: 16px;
}
.pl-editor-image-heading,
.pl-editor-image-cell {
  width: 58px;
  min-width: 58px;
  text-align: center;
}
.packing-list-editor .pl-edit-table {
  min-width: 1380px;
}
.packing-list-editor .pl-item-summary-footer {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
  border-top: 1px solid #e1e6ef;
}
.packing-list-editor .pl-entry-summary {
  width: 100%;
  max-width: 400px;
  justify-self: end;
}
.packing-list-editor .pl-entry-summary > div {
  grid-template-columns: minmax(150px, 1fr) 110px;
  gap: 10px;
}
.packing-list-editor .pl-summary-copy {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 8px 2px;
}
.packing-list-editor .pl-summary-copy strong {
  color: #172033;
  font-size: 13px;
}
.packing-list-editor .pl-summary-copy small {
  color: #667085;
  font-size: 11px;
}
.packing-list-editor .pl-entry-summary b {
  font: inherit;
}
.pl-document-totals-section {
  margin-top: 0;
}
.pl-document-total table {
  width: 100%;
}
.packing-list-editor .pi-style-entry-table th,
.packing-list-editor .pi-style-entry-table td {
  border-right: 0;
}
.packing-list-editor .pi-style-entry-table th {
  padding: 6px 8px;
  background: #fff;
  color: #4b5565;
  font-size: 9px !important;
  text-transform: uppercase;
  white-space: nowrap;
}
.packing-list-editor .pi-style-entry-table td {
  height: 58px;
  padding: 6px 8px;
  vertical-align: middle;
}
.packing-list-editor .pi-style-entry-table td:first-child {
  width: 42px;
  min-width: 42px;
}
.packing-list-editor .pi-style-entry-table td input,
.packing-list-editor .pi-style-entry-table td select {
  min-width: 0;
  min-height: 30px;
  padding: 5px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font-size: 11px;
}
.packing-list-editor .pi-style-entry-table th:nth-child(n+5):nth-child(-n+12),
.packing-list-editor .pi-style-entry-table td:nth-child(n+5):nth-child(-n+12) {
  width: 94px;
  min-width: 94px;
}
.packing-list-editor .pi-style-entry-table th:last-child,
.packing-list-editor .pi-style-entry-table td:last-child {
  width: 140px;
  min-width: 140px;
}
.packing-list-editor .pl-edit-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.packing-list-editor .pl-edit-table col.pl-col-no { width: 3%; }
.packing-list-editor .pl-edit-table col.pl-col-image { width: 4%; }
.packing-list-editor .pl-edit-table col.pl-col-product { width: 20%; }
.packing-list-editor .pl-edit-table col.pl-col-qty-unit,
.packing-list-editor .pl-edit-table col.pl-col-qty-cartons { width: 6%; }
.packing-list-editor .pl-edit-table col.pl-col-net-weight,
.packing-list-editor .pl-edit-table col.pl-col-gross-weight,
.packing-list-editor .pl-edit-table col.pl-col-cbm { width: 5%; }
.packing-list-editor .pl-edit-table col.pl-col-total-cartons { width: 6%; }
.packing-list-editor .pl-edit-table col.pl-col-carton-number { width: 9%; }
.packing-list-editor .pl-edit-table col.pl-col-total-net,
.packing-list-editor .pl-edit-table col.pl-col-total-gross { width: 7%; }
.packing-list-editor .pl-edit-table col.pl-col-total-cbm { width: 5%; }
.packing-list-editor .pl-edit-table col.pl-col-note { width: 9%; }
.packing-list-editor .pl-edit-table col.pl-col-actions { width: 3%; }
.packing-list-editor .pl-edit-table :is(th, td) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.packing-list-editor .pl-edit-table th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
}
.packing-list-editor .pl-edit-table th:nth-child(1),
.packing-list-editor .pl-edit-table td:nth-child(1) { width: 3%; }
.packing-list-editor .pl-edit-table th:nth-child(2),
.packing-list-editor .pl-edit-table td:nth-child(2) { width: 4%; }
.packing-list-editor .pl-edit-table th:nth-child(3),
.packing-list-editor .pl-edit-table td:nth-child(3) { width: 20%; }
.packing-list-editor .pl-edit-table th:nth-child(4),
.packing-list-editor .pl-edit-table td:nth-child(4) { width: 6%; }
.packing-list-editor .pl-edit-table th:nth-child(5),
.packing-list-editor .pl-edit-table td:nth-child(5) { width: 6%; }
.packing-list-editor .pl-edit-table th:nth-child(6),
.packing-list-editor .pl-edit-table td:nth-child(6),
.packing-list-editor .pl-edit-table th:nth-child(7),
.packing-list-editor .pl-edit-table td:nth-child(7),
.packing-list-editor .pl-edit-table th:nth-child(8),
.packing-list-editor .pl-edit-table td:nth-child(8) { width: 5%; }
.packing-list-editor .pl-edit-table th:nth-child(9),
.packing-list-editor .pl-edit-table td:nth-child(9) { width: 6%; }
.packing-list-editor .pl-edit-table th:nth-child(10),
.packing-list-editor .pl-edit-table td:nth-child(10) { width: 9%; }
.packing-list-editor .pl-edit-table th:nth-child(11),
.packing-list-editor .pl-edit-table td:nth-child(11),
.packing-list-editor .pl-edit-table th:nth-child(12),
.packing-list-editor .pl-edit-table td:nth-child(12) { width: 7%; }
.packing-list-editor .pl-edit-table th:nth-child(13),
.packing-list-editor .pl-edit-table td:nth-child(13) { width: 5%; }
.packing-list-editor .pl-edit-table th:nth-child(14),
.packing-list-editor .pl-edit-table td:nth-child(14) { width: 9%; }
.packing-list-editor .pl-edit-table th:nth-child(15),
.packing-list-editor .pl-edit-table td:nth-child(15) { width: 3%; }
.packing-list-editor .pl-edit-table .pl-editor-image-heading,
.packing-list-editor .pl-edit-table .pl-editor-image-cell,
.packing-list-editor .pl-edit-table .pl-manual-product-cell,
.packing-list-editor .pl-edit-table .pl-manual-quantity-cell,
.packing-list-editor .linked-draft-canvas .pl-edit-table :is(.pl-delete-heading, .pl-delete-cell) {
  width: auto;
  min-width: 0;
}
.packing-list-editor .pl-manual-product-cell {
  width: 210px;
  min-width: 210px;
}
.packing-list-editor .pl-manual-quantity-cell {
  width: 92px;
  min-width: 92px;
}
.packing-list-editor .pl-manual-product-cell select,
.packing-list-editor .pl-manual-product-cell input,
.packing-list-editor .pl-manual-quantity-cell input {
  width: 100%;
  min-width: 0;
}
.packing-list-editor .pl-manual-product-cell input,
.packing-list-editor .pl-manual-quantity-cell input {
  min-height: 18px;
  padding: 1px 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.packing-list-editor .pl-manual-product-cell input[name="plItemName"] {
  color: #172033;
  font-weight: 600;
}
.packing-list-editor .pl-manual-product-cell input[name="plItemSpec"],
.packing-list-editor .pl-manual-quantity-cell input[name="plItemUnit"] {
  color: #667085;
  font-size: 12px;
}
.packing-list-editor .pl-manual-quantity-cell input[name="plItemQty"] {
  appearance: textfield;
  color: #172033;
  font-weight: 600;
}
.packing-list-editor .pl-manual-quantity-cell input[name="plItemQty"]::-webkit-inner-spin-button,
.packing-list-editor .pl-manual-quantity-cell input[name="plItemQty"]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}
.packing-list-editor .pl-manual-product-cell input:not([readonly]):focus,
.packing-list-editor .pl-manual-quantity-cell input:not([readonly]):focus {
  outline: 0;
  box-shadow: inset 0 -1px 0 var(--action-blue);
}
.packing-list-editor .pl-manual-product-cell select {
  min-height: 30px;
  padding: 5px 26px 5px 7px;
  border: 1px solid #cfd6e4;
  border-radius: 5px;
  background: #fff;
  color: #344054;
}
.packing-list-editor .pl-manual-product-cell select[hidden] {
  display: none;
}
.packing-list-editor .pl-manual-product-cell > * + *,
.packing-list-editor .pl-manual-quantity-cell > * + * {
  margin-top: 2px;
}
.pl-editor-image-cell .pl-item-photo {
  width: 42px;
  height: 42px;
  border: 1px solid #dce2ec;
  border-radius: 4px;
  background: #fff;
  object-fit: contain;
}
.pl-item-photo-upload {
  position: relative;
  display: inline-grid;
  cursor: pointer;
}
.pl-item-photo-upload > input {
  display: none;
}
.pl-item-photo-upload-preview {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
}
.pl-item-photo-upload-badge {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--action-blue);
  color: #fff;
  box-shadow: 0 1px 4px rgba(31, 55, 99, .24);
}
.pl-item-photo-upload-badge svg {
  width: 10px;
  height: 10px;
}
.pl-item-photo-upload:hover .pl-item-photo,
.pl-item-photo-upload:hover .pl-item-photo-placeholder {
  border-color: var(--action-blue);
  background: #f4f7ff;
}
.pl-item-photo-upload:focus-within .pl-item-photo-upload-preview {
  border-radius: 4px;
  outline: 2px solid rgba(63, 70, 244, .3);
  outline-offset: 2px;
}
.pl-item-photo-upload.is-loading {
  cursor: wait;
  opacity: .65;
}
.pl-item-photo-placeholder {
  display: grid;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  place-items: center;
  border: 1px dashed #c7d1e0;
  border-radius: 4px;
  background: #f8fafc;
  color: #7b879b;
}
.pl-item-photo-placeholder svg {
  width: 21px;
  height: 21px;
}
.pl-doc .pl-document-table {
  table-layout: fixed;
  border-right: 1px solid #8b8b8b;
}
.pl-doc .pl-shipping-details-line {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pl-doc .pl-document-table .pl-column-no { width: 27px; }
.pl-doc .pl-document-table .pl-column-image { width: 43px; text-align: center; }
.pl-doc .pl-document-table .pl-column-product { width: 128px; }
.pl-doc .pl-document-table .pl-column-quantity {
  width: 54px;
  text-align: center !important;
}
.pl-doc .pl-document-table td.pl-column-quantity strong,
.pl-doc .pl-document-table td.pl-column-quantity span {
  display: block;
  text-align: center;
}
.pl-doc .pl-document-table .pl-column-packingQty { width: 52px; }
.pl-doc .pl-document-table .pl-column-netWeight,
.pl-doc .pl-document-table .pl-column-grossWeight,
.pl-doc .pl-document-table .pl-column-volume { width: 47px; }
.pl-doc .pl-document-table .pl-column-cartons { width: 51px; }
.pl-doc .pl-document-table .pl-column-totalNetWeight,
.pl-doc .pl-document-table .pl-column-totalGrossWeight,
.pl-doc .pl-document-table .pl-column-totalVolume { width: 58px; }
.pl-doc .pl-document-table .pl-column-note { width: 72px; }
.pl-doc .pl-document-table th,
.pl-doc .pl-document-table td { font-size: 7.5px; }
.pl-doc .pl-document-table td { line-height: 1.25; }
.pl-doc .pl-document-table .pl-item-photo,
.pl-doc .pl-document-table .pl-item-photo-placeholder {
  width: 32px;
  height: 32px;
}
.pl-doc .pl-document-table .pl-item-photo-placeholder svg { width: 15px; height: 15px; }
#quote .live-preview-body .document:has(.pi-doc) {
  margin-inline: auto;
}
.pi-doc .pi-bank-and-seal,
.pi-doc .ci-authorization,
.pl-doc .pl-document-footer,
.pl-doc .pl-seal-slot {
  position: relative;
  overflow: visible;
}
.pi-doc .pi-bank-and-seal > .pi-authorized-seal.invoice-round-seal {
  position: absolute;
  top: -8px;
  right: 74px;
  width: 184px;
  height: 184px;
  max-height: none;
  margin: 0;
  transform: rotate(3deg);
}
.pi-doc .ci-authorization .pi-authorized-seal.invoice-round-seal {
  position: absolute;
  top: -64px;
  right: 86px;
  width: 184px;
  height: 184px;
  max-height: none;
  margin: 0;
  transform: rotate(3deg);
}
.pi-second-page-seal .pi-authorized-seal.invoice-round-seal,
.excel-seal .ci-invoice-seal {
  width: 184px;
  height: 184px;
  max-height: none;
}
.pl-doc .pl-shipping-seal {
  position: absolute;
  top: -34px;
  right: 30px;
  width: 280px;
  height: 140px;
  max-height: none;
  transform: rotate(-2deg);
}
.page-title p,
.section-head p,
.module-overview-head > div > p,
.detail-header > div > p,
.customer-heading-copy > p,
.document-edit-head > div > span,
.editor-section-head small,
.table-head small,
.settings-card-head p,
.settings-card-title-group small,
.live-preview-head > div > span,
.sales-contract-picker-panel header p,
.pi-customer-notes > small,
.brand-logo-editor > small {
  display: none !important;
}
#quote.view,
#quote .quote-workspace,
#quote .quote-editor,
#quote .quote-form-flow,
#quote .pi-header-info-row,
#quote .pi-editor-section {
  background: #fff;
}
#piAttachment .proforma-attachment-page-editor,
#piAttachment .proforma-attachment-editor,
#piAttachment .pi-header-info-row,
#piAttachment .pi-editor-section {
  background: #fff;
}
#piAttachment .pi-header-info-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(42px, 7vw, 110px);
  row-gap: 22px;
  padding: 24px 28px 28px;
  border-bottom: 1px solid #e4e8ef;
}
#piAttachment .pi-header-info-row .company-snapshot > span {
  display: block;
  margin-bottom: 12px;
  color: #06142f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
#piAttachment .pi-header-info-row .document-info-list .editor-section-head strong {
  color: #06142f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
#piAttachment .pi-header-info-row .company-snapshot > strong {
  display: block;
  max-width: 420px;
  min-height: 29px;
  margin: 0;
  padding: 4px 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#piAttachment .pi-header-info-row .company-snapshot > p {
  display: grid;
  grid-auto-rows: 29px;
  gap: 0;
  max-width: 420px;
  margin: 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#piAttachment .pi-header-info-row .company-snapshot > p > span {
  display: block;
  min-height: 29px;
  margin: 0;
  padding: 4px 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#piAttachment .pi-header-info-row .auto-generated-detail-row > span {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#piAttachment .pi-header-info-row .auto-generated-detail-row > strong {
  color: #06142f;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
#piAttachment .proforma-attachment-photo-frame .doc-item-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#piAttachment .proforma-attachment-format-toolbar .ci-note-toolbar {
  min-height: 32px;
}
#piAttachment .proforma-attachment-live-totals .pi-entry-total {
  min-height: 50px;
  background: #f2f4f8;
}
#piAttachment .proforma-attachment-live-totals .pi-entry-total span,
#piAttachment .proforma-attachment-live-totals .pi-entry-total strong {
  color: #172033;
  font-size: 15px;
  font-weight: 900;
}
.proforma-attachment-doc .pi-page {
  position: relative;
  isolation: isolate;
}
.proforma-attachment-doc.is-draft .pi-page::after {
  content: "DRAFT";
  position: absolute;
  top: 42%;
  left: 50%;
  z-index: 20;
  color: rgba(173, 49, 49, .12);
  font-size: 76px;
  font-weight: 800;
  letter-spacing: 8px;
  line-height: 1;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-28deg);
}
.nav.active,
.topbar-quick-add,
.customer-upload-button,
.ci-item-table-actions .table-row-add-action,
.ci-manual-finance-edit,
.payment-edit-primary,
#previewPanel #closePreviewBtn,
.table-row-add-action,
button.ghost.table-row-add-action,
.quote-command-buttons > button.ghost:not(.cancel-action),
.quote-command-buttons .quote-seal-command,
.quote-command-buttons .quote-print-command,
.linked-document-editor .quote-command-buttons button:not(.cancel-action),
.linked-document-editor .document-edit-actions button:not(.cancel-action),
.quote-confirm-button,
.payment-record-plus,
.payment-save-record,
.payment-save-changes,
.shipping-vessel-lookup-button,
.expense-save-button,
#settings .settings-card-actions .settings-card-save,
#settings .settings-add-user-button,
#settings .user-account-create button:not(.user-add-cancel),
.permission-role-options button.active,
.settings-user-modal-actions button:last-child,
.unified-new-split .unified-new-main,
.unified-new-dropdown > summary,
.unified-sort-menu > summary,
.module-detail-add-button,
.attachment-preview-close,
.image-zoom-close {
  border-color: var(--action-blue);
  background: var(--action-blue);
  color: #fff;
}
.nav.active:hover,
.topbar-quick-add:hover,
.customer-upload-button:hover,
.ci-item-table-actions .table-row-add-action:hover,
.ci-manual-finance-edit:hover,
.payment-edit-primary:hover,
#previewPanel #closePreviewBtn:hover,
.table-row-add-action:hover,
button.ghost.table-row-add-action:hover,
.quote-command-buttons > button.ghost:not(.cancel-action):hover,
.quote-command-buttons .quote-seal-command:hover,
.quote-command-buttons .quote-print-command:hover,
.linked-document-editor .quote-command-buttons button:not(.cancel-action):hover,
.linked-document-editor .document-edit-actions button:not(.cancel-action):hover,
.quote-confirm-button:hover,
.payment-record-plus:hover,
.payment-save-record:hover,
.payment-save-changes:hover,
.shipping-vessel-lookup-button:hover:not(:disabled),
.expense-save-button:hover,
#settings .settings-card-actions .settings-card-save:hover,
#settings .settings-add-user-button:hover,
#settings .user-account-create button:not(.user-add-cancel):hover,
.permission-role-options button.active:hover,
.settings-user-modal-actions button:last-child:hover,
.unified-new-split .unified-new-main:hover,
.unified-new-dropdown > summary:hover,
.unified-sort-menu > summary:hover,
.module-detail-add-button:hover,
.attachment-preview-close:hover,
.image-zoom-close:hover {
  border-color: var(--action-blue-hover);
  background: var(--action-blue-hover);
  color: #fff;
}
:is(#piRecords, #scRecords, #ciRecords, #plRecords, #logisticsWorkspace) .document-overview-table .num { white-space: nowrap; font-variant-numeric: tabular-nums; }
#piRecords .pi-payment-overview {
  margin: 16px 20px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
#piRecords .pi-payment-overview-title {
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
#piRecords .pi-payment-overview-items {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 10px;
}
#piRecords .pi-payment-overview-items > div {
  padding: 12px 14px;
  border: 1px solid #e0e3ed;
  border-top: 3px solid #c6c9d6;
  border-radius: 6px;
  background: #fff;
}
#piRecords .pi-payment-overview-items > div::before { display: none; }
#piRecords .pi-payment-overview-items span,
#piRecords .pi-payment-overview-items strong {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
#piRecords .pi-payment-overview-items span {
  color: #596178;
  background: transparent;
  border-bottom: 0;
}
#piRecords .pi-payment-overview-items strong {
  margin-top: 8px;
  color: #252b3b;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
#piRecords .pi-payment-overview-items small { display: block; margin-top: 7px; color: #737b8c; font-size: 11px; line-height: 1.5; }
#piRecords .pi-payment-overview-items .summary-outstanding { border-color: #dcd9fc; border-top-color: var(--action-blue); background: #f5f3ff; }
#piRecords .pi-payment-overview-items .summary-outstanding strong { color: var(--action-blue); }
#piRecords .pi-payment-overview-items .summary-upcoming { border-top-color: var(--action-blue); }
#piRecords .pi-payment-overview-items .summary-today.has-balance { border-top-color: #d99a22; background: #fffbf1; }
#piRecords .pi-payment-overview-items .summary-overdue.has-balance { border-top-color: #d56363; background: #fff7f6; }
.module-overview-table th,
:is(#piRecords, #scRecords, #ciRecords, #plRecords, #logisticsWorkspace) .document-overview-table th,
#piRecords .pi-payment-overview-title,
#piRecords .pi-payment-overview-items span {
  font-weight: 600;
}
.bill-history-table .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
#checkBillPanel .record-bill-table .num { text-align: right; white-space: nowrap; }
dialog.pi-import-dialog { width: min(960px, calc(100vw - 32px)); }
.pi-import-dialog > form { height: min(600px, calc(100dvh - 50px)); }
.pi-import-dialog .customer-import-layout { gap: 20px; }
.pi-import-dialog .pi-import-dropzone { cursor: pointer; }
.pi-import-dialog .pi-import-dropzone #invoicePdfUpload { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; opacity: 0; }
.pi-import-dialog .pi-import-choose-files { width: auto; flex: 0 0 auto; padding: 7px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); color: var(--ink); font-size: 12px; }
.pi-import-dialog .pi-import-dropzone [data-selected-files] { display: grid; gap: 5px; max-width: 100%; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.pi-import-dialog .pi-import-dropzone [data-selected-files] a { color: var(--action-blue); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.pi-import-dialog .pi-import-dropzone [data-selected-files] a:hover { color: #2539ce; }
.pi-import-dialog > form > header button[data-cancel] { display: grid; width: 38px; height: 38px; min-width: 38px; place-items: center; padding: 0; font-size: 25px; line-height: 1; cursor: pointer; }
#piRecords .pi-overview-panel { overflow: visible; }
#checkBillPanel .bill-history-table th.num { width: 24%; }
.pi-editor-title-actions .pi-editor-overflow-menu { height: 34px; }
.pi-editor-title-actions .pi-editor-overflow-menu > summary { width: 34px; height: 34px; background: #fff; color: #111827; }
.pi-editor-overflow-menu .record-action-menu { min-width: 185px; }
.pi-editor-overflow-menu .record-action-menu button:hover { background: #f4f3ff; }
#quote .pi-add-row-split { display: inline-flex; align-items: stretch; }
#quote .pi-item-add-row #addItemBtn { border-radius: 3px 0 0 3px; height: 32px; }
#quote .pi-add-rows-menu { position: relative; }
#quote .pi-add-rows-menu > summary { display: grid; place-items: center; list-style: none; cursor: pointer; width: 36px; height: 32px; border: 1px solid #bfc5cf; border-left: 0; border-radius: 0 3px 3px 0; background: #fff; color: var(--action-blue); }
#quote .pi-add-rows-menu > summary::-webkit-details-marker { display: none; }
#quote .pi-add-rows-menu > summary svg { width: 15px; height: 15px; }
#quote .pi-add-rows-menu > summary:hover, #quote .pi-add-rows-menu[open] > summary { background: #f4f3ff; }
#quote .pi-add-rows-panel { position: absolute; top: calc(100% + 4px); left: 0; z-index: 60; width: 210px; display: grid; gap: 10px; padding: 14px; border: 1px solid #cdd1d8; border-radius: 4px; background: #fff; box-shadow: 0 5px 15px #10182820; }
#quote .pi-add-rows-panel label { font-size: 12px; }
#quote .pi-add-rows-panel input { width: 100%; height: 34px; padding: 6px 9px; border: 1px solid #bfc5cf; border-radius: 3px; }
#quote .pi-add-rows-panel button { height: 32px; padding: 5px 12px; border-radius: 3px; }
#quote .pi-invoice-fields { align-items: start; }
#quote .pi-invoice-fields > label,
#quote .pi-invoice-fields .customer-search-field { grid-template-rows: 18px 36px; align-content: start; row-gap: 6px; }
#quote .pi-invoice-fields .customer-search-field > label { margin: 0; line-height: 18px; font-size: 12px; font-weight: 500; }
#quote .pi-invoice-fields .customer-search-combobox > input[type="search"] { padding-left: 40px; padding-right: 30px; }
#quote .pi-invoice-fields .customer-search-results { top: calc(100% + 6px); padding: 6px; border: 1px solid #cbd5e1; border-radius: 10px; box-shadow: 0 10px 24px #1018281a; }
#quote .pi-formatted-date { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 36px; padding: 0 10px; border: 1px solid #bfc5cf; border-radius: 3px; background: #fff; color: var(--text); font-size: 13px; font-weight: 400; }
#quote .pi-invoice-fields .pi-formatted-date input[type="date"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
#quote .pi-formatted-date > span, #quote .pi-formatted-date > svg { pointer-events: none; }
#quote .pi-formatted-date > svg { width: 15px; height: 15px; color: #111827; flex-shrink: 0; }
#quote .pi-formatted-date:focus-within { outline: 2px solid var(--action-blue); outline-offset: 1px; }
#quote .pi-trade-fields > label { display: grid; grid-template-rows: 18px 36px; gap: 6px; min-width: 0; margin: 0; align-content: start; }
#quote .pi-trade-fields > label > input,
#quote .pi-trade-fields > label > select { width: 100% !important; max-width: none !important; min-width: 0; margin: 0; box-sizing: border-box; height: 36px; }
#quote .pi-item-add-row { display: flex; align-items: center; gap: 12px; }
#quote .pi-columns-menu { position: relative; }
#quote .pi-columns-menu > summary { display: flex; align-items: center; gap: 10px; height: 32px; padding: 0 12px; border: 1px solid #bfc5cf; border-radius: 3px; background: #fff; color: var(--action-blue); cursor: pointer; list-style: none; font-size: 12px; }
#quote .pi-columns-menu > summary::-webkit-details-marker { display: none; }
#quote .pi-columns-menu > summary svg { width: 15px; height: 15px; }
#quote .pi-columns-panel { position: absolute; top: calc(100% + 4px); left: 0; width: 230px; padding: 6px 0; border: 1px solid #cdd1d8; border-radius: 4px; background: #fff; box-shadow: 0 5px 15px #10182820; z-index: 60; }
#quote .pi-columns-panel label { display: flex; align-items: center; gap: 12px; margin: 0; padding: 9px 14px; cursor: pointer; color: var(--text); font-size: 13px; font-weight: 400; }
#quote .pi-columns-panel label:hover { background: #f3f4f6; }
#quote .pi-columns-panel input { width: 18px; height: 18px; margin: 0; accent-color: var(--action-blue); }
#quote .pi-item-entry-table th[hidden], #quote .pi-item-entry-table td[hidden] { display: none !important; }
#quote .pi-item-entry-table th:nth-child(1), #quote .pi-item-entry-table td:nth-child(1) { width: 17%; }
#quote .pi-item-entry-table th:nth-child(2), #quote .pi-item-entry-table td:nth-child(2) { width: 5%; }
#quote .pi-item-add-row { align-items: flex-start; }
#quote .pi-add-row-split,
#quote .pi-add-rows-menu,
#quote .pi-columns-menu { height: 34px; margin: 0; }
#quote .pi-item-add-row #addItemBtn,
#quote .pi-add-rows-menu > summary,
#quote .pi-columns-menu > summary { box-sizing: border-box; height: 34px; min-height: 34px; max-height: 34px; margin: 0; border-color: #bfc5cf; box-shadow: none; font-size: 12px; font-weight: 400; line-height: 1; }
#quote .pi-item-add-row #addItemBtn { padding: 0 12px; }
#quote .pi-columns-menu > summary { padding: 0; gap: 0; border-radius: 3px; }
#quote .pi-columns-menu > summary > span { padding: 0 12px; }
#quote .pi-columns-menu > summary > svg { box-sizing: border-box; flex: 0 0 36px; width: 36px; height: 32px; padding: 8px 10px; border-left: 1px solid #bfc5cf; }
#quote .pi-item-table-card { overflow: visible; }
#quote .pi-item-table-card:has(#itemColumnsMenu[open]) { position: relative; z-index: 70; }
#quote .pi-columns-panel { overflow-y: auto; overscroll-behavior: contain; }
#quote .pi-columns-menu.opens-up > .pi-columns-panel { top: auto; bottom: calc(100% + 4px); }
#quote .pi-customer-notes { align-self: stretch; display: flex; flex-direction: column; gap: 6px; }
#quote .pi-customer-notes textarea { flex: 1; min-height: 180px; resize: vertical; }
#quote .pi-entry-summary { border: 1px solid #cdd1d8; border-radius: 0; background: rgb(247, 248, 250); }
#quote .pi-entry-summary > div,
#quote .pi-entry-summary > label { position: relative; margin: 0; border-bottom: 1px solid #cdd1d8; border-radius: 0; background: rgb(247, 248, 250); }
#quote .pi-entry-summary > div::after,
#quote .pi-entry-summary > label::after { content: ""; position: absolute; top: 0; bottom: 0; right: 169px; width: 1px; background: #cdd1d8; pointer-events: none; }
#quote .pi-entry-summary input { border: 1px solid #cdd1d8; border-radius: 0; background: #fff; }
#quote .pi-entry-summary .pi-entry-total { border-bottom: 0; border-radius: 0; background: #e6e8eb; }
#quote .pi-entry-summary > div > span[data-currency],
#quote .pi-entry-summary > label > span[data-currency] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#quote .pi-entry-summary span[data-currency]::after { content: attr(data-currency); flex-shrink: 0; font-size: 11px; font-weight: 500; }
#quote .pi-invoice-fields .customer-search-combobox::after { display: none; }
#quote .pi-invoice-fields .customer-search-combobox > input[type="search"] { padding-right: 12px; }
#quote .grid-form.pi-trade-fields > label {
  width: 100%;
  max-width: none;
  min-width: 0;
  justify-self: stretch;
  box-sizing: border-box;
}
.pi-quick-create-dialog { width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 40px); padding: 0; border: 1px solid #cdd1d8; border-radius: 9px; background: #fff; color: #172b4d; box-shadow: 0 20px 65px #0004; }
.pi-quick-create-dialog::backdrop { background: #16202b99; }
.pi-quick-create-form > header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid #e3e6eb; }
.pi-quick-create-form h2 { margin: 0; font-size: 18px; }
.pi-quick-create-form > header button { width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: #475467; font-size: 23px; }
.pi-quick-create-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 24px 22px; }
.pi-quick-create-fields label { display: grid; gap: 6px; min-width: 0; font-size: 12px; }
.pi-quick-create-fields .wide { grid-column: 1 / -1; }
.pi-quick-create-fields input, .pi-quick-create-fields textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #cdd1d8; border-radius: 4px; padding: 8px 10px; font: inherit; }
.pi-quick-create-fields input { height: 36px; }
.pi-quick-create-fields textarea { min-height: 75px; resize: vertical; }
.pi-quick-create-form > footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 22px; border-top: 1px solid #e3e6eb; }
.pi-quick-create-error { margin: 0 22px 16px; color: #b42318; font-size: 12px; }
#quote .pi-entry-summary > div,
#quote .pi-entry-summary > label { background: linear-gradient(to left, #fff 169px, rgb(247, 248, 250) 169px); }
#quote .pi-entry-summary .pi-entry-total { background: linear-gradient(to left, #fff 169px, #e6e8eb 169px); }
#quote .pi-client-section .pi-party-grid > label,
#quote .grid-form.pi-trade-fields > label {
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #344054;
}
.document:has(.pi-doc),
.live-preview-body .document:has(.pi-doc),
#quote .live-preview-body .document:has(.pi-doc) {
  width: var(--preview-paper-width, 210mm);
  max-width: none;
}
.pi-doc > .pi-page {
  width: var(--preview-paper-width, 210mm);
  min-height: var(--preview-paper-height, 297mm);
  height: var(--preview-paper-height, 297mm);
  padding: 19.05mm 11.11mm 10.05mm;
  overflow: hidden;
}
.preview-magnifier-stage > .pi-doc {
  position: relative;
  flex: 0 0 auto;
}
#piRecords .pi-transaction-summary .pi-payment-overview-title { display: flex; align-items: center; gap: 10px; }
#piRecords .pi-transaction-summary .pi-payment-overview-title small { color: #83899a; font-size: 11px; }
.pi-transaction-summary-layout { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(230px, 1fr); gap: 14px; align-items: start; }
.pi-transaction-charts { display: grid; gap: 12px; min-width: 0; }
.pi-transaction-chart { padding: 15px 18px 10px; border: 1px solid #e0e3ed; border-radius: 6px; background: #fff; }
.pi-transaction-chart-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pi-transaction-chart-heading strong { color: #344054; font-size: 12px; font-weight: 500; }
.pi-transaction-chart-heading span, .pi-transaction-chart p { color: #83899a; font-size: 11px; }
.pi-transaction-chart svg { display: block; width: 100%; height: auto; min-height: 150px; margin-top: 12px; overflow: visible; }
.pi-chart-grid { stroke: #edf0f5; stroke-width: 1; }
.pi-chart-label { fill: #83899a; font-size: 10px; font-family: inherit; }
.pi-chart-line { fill: none; stroke: var(--action-blue); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.pi-chart-point { fill: white; stroke: var(--action-blue); stroke-width: 2; }
.pi-chart-point:hover, .pi-chart-point:focus { fill: var(--action-blue); stroke-width: 4; outline: none; }
.pi-transaction-chart p { margin: 4px 0 0; }
#piRecords .pi-transaction-summary .pi-payment-overview-items { grid-template-columns: 1fr; gap: 8px; }
#piRecords .pi-transaction-summary .pi-payment-overview-items > div { padding: 10px 14px; }
#piRecords .pi-transaction-summary .pi-payment-overview-items strong { margin-top: 3px; font-size: 19px; }
#piRecords .pi-transaction-summary .pi-payment-overview-items small { margin-top: 3px; font-size: 10px; }
#piRecords .pi-transaction-summary .summary-awaiting { border-top-color: #d9ac50; }
.pi-chart-period { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #737b8c; font-size: 11px; }
.pi-chart-period label { display: flex; align-items: center; gap: 8px; }
.pi-chart-period input { width: auto; padding: 5px 8px; border: 1px solid #dcdfe9; border-radius: 4px; background: #fff; color: #344054; font: inherit; }
#piRecords .pi-transaction-summary { padding-top: 10px; padding-bottom: 10px; }
.pi-summary-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
#piRecords .pi-summary-heading .pi-payment-overview-title { padding: 0; }
.pi-chart-month-picker { display: flex; align-items: center; gap: 8px; color: #596178; font-size: 11px; }
.pi-chart-month-picker input { width: auto; min-height: 28px; padding: 4px 8px; border: 1px solid #dcdfe9; border-radius: 4px; background: #fff; color: #344054; font: inherit; }
.pi-transaction-summary-layout { grid-template-columns: minmax(0, 1.9fr) minmax(240px, 1fr); align-items: stretch; gap: 12px; }
.pi-transaction-chart { padding: 12px 14px 8px; }
.pi-transaction-chart svg { height: 156px; min-height: 0; margin-top: 8px; }
#piRecords .pi-transaction-summary .pi-payment-overview-items { grid-template-columns: 1fr; grid-template-rows: repeat(3, minmax(0, 1fr)); }
#piRecords .pi-transaction-summary .pi-payment-overview-items > div { display: flex; flex-direction: column; justify-content: center; padding: 9px 14px; }
#piRecords .pi-transaction-summary .pi-payment-overview-items strong { margin-top: 4px; }
#piRecords .pi-simple-overview { padding: 6px 20px; background: #f7f7f7; }
#piRecords .pi-simple-overview .pi-summary-heading { margin-bottom: 4px; }
#piRecords .pi-simple-overview .pi-payment-overview-title { padding: 0; font-size: 14px; font-weight: 600; }
.pi-overview-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 6px 0; border: 1px solid #e0e3eb; border-radius: 14px; background: #fff; }
.pi-overview-total { padding: 0 30px; min-width: 0; }
.pi-overview-total + .pi-overview-total { border-left: 1px solid #e0e3eb; }
.pi-overview-total-label { color: #667085; font-size: 13px; line-height: 1.5; }
.pi-overview-amount { margin-top: 2px; }
.pi-overview-amount strong { display: block; color: #172b42; font-size: 25px; font-weight: 650; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pi-overview-amount small { display: block; margin-top: 2px; color: #8b98aa; font-size: 11px; }
.pi-overview-overdue .pi-overview-total-label { color: #e53935; }
.pi-overview-total .pi-overview-total-label { font-weight: 400; }
.pi-overview-totals > :last-child .pi-overview-total-label { color: var(--action-blue); }
.pi-overview-monthly { margin-top: 12px; }
:is(#customers, #items) .directory-compact-table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.shipping-overview-summary .pi-summary-heading { margin-bottom: 4px; }
.shipping-summary-pending .pi-overview-total-label { color: #9b701a; }
.shipping-summary-transit .pi-overview-total-label { color: var(--action-blue); }
.shipping-summary-arrived .pi-overview-total-label { color: #168047; }
.shipping-summary-total .pi-overview-amount strong { color: var(--action-blue); }
.linked-draft-canvas .ci-item-entry-table th:last-child { width: 34px; }
.linked-draft-canvas .ci-note-editor-section { margin-top: 0; }
.linked-draft-workspace form[data-hide-column-0] .pi-item-entry-table tr > :nth-child(1) { display: none; }
.linked-draft-workspace form[data-hide-column-1] .pi-item-entry-table tr > :nth-child(2) { display: none; }
.linked-draft-workspace form[data-hide-column-2] .pi-item-entry-table tr > :nth-child(3) { display: none; }
.linked-draft-workspace form[data-hide-column-3] .pi-item-entry-table tr > :nth-child(4) { display: none; }
.linked-draft-workspace form[data-hide-column-4] .pi-item-entry-table tr > :nth-child(5) { display: none; }
.linked-draft-workspace form[data-hide-column-5] .pi-item-entry-table tr > :nth-child(6) { display: none; }
.linked-draft-workspace form[data-hide-column-6] .pi-item-entry-table tr > :nth-child(7) { display: none; }
.linked-draft-workspace form[data-hide-column-7] .pi-item-entry-table tr > :nth-child(8) { display: none; }
.sc-readonly-value { min-height: 34px; padding: 7px 10px; border: 1px solid #c5cbd7; border-radius: 2px; background: #f0f1f4; box-sizing: border-box; white-space: pre-wrap; overflow-wrap: anywhere; color: #536178; font-size: 12px; }
.sc-pi-style-editor .linked-draft-party-fields .sc-readonly-value { min-height: 70px; }
.sc-pi-style-editor .sc-item-entry-table td input:not([type="file"]) { border: 0 !important; box-shadow: none; background: transparent; border-radius: 0; }
.sc-pi-style-editor .pi-item-entry-table .pi-item-delete { display: grid; place-items: center; width: 30px; height: 30px; margin: auto; padding: 0; border: 0; background: transparent; color: #667085; }
.sc-pi-style-editor .pi-item-delete svg { width: 16px; height: 16px; }
.sc-pi-style-editor .linked-draft-columns > summary { display: flex; align-items: center; gap: 20px; list-style: none; min-height: 30px; }
.sc-pi-style-editor .linked-draft-columns > summary::-webkit-details-marker { display: none; }
#items .catalog-image-column .doc-item-photo { display: block; width: 34px; height: 34px; margin: auto; object-fit: contain; border: 1px solid #dfe2e8; border-radius: 4px; }
.sc-pi-style-editor .sc-item-photo-upload,
.sc-pi-style-editor .sc-item-photo-upload .pl-item-photo-upload-preview { width: 34px; min-width: 0; height: 34px; min-height: 0; padding: 0; margin: auto; }
.sc-pi-style-editor .sc-item-photo-upload .doc-item-photo { width: 100%; height: 100%; object-fit: contain; }
.sc-pi-style-editor .sc-item-entry-table .pi-item-amount strong { font-size: 12px; }
.sc-pi-style-editor .sc-add-row-split { display: flex; height: 34px; }
.sc-pi-style-editor .sc-add-row-split > button { height: 34px; border-radius: 3px 0 0 3px; }
.sc-pi-style-editor .sc-add-rows-menu { position: relative; }
.sc-pi-style-editor .sc-add-rows-menu > summary { display: grid; place-items: center; width: 36px; height: 34px; border: 1px solid #bfc5cf; border-left: 0; border-radius: 0 3px 3px 0; list-style: none; cursor: pointer; color: var(--action-blue); }
.sc-pi-style-editor .sc-add-rows-menu > summary::-webkit-details-marker { display: none; }
.sc-pi-style-editor .sc-add-rows-panel { position: absolute; top: calc(100% + 4px); left: 0; width: 200px; padding: 12px; background: #fff; border: 1px solid #cdd1d8; box-shadow: 0 5px 15px #10182820; z-index: 60; }
.sc-pi-style-editor .sc-add-rows-panel button { margin-top: 8px; }
.sc-pi-style-editor .linked-draft-columns > summary { height: 34px; min-height: 34px; padding: 0; gap: 0; font-weight: 400; }
.sc-pi-style-editor .linked-draft-columns > summary > span { padding: 0 12px; }
.sc-pi-style-editor .linked-draft-columns > summary > svg { width: 36px; height: 32px; padding: 8px 10px; border-left: 1px solid #bfc5cf; box-sizing: border-box; }
.sc-pi-style-editor .linked-draft-canvas .table-head .pi-item-table-actions { align-items: center; gap: 12px; }
.sc-pi-style-editor .linked-draft-canvas .sc-add-row-split,
.sc-pi-style-editor .linked-draft-canvas .sc-add-rows-menu,
.sc-pi-style-editor .linked-draft-canvas .linked-draft-columns { height: 34px; margin: 0; }
.sc-pi-style-editor .linked-draft-canvas .sc-add-row-split > button,
.sc-pi-style-editor .linked-draft-canvas .sc-add-rows-menu > summary,
.sc-pi-style-editor .linked-draft-canvas .linked-draft-columns > summary { box-sizing: border-box; height: 34px; min-height: 34px; max-height: 34px; margin: 0; border: 1px solid #bfc5cf; background: #fff; color: var(--action-blue); box-shadow: none; font-size: 12px; font-weight: 400; line-height: 1; }
.sc-pi-style-editor .linked-draft-canvas .sc-add-row-split > button { padding: 0 12px; border-radius: 3px 0 0 3px; }
.sc-pi-style-editor .linked-draft-canvas .sc-add-rows-menu > summary { width: 36px; padding: 0; border-left: 0; border-radius: 0 3px 3px 0; }
.sc-pi-style-editor .linked-draft-canvas .linked-draft-columns > summary { padding: 0; gap: 0; border-radius: 3px; }
.sc-pi-style-editor .linked-draft-canvas .linked-draft-columns > summary > span { padding: 0 12px; }
.sc-pi-style-editor .linked-draft-canvas .linked-draft-columns > summary > svg { display: block; flex: 0 0 36px; width: 36px; height: 32px; padding: 8px 10px; border-left: 1px solid #bfc5cf; }
.sc-pi-style-editor[data-document-editor="ci"] .ci-note-editor-section { margin: 0; align-self: stretch; }
.sc-pi-style-editor[data-document-editor="ci"] .linked-document-notes { display: flex; flex-direction: column; height: 100%; gap: 7px; margin-top: 0; font-weight: 400; }
.sc-pi-style-editor[data-document-editor="ci"] .linked-document-notes > span { font-size: 11px; font-weight: 400; }
.sc-pi-style-editor[data-document-editor="ci"] .ci-note-editor-shell { display: flex; flex: 1; }
.sc-pi-style-editor[data-document-editor="ci"] textarea.ci-note-editor { width: 100%; min-height: 180px; height: 100%; border: 1px solid #c5cbd7; border-radius: 2px; padding: 7px 10px; font-size: 12px; font-weight: 400; color: #172b42; resize: vertical; }
.sc-pi-style-editor[data-document-editor="ci"] .ci-item-entry-table td input { border: 0 !important; box-shadow: none; }
.document-draft-watermark:has(.pi-doc)::after { content: none; }
.document-draft-watermark .pi-doc:not(.proforma-attachment-doc) > .pi-page::after,
.pi-doc.document-draft-watermark:not(.proforma-attachment-doc) > .pi-page::after {
  content: "DRAFT"; position: absolute; top: 28%; left: 50%; z-index: 20;
  color: rgba(173, 49, 49, .13); font-size: 92px; font-weight: 800;
  letter-spacing: 8px; line-height: 1; pointer-events: none;
  transform: translate(-50%, -50%) rotate(-28deg);
}
.document-draft-watermark .pi-doc[data-quote-watermark="quote"] > .pi-page::after,
.pi-doc.document-draft-watermark[data-quote-watermark="quote"] > .pi-page::after { content: "QUOTE"; }
.pi-doc > .pi-page > .pi-page-company-seal { position: absolute; z-index: 5; top: 132px; left: 58px; right: auto; bottom: auto; width: var(--pi-company-seal-size, 112px); height: var(--pi-company-seal-size, 112px); max-width: none; max-height: none; margin: 0; object-fit: contain; pointer-events: none; }
.pi-company-continuation-header { position: absolute; top: var(--document-margin-top, 18mm); left: var(--document-margin-left, 18mm); right: var(--document-margin-right, 18mm); height: auto; min-height: 0; display: flex; justify-content: space-between; gap: 125px; padding-bottom: 6px; border-bottom: 1px solid #cdd1d8; font-size: 10px; line-height: 1.4; }
.pi-company-continuation-header > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pi-continuation-company { flex: 1; }
.pi-continuation-company strong { font-size: 11px; }
.pi-continuation-invoice { text-align: right; }
.pi-doc > .pi-page.pi-company-continuation-page,
#documentPreview .pi-doc > .pi-page.pi-company-continuation-page { padding-top: calc(var(--document-margin-top, 18mm) + 80px) !important; }
.pi-doc > .pi-company-continuation-page > .pi-page-company-seal { top: 30px; left: 58px; }
#piAttachment .proforma-attachment-live-totals .pi-entry-total { background: linear-gradient(to right,#e6e8eb 50%,#fff 50%); }
#piAttachment .linked-draft-header-fields :is(input,.sc-readonly-value) { height: 36px; min-height: 36px; margin: 0; padding: 7px 10px; line-height: 20px; box-sizing: border-box; }
#piAttachment .linked-draft-trade-fields .sc-readonly-value { height: 36px; min-height: 36px; }
#piAttachment .linked-draft-canvas .pi-item-table-actions { display: flex; align-items: center; gap: 12px; }
#piAttachment .linked-draft-canvas .sc-add-row-split,
#piAttachment .linked-draft-canvas .sc-add-rows-menu,
#piAttachment .linked-draft-canvas .linked-draft-columns { height: 34px; margin: 0; }
#piAttachment .linked-draft-canvas .sc-add-row-split > button,
#piAttachment .linked-draft-canvas .sc-add-rows-menu > summary,
#piAttachment .linked-draft-canvas .linked-draft-columns > summary { box-sizing: border-box; height: 34px; min-height: 34px; margin: 0; border: 1px solid #bfc5cf; background: #fff; color: var(--action-blue); box-shadow: none; font-size: 12px; font-weight: 400; line-height: 1; }
#piAttachment .linked-draft-canvas .sc-add-row-split > button { padding: 0 12px; border-radius: 3px 0 0 3px; }
#piAttachment .linked-draft-canvas .sc-add-rows-menu > summary { width: 36px; padding: 0; border-left: 0; border-radius: 0 3px 3px 0; }
#piAttachment .linked-draft-canvas .proforma-attachment-items .pi-item-delete { display: grid; place-items: center; margin: auto; width: 30px; height: 30px; border: 0; padding: 0; background: transparent; color: #667085; }
#piAttachment .linked-draft-canvas .proforma-attachment-items .pi-item-delete svg { width: 16px; height: 16px; }
.pl-inherited-fields .linked-draft-party-fields > :only-child { grid-column: 1; }
.pl-inherited-fields .linked-draft-trade-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pl-inherited-fields .sc-readonly-value { white-space: pre-wrap; overflow-wrap: anywhere; }
.pl-inherited-fields .linked-draft-party-fields .sc-readonly-value { min-height: 70px; }
.packing-list-editor .linked-draft-canvas .pl-edit-table td input:not([type="hidden"]):not([type="file"]),
.packing-list-editor .linked-draft-canvas .pl-edit-table td select {
  width: 100%;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table td input:not([readonly]):focus,
.packing-list-editor .linked-draft-canvas .pl-edit-table td select:focus {
  outline: 2px solid var(--action-blue);
  outline-offset: -2px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-editor-image-cell {
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.packing-list-editor .linked-draft-canvas .pl-editor-image-cell .pl-item-photo-upload {
  display: inline-grid;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  vertical-align: middle;
}
.packing-list-editor .linked-draft-canvas .pl-editor-image-cell :is(.pl-item-photo-upload-preview, .pl-item-photo, .pl-item-photo-placeholder) {
  width: 34px;
  height: 34px;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  object-fit: contain;
}
.packing-list-editor .linked-draft-canvas .pl-editor-image-cell .pl-item-photo-upload-badge {
  right: -3px;
  bottom: -3px;
}
.packing-list-editor .sc-add-row-split { display: flex; height: 34px; }
.packing-list-editor .sc-add-row-split > button { height: 34px; border-radius: 3px 0 0 3px; }
.packing-list-editor .sc-add-rows-menu { position: relative; }
.packing-list-editor .sc-add-rows-menu > summary { display: grid; place-items: center; width: 36px; height: 34px; border: 1px solid #bfc5cf; border-left: 0; border-radius: 0 3px 3px 0; list-style: none; cursor: pointer; color: var(--action-blue); }
.packing-list-editor .sc-add-rows-menu > summary::-webkit-details-marker { display: none; }
.packing-list-editor .sc-add-rows-panel { position: absolute; top: calc(100% + 4px); left: 0; width: 200px; padding: 12px; background: #fff; border: 1px solid #cdd1d8; box-shadow: 0 5px 15px #10182820; z-index: 60; }
.packing-list-editor .sc-add-rows-panel button { margin-top: 8px; }
.packing-list-editor .linked-draft-canvas .table-head .pi-item-table-actions { align-items: center; gap: 12px; }
.packing-list-editor .linked-draft-canvas .sc-add-row-split,
.packing-list-editor .linked-draft-canvas .sc-add-rows-menu,
.packing-list-editor .linked-draft-canvas .linked-draft-columns { height: 34px; margin: 0; }
.packing-list-editor .linked-draft-canvas .sc-add-row-split > button,
.packing-list-editor .linked-draft-canvas .sc-add-rows-menu > summary,
.packing-list-editor .linked-draft-canvas .linked-draft-columns > summary { box-sizing: border-box; height: 34px; min-height: 34px; max-height: 34px; margin: 0; border: 1px solid #bfc5cf; background: #fff; color: var(--action-blue); box-shadow: none; font-size: 12px; font-weight: 400; line-height: 1; }
.packing-list-editor .linked-draft-canvas .sc-add-row-split > button { padding: 0 12px; border-radius: 3px 0 0 3px; }
.packing-list-editor .linked-draft-canvas .sc-add-rows-menu > summary { width: 36px; padding: 0; border-left: 0; border-radius: 0 3px 3px 0; }
.packing-list-editor .linked-draft-canvas .pl-edit-table :is(.pl-delete-heading,.pl-delete-cell) { width: 3%; min-width: 0; padding: 0; text-align: center; }
.packing-list-editor .linked-draft-canvas .pl-edit-table .pi-item-delete { display: inline-grid; place-items: center; width: 32px; height: 32px; min-height: 0; padding: 0; border: 0; background: transparent; color: #7b8194; box-shadow: none; }
.packing-list-editor .pl-edit-table .pi-item-delete svg { width: 16px; height: 16px; }
.packing-list-editor .linked-draft-canvas .pl-table-row-actions { gap: 12px; }
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-product-cell .pl-product-combobox {
  display: grid;
  align-content: center;
  gap: 2px;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 6px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #172033;
  cursor: pointer;
  text-align: left;
  box-shadow: none;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-product-cell .pl-product-combobox:hover {
  background: #fafbff;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-product-cell .pl-product-combobox:focus,
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-product-cell .pl-product-combobox[aria-expanded="true"] {
  outline: 2px solid var(--action-blue);
  outline-offset: -2px;
}
.pl-product-combobox-name,
.pl-product-combobox-description {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pl-product-combobox-name {
  font-size: 12px;
  font-weight: 500;
}
.pl-product-combobox-description {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}
.pl-product-combobox-empty {
  display: block;
  min-height: 18px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-product-cell input,
.packing-list-editor .linked-draft-canvas .pl-edit-table .pl-manual-quantity-cell input {
  cursor: text;
}
.pi-doc.pl-doc .pl-document-table,
.pi-doc.pl-doc .pl-document-total table { border-collapse: collapse; }
.pi-doc.pl-doc .pl-document-table :is(th, td),
.pi-doc.pl-doc .pl-document-total td {
  border-top: 1px solid #8b8b8b;
  border-bottom: 1px solid #8b8b8b;
}
.pi-doc.pl-doc .pl-document-table :is(th, td) {
  border-left: 1px solid #8b8b8b;
  border-right: 1px solid #8b8b8b;
}
.pi-doc.pl-doc .pl-document-totals-section {
  margin-top: 16px;
}
.pi-doc.pl-doc .pl-shipping-details-line {
  border-bottom: 0;
}
.pi-doc.pl-doc .pl-document-table {
  border: 1px solid #8b8b8b;
}
body[data-theme="dark"] th:not(:where(.document *, #documentPreview *, .payment-bill-preview *)) {
  background: #353535;
  color: #aebbd1;
}
body[data-theme="dark"] td:not(:where(.document *, #documentPreview *, .payment-bill-preview *)),
body[data-theme="dark"] th:not(:where(.document *, #documentPreview *, .payment-bill-preview *)),
body[data-theme="dark"] .module-overview-head,
body[data-theme="dark"] .dashboard-overview-head {
  border-color: var(--line);
}
body[data-theme="dark"] td:not(:where(.document *, #documentPreview *, .payment-bill-preview *)) {
  color: #d5deed;
}
body[data-theme="dark"] tbody tr:not(:where(.document *, #documentPreview *, .payment-bill-preview *)):not(:has(> .module-overview-no-results)):hover,
body[data-theme="dark"] .module-overview-table tbody tr:not(:where(.document *, #documentPreview *, .payment-bill-preview *)):not(:has(> .module-overview-no-results)):hover {
  background: #3d3d3d;
}
#items .item-latest-transactions .num { text-align: right; }
.payment-bill-doc.pi-doc {
  page: paymentBill;
}
#previewPanel:is([data-document-type="payment"], [data-document-type="expense"]) .payment-bill-doc > .payment-bill-print-sheet {
  position: relative;
  width: 297mm;
  min-height: 210mm;
  height: 210mm;
  padding: 12mm 14mm;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  color: #172033;
  font-size: 11px;
  line-height: 1.45;
}
#previewPanel[data-document-type="payment"] .payment-bill-print-sheet.is-approved::before {
  content: "APPROVED";
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  padding: 8px 24px;
  border: 5px solid rgb(78 157 0 / 24%);
  border-radius: 8px;
  color: rgb(78 157 0 / 24%);
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-16deg);
  transform-origin: center;
}
.payment-bill-preview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid #172033;
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-header > div:first-child {
  display: grid;
  gap: 3px;
}
.payment-bill-preview-logo {
  width: 72px;
  height: 64px;
  margin-bottom: 3px;
  object-fit: cover;
  object-position: left center;
}
.record-bill-logo-top-center .payment-bill-preview-logo { object-position: center; }
.record-bill-logo-top-right .payment-bill-preview-logo { object-position: right center; }
.payment-bill-preview-header h1,
.payment-bill-preview-header p,
.payment-bill-preview-header span {
  margin: 0;
}
.payment-bill-preview-header > div:first-child > span {
  color: #667085;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.payment-bill-preview-header h1 {
  color: #101828;
  font-size: 24px;
  line-height: 1.2;
}
.payment-bill-preview-header p {
  color: #667085;
  font-size: 11px;
}
.payment-bill-preview-issued {
  display: grid;
  gap: 3px;
  min-width: 190px;
  color: #667085;
  text-align: right;
}
.payment-bill-preview-issued strong {
  color: #172033;
  font-size: 11px;
  font-weight: 600;
}
.payment-bill-preview-meta {
  display: grid;
  grid-template-columns: 1.1fr 1.7fr repeat(4, 1fr);
  border: 1px solid #cfd4dc;
  border-top: 0;
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-meta > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
  border-right: 1px solid #d9dde3;
}
.payment-bill-preview-meta > div:last-child { border-right: 0; }
.payment-bill-preview-meta span,
.payment-bill-preview-section-head span,
.payment-bill-preview-subhead span {
  color: #667085;
  font-size: 9px;
  font-weight: 600;
}
.payment-bill-preview-meta strong {
  overflow: hidden;
  color: #101828;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-bill-preview-section-head,
.payment-bill-preview-subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 38px;
  padding: 7px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #cfd4dc;
  background: #f1f1f1;
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-section-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-bill-preview-section-head strong {
  color: #101828;
  font-size: 11px;
}
.payment-bill-preview-grid {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}
.payment-bill-preview-grid caption {
  padding: 0;
  caption-side: top;
  text-align: left;
}
.payment-bill-preview-table {
  margin-top: 14px;
  border: 1px solid #cfd4dc;
}
.payment-bill-preview-grid thead {
  display: table-header-group;
}
.payment-bill-preview-grid tr {
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-grid :is(th, td) {
  padding: 7px 9px;
  border-right: 1px solid #d9dde3;
  border-bottom: 1px solid #d9dde3;
  color: #344054;
  font-size: 10px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.payment-bill-preview-grid :is(th, td):last-child { border-right: 0; }
.payment-bill-preview-grid th {
  background: #ededed;
  color: #667085;
  font-weight: 700;
}
.payment-bill-preview-grid .num { text-align: right; }
.payment-bill-preview-received { color: #101828 !important; font-weight: 700; }
.payment-bill-preview-empty { height: 54px; color: #667085 !important; text-align: center !important; vertical-align: middle !important; }
.payment-bill-preview-summary {
  display: grid;
  width: 410px;
  max-width: 100%;
  margin-left: auto;
  padding: 9px 12px 11px;
  box-sizing: border-box;
  border-right: 0;
  border-left: 0;
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 25px;
}
.payment-bill-preview-summary span { color: #667085; }
.payment-bill-preview-summary strong { color: #101828; }
.payment-bill-preview-summary .payment-bill-preview-total {
  min-height: 39px;
  margin-top: 4px;
  border-top: 2px solid #20242c;
  border-bottom: 2px solid #20242c;
}
.payment-bill-preview-total :is(span, strong) {
  color: #101828;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.payment-bill-preview-notes,
.payment-bill-preview-history-table {
  border-right: 1px solid #cfd4dc;
  border-left: 1px solid #cfd4dc;
  border-top: 1px solid #cfd4dc;
}
.payment-bill-preview-history-table { border-left: 0; border-right: 0; border-bottom: 1px solid #cfd4dc; }
.payment-bill-preview-history-table :is(th, td) { border-left: 0; border-right: 0; padding: 3px 7px; font-size: 9px; line-height: 1.25; }
.payment-bill-preview-history-table .payment-bill-preview-subhead { padding: 6px 7px; }
.payment-bill-preview-history-table .payment-bill-preview-action { padding: 0; background: transparent; font-weight: 400; line-height: 1.25; }
.payment-bill-preview-history-table .payment-bill-preview-history-detail p { margin: 0 0 2px; }
.payment-bill-preview-history-table .payment-bill-preview-history-detail ul { gap: 1px; }
.payment-bill-preview-subhead h2 {
  margin: 0;
  color: #101828;
  font-size: 12px;
}
.payment-bill-preview-notes > div:last-child {
  min-height: 54px;
  padding: 10px 12px;
  box-sizing: border-box;
  white-space: pre-wrap;
  break-inside: avoid;
  page-break-inside: avoid;
}
.payment-bill-preview-notes p,
.payment-bill-preview-history-detail p {
  margin: 0 0 5px;
}
.payment-bill-preview-notes p:last-child,
.payment-bill-preview-history-detail p:last-child { margin-bottom: 0; }
.payment-bill-preview-empty-value { color: #98a2b3; }
.payment-bill-preview-history-table th:nth-child(1) { width: 160px; }
.payment-bill-preview-history-table th:nth-child(2) { width: 120px; }
.payment-bill-preview-history-table th:nth-child(3) { width: 110px; }
.payment-bill-preview-time { white-space: nowrap; }
.payment-bill-preview-action {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px;
  background: #eef2f6;
  color: #344054;
  font-size: 9px;
  font-weight: 700;
}
.payment-bill-preview-action.is-note { background: #eef0ff; color: var(--action-blue); }
.payment-bill-preview-history-detail ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.payment-bill-preview-history-detail li {
  display: grid;
  grid-template-columns: minmax(105px, 145px) minmax(0, 1fr);
  gap: 8px;
}
.payment-bill-preview-history-detail li strong { color: #344054; }
.payment-bill-preview-history-detail li span { color: #667085; }
.payment-bill-danger-zone {
  margin-top: 8px;
}
.cashflow-overview-summary .pi-summary-heading {
  margin-bottom: 4px;
  color: #596178;
  font-size: 14px;
  font-weight: 600;
}
.cashflow-overview-summary .pi-overview-totals {
  min-height: 0;
  padding: 6px 0;
  border: 1px solid #e0e3eb;
  border-radius: 14px;
  background: #fff;
}
.cashflow-overview-summary .pi-overview-total {
  min-width: 0;
  padding: 0 30px;
}
.cashflow-overview-summary .cashflow-summary-received :is(.pi-overview-total-label, .pi-overview-amount strong) { color: #087a53; }
.cashflow-overview-summary .cashflow-summary-expense :is(.pi-overview-total-label, .pi-overview-amount strong) { color: #b42318; }
.cashflow-overview-summary .cashflow-summary-net :is(.pi-overview-total-label, .pi-overview-amount strong) { color: var(--action-blue); }
.cashflow-overview-summary .cashflow-summary-count .pi-overview-total-label { color: var(--action-blue); }
.cashflow-table .num { text-align: right; }
#paymentWorkspace .payment-overview-table .num {
  text-align: right;
}
.cashflow-quick-preview-document .payment-bill-doc.pi-doc {
  display: grid;
  gap: 18px;
  width: 297mm;
}
.cashflow-quick-preview-document .payment-bill-print-sheet {
  position: relative;
  box-sizing: border-box;
  width: 297mm;
  min-height: 210mm;
  height: 210mm;
  padding: 12mm 14mm;
  overflow: hidden;
  background: #fff;
  color: #172033;
  font-size: 11px;
  line-height: 1.45;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .14);
}
.cashflow-quick-preview-document .payment-bill-print-sheet.is-approved::before {
  content: "APPROVED";
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  padding: 8px 24px;
  border: 5px solid rgb(78 157 0 / 24%);
  border-radius: 8px;
  color: rgb(78 157 0 / 24%);
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-16deg);
  transform-origin: center;
}
.purchase-orders-summary .pi-summary-heading { margin-bottom: 4px; color: var(--muted); font-size: 14px; }
:is(#purchaseOrders, #purchaseShipments) .purchase-orders-table .num { text-align: right; }
#purchaseOrdersWorkspace .purchase-orders-summary .pi-summary-heading { margin-bottom: 4px; }
#purchaseOrdersWorkspace .purchase-orders-summary .pi-payment-overview-title {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-totals {
  min-height: 0;
  padding: 6px 0;
  border: 1px solid #e0e3eb;
  border-radius: 14px;
  background: #fff;
}
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-total {
  min-width: 0;
  padding: 0 30px;
  background: transparent;
}
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-total + .pi-overview-total { border-left: 1px solid #e0e3eb; }
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-total-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-total-label b {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  color: #4b36f4;
  background: #f0edff;
  font-size: 10px;
  font-weight: 600;
}
#purchaseOrdersWorkspace .purchase-orders-summary .pi-overview-amount strong {
  text-align: left;
  font-size: 25px;
  line-height: 1.3;
}
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-select-column { width: 42px; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-number-column { width: 8%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-linked-order-column { width: 8%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-price-column { width: 12%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-production-column { width: 14%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-date-column { width: 10%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-supplier-column { width: 18%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-total-column { width: 11%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-paid-column { width: 10%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-pending-column { width: 14%; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-status-column { width: 12%; }
#purchaseOrdersWorkspace .purchase-order-clickable-row { cursor: pointer; }
#purchaseOrdersWorkspace .purchase-order-clickable-row:focus-visible {
  outline: 2px solid rgba(63, 70, 244, .35);
  outline-offset: -2px;
}
#purchaseOrdersWorkspace .purchase-orders-table .purchase-order-status-column {
  text-align: right;
}
#purchaseOrdersWorkspace .purchase-order-row-menu { justify-content: center; }
#purchaseOrdersWorkspace .purchase-order-row-menu .record-action-menu { min-width: 126px; }
#settings.pi-defaults-mode #documentTermsCard,
#settings.pi-defaults-mode [data-settings-editor="proforma"] .settings-fields-grid > label,
#settings.pi-defaults-mode [data-settings-editor="proforma"] .settings-card-actions { display: none; }
.pi-theme-designer { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; color: #172033; background: #fff; }
.pi-theme-designer > form { display: flex; flex-direction: column; height: 100%; }
.pi-theme-designer header { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; min-height: 58px; box-sizing: border-box; padding: 10px 16px; border-bottom: 1px solid #d6d9e3; }
.pi-theme-designer header strong { font-size: 13px; white-space: nowrap; }
.pi-theme-designer header input { width: 200px; padding: 6px 10px; }
.pi-designer-header-title { display: flex; align-items: center; justify-content: center; gap: 12px; justify-self: center; }
.pi-designer-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; justify-self: stretch; min-width: 0; }
.pi-designer-header-actions [data-error] { min-width: 0; color: #b42318; font-size: 11px; text-align: right; }
.pi-theme-designer header button[data-cancel] { margin-left: 0; }
.pi-theme-designer header button[type="submit"] { margin-left: 0; }
.pi-theme-designer header button[data-close] { display: grid; place-items: center; width: 34px; height: 34px; min-width: 34px; flex: 0 0 auto; padding: 0; font-size: 26px; font-weight: 400; line-height: 1; color: #344054; background: transparent; border: 0; border-radius: 4px; }
.pi-theme-designer header button[data-close]:hover { background: #f0edff; color: var(--action-blue); }
.pi-theme-designer button { width: auto; flex: 0 0 auto; padding: 6px 12px; font-size: 12px; }
.pi-theme-designer [data-close], .pi-theme-designer [data-zoom] { background: transparent; color: #657086; }
.pi-designer-layout { display: grid; grid-template-columns: 358px minmax(0, 1fr); flex: 1; min-height: 0; }
.pi-designer-layout aside { overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overflow-anchor: none; scrollbar-gutter: stable; border-right: 1px solid #d6d9e3; font-family: var(--font-ui); font-size: 13px; font-weight: 400; line-height: 1.6; transform: none; will-change: auto; }
.pi-designer-layout aside :is(h3, h4, summary, label, span, strong, small, legend, input, select, textarea, button) { font-family: var(--font-ui); }
.pi-designer-properties-title { position: sticky; top: 0; z-index: 3; margin: 0; padding: 16px; border-bottom: 1px solid #d6d9e3; color: #172033; background: #fff; font-size: 14px; font-weight: 600; }
.pi-designer-document-context { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px; border-bottom: 1px solid #e4e7ec; color: #667085; background: #f8f9fb; font-size: 12px; font-weight: 400; }
.pi-designer-document-context strong { color: #344054; font-size: 12px; font-weight: 400; text-align: right; }
.pi-designer-layout details { contain: layout; border-bottom: 1px solid #d6d9e3; padding: 0 16px 16px; background: #fff; }
.pi-designer-layout details:not([open]) { padding-bottom: 0; }
.pi-designer-layout summary { margin: 0 -16px; padding: 18px 16px; font-size: 13px; font-weight: 400; line-height: 1.6; cursor: pointer; list-style-position: inside; }
.pi-designer-layout summary:hover { background: #f7f8fa; }
.pi-designer-layout label { display: grid; gap: 6px; margin: 16px 0; font-size: 13px; font-weight: 400; line-height: 1.6; }
.pi-designer-layout label[hidden] { display: none; }
.pi-designer-layout :is(input, select, textarea) { min-width: 0; width: 100%; box-sizing: border-box; font: inherit; padding: 7px; }
.pi-designer-layout input[type="color"] { height: 36px; }
.pi-designer-layout fieldset { display: flex; align-items: center; gap: 16px; min-width: 0; margin: 16px 0; padding: 0; border: 0; }
.pi-designer-layout fieldset legend { margin-bottom: 8px; font-size: 12px; }
.pi-designer-layout fieldset label { display: flex; align-items: center; gap: 6px; margin: 0; }
.pi-designer-layout fieldset input { width: auto; margin: 0; }
.pi-designer-page-settings { padding-bottom: 4px; border-bottom: 1px solid #e1e4ea; }
.pi-designer-page-settings h4,
.pi-designer-layout details > h4 { margin: 14px 0 6px; font-size: 13px; font-weight: 400; }
.pi-designer-margin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.pi-designer-default-group { margin-top: 16px; padding-top: 4px; border-top: 1px solid #e4e7ec; }
.pi-designer-default-group h4 { margin: 14px 0 8px; color: #172033; font-size: 13px; font-weight: 400; line-height: 1.6; text-transform: none; letter-spacing: normal; }
.pi-designer-column-help { display: block; margin: -2px 0 10px; color: #667085; font-size: 10px; line-height: 1.45; }
.pi-designer-check-grid { display: grid; gap: 8px; margin: 10px 0 16px; }
.pi-designer-layout label.pi-designer-check { display: flex; grid-template-columns: none; align-items: center; gap: 8px; min-height: 18px; margin: 0; line-height: 1.35; }
.pi-designer-layout .pi-designer-check input { flex: 0 0 auto; width: 13px; height: 13px; margin: 0; }
.pi-designer-layout .pi-designer-check span { min-width: 0; }
.pi-designer-layout label.pi-designer-check:has(input:disabled) { cursor: not-allowed; opacity: .48; }
.pi-designer-layout .pi-designer-check input:disabled { cursor: not-allowed; }
.pi-designer-empty-note { margin: 14px 0 2px; color: #667085; font-size: 11px; line-height: 1.5; }
.pi-designer-layout small { display: block; color: #7b879b; font-size: 12px; font-weight: 400; line-height: 1.6; }
.pi-designer-layout main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.pi-designer-layout nav { order: 3; display: flex; flex: 0 0 auto; gap: 12px; align-items: center; justify-content: flex-end; min-height: 42px; box-sizing: border-box; padding: 8px 18px; border-top: 1px solid #e1e3e9; background: #fff; font-size: 12px; }
.pi-designer-layout nav > span { margin-right: auto; }
.pi-designer-layout nav > .pi-designer-edit-hint { margin-right: 0; color: #667085; font-size: 11px; }
.pi-designer-word-toolbar { position: relative; z-index: 2; display: grid; gap: 0; padding: 8px 10px; border-bottom: 1px solid #d8dde7; background: #eef8fd; box-shadow: 0 1px 3px rgba(16, 24, 40, .08); }
.pi-designer-insert-row,
.pi-designer-format-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pi-designer-word-toolbar :is(button, select, input) { box-sizing: border-box; flex: 0 0 auto; width: auto; min-width: 0; height: 30px; margin: 0; padding: 4px 9px; border: 1px solid #cfd6e2; border-radius: 3px; color: #172033; background: #fff; font: 11px/1.2 Arial, sans-serif; }
.pi-designer-insert-row select:first-child { width: 148px; }
.pi-designer-insert-row select[data-placeholder] { width: 190px; }
.pi-designer-insert-row input { width: 190px; }
.pi-designer-format-row { gap: 1px; min-height: 36px; padding: 3px 8px; overflow-x: auto; border: 1px solid #cfd6e2; background: #f5f6fa; }
.pi-designer-format-row button { display: grid; place-items: center; width: 28px; min-width: 28px; height: 28px; padding: 0; border-color: transparent; border-radius: 2px; background: transparent; }
.pi-designer-format-row button[hidden] { display: none !important; }
.pi-designer-format-row button:hover { border-color: #c8cfdb; background: #fff; }
.pi-designer-format-row > select { height: 28px; max-width: none; padding: 3px 22px 3px 8px; border-color: transparent; border-radius: 2px; background-color: transparent; }
.pi-designer-format-row > select:hover { border-color: #c8cfdb; background-color: #fff; }
.pi-designer-format-row .pi-designer-font-size { width: 66px; }
.pi-designer-format-row .pi-designer-font-family { width: 150px; }
.pi-designer-format-row label { display: inline-flex; align-items: center; justify-content: center; gap: 3px; width: auto; margin: 0; font-size: 12px; }
.pi-designer-toolbar-menu { position: relative; display: inline-flex; flex: 0 0 auto; }
.pi-designer-toolbar-menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; gap: 2px; width: 40px !important; min-width: 40px !important; }
.pi-designer-toolbar-menu-toggle svg:first-child { width: 15px; height: 15px; }
.pi-designer-toolbar-menu-toggle svg:last-child { width: 12px; height: 12px; }
.pi-designer-choice-menu-toggle { display: inline-flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100% !important; min-width: 0 !important; height: 28px !important; padding: 3px 7px 3px 8px !important; }
.pi-designer-choice-menu-toggle svg { width: 14px; height: 14px; }
.pi-designer-font-size-menu { width: 66px; }
.pi-designer-font-family-menu { width: 150px; }
.pi-designer-choice-menu-popover { min-width: 100%; padding: 5px; }
.pi-designer-choice-menu-popover button { white-space: nowrap; }
.pi-designer-toolbar-menu-popover { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; display: grid; min-width: 164px; padding: 5px; border: 1px solid #cfd6e2; border-radius: 4px; background: #fff; box-shadow: 0 8px 18px rgba(16, 24, 40, .16); }
.pi-designer-toolbar-menu-popover[hidden] { display: none; }
.pi-designer-toolbar-menu-popover button { display: flex !important; justify-content: flex-start; width: 100% !important; min-width: 0 !important; height: 30px !important; padding: 0 9px !important; border: 0 !important; border-radius: 2px !important; color: #172033; background: transparent !important; font: 12px/1.2 Arial, sans-serif !important; text-align: left; }
.pi-designer-toolbar-menu-popover button:hover { background: #edf2ff !important; }
.pi-designer-border-popover { grid-template-columns: repeat(3, 34px); min-width: 0; gap: 6px; padding: 8px; }
.pi-designer-border-popover button { display: grid !important; width: 34px !important; min-width: 34px !important; height: 34px !important; place-items: center; padding: 0 !important; }
.pi-designer-border-popover button:hover { background: #edf2ff !important; }
.pi-designer-border-color { grid-column: 1 / -1; display: flex !important; align-items: center; justify-content: space-between !important; gap: 12px; width: auto !important; min-height: 30px; margin-top: 2px !important; padding-top: 7px; border-top: 1px solid #e5e7eb; color: #344054; font-size: 11px !important; font-weight: 600; }
.pi-designer-border-color input { width: 30px; height: 24px; min-height: 24px; box-sizing: border-box; padding: 2px; border: 1px solid #cfd6e2; border-radius: 3px; background: #fff; cursor: pointer; }
.pi-designer-border-popover button[aria-checked="true"] { background: #e1e2e4 !important; }
.pi-designer-border-popover button[aria-checked="true"]::before { content: none !important; }
.pi-border-preview { position: relative; display: block; width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #d6dbe4; background: linear-gradient(90deg, transparent 48%, #e1e5eb 48%, #e1e5eb 52%, transparent 52%), linear-gradient(0deg, transparent 48%, #e1e5eb 48%, #e1e5eb 52%, transparent 52%); }
.pi-border-preview::before,
.pi-border-preview::after { position: absolute; display: block; content: ""; background: var(--border-preview-color, #4a4f58); }
.pi-border-preview::before { top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); }
.pi-border-preview::after { top: 50%; right: 0; left: 0; height: 2px; transform: translateY(-50%); }
.pi-border-preview[data-border-preview="none"] { border-color: #d9dee6; background: linear-gradient(90deg, transparent 48%, #e1e5eb 48%, #e1e5eb 52%, transparent 52%), linear-gradient(0deg, transparent 48%, #e1e5eb 48%, #e1e5eb 52%, transparent 52%); }
.pi-border-preview[data-border-preview="none"]::before,
.pi-border-preview[data-border-preview="none"]::after { display: none; }
.pi-border-preview[data-border-preview="all"] { border: 2px solid var(--border-preview-color, #4a4f58); }
.pi-border-preview[data-border-preview="outer"] { border: 2px solid var(--border-preview-color, #4a4f58); background: none; }
.pi-border-preview[data-border-preview="outer"]::before,
.pi-border-preview[data-border-preview="outer"]::after { display: none; }
.pi-border-preview[data-border-preview="inner-horizontal"] { background: linear-gradient(0deg, transparent 47%, var(--border-preview-color, #4a4f58) 47%, var(--border-preview-color, #4a4f58) 53%, transparent 53%); }
.pi-border-preview[data-border-preview="inner-horizontal"]::before { display: none; }
.pi-border-preview[data-border-preview="inner-vertical"] { background: linear-gradient(90deg, transparent 47%, var(--border-preview-color, #4a4f58) 47%, var(--border-preview-color, #4a4f58) 53%, transparent 53%); }
.pi-border-preview[data-border-preview="inner-vertical"]::after { display: none; }
.pi-border-preview[data-border-preview="top"] { border-top: 2px solid var(--border-preview-color, #4a4f58); }
.pi-border-preview[data-border-preview="top"]::before,
.pi-border-preview[data-border-preview="top"]::after { display: none; }
.pi-border-preview[data-border-preview="bottom"] { border-bottom: 2px solid var(--border-preview-color, #4a4f58); }
.pi-border-preview[data-border-preview="bottom"]::before,
.pi-border-preview[data-border-preview="bottom"]::after { display: none; }
.pi-border-preview[data-border-preview="left"] { border-left: 2px solid var(--border-preview-color, #4a4f58); }
.pi-border-preview[data-border-preview="left"]::before,
.pi-border-preview[data-border-preview="left"]::after { display: none; }
.pi-border-preview[data-border-preview="right"] { border-right: 2px solid var(--border-preview-color, #4a4f58); }
.pi-border-preview[data-border-preview="right"]::before,
.pi-border-preview[data-border-preview="right"]::after { display: none; }
.pi-designer-toolbar-menu-popover button[aria-checked="true"]::before { content: "✓"; width: 16px; margin-right: 4px; color: var(--action-blue); }
.pi-designer-alignment-grid { grid-template-columns: repeat(3, 26px); min-width: 0; gap: 2px; padding: 6px; }
.pi-designer-alignment-grid button { display: grid !important; place-items: center; width: 26px !important; min-width: 26px !important; height: 26px !important; padding: 0 !important; }
.pi-designer-alignment-grid button[aria-checked="true"] { background: #edf2ff !important; }
.pi-designer-alignment-grid button[aria-checked="true"]::before { content: none; }
.pi-designer-alignment-grid span { position: relative; display: block; width: 15px; height: 15px; }
.pi-designer-alignment-grid span::before { content: ""; position: absolute; width: 7px; height: 2px; border-radius: 1px; background: #667085; }
.pi-designer-alignment-grid span[data-align-position^="top-"]::before { top: 1px; }
.pi-designer-alignment-grid span[data-align-position^="middle-"]::before { top: 6px; }
.pi-designer-alignment-grid span[data-align-position^="bottom-"]::before { bottom: 1px; }
.pi-designer-alignment-grid span[data-align-position$="-left"]::before { left: 1px; }
.pi-designer-alignment-grid span[data-align-position$="-center"]::before { left: 4px; }
.pi-designer-alignment-grid span[data-align-position$="-right"]::before { right: 1px; }
.pi-designer-format-row:has(.pi-designer-toolbar-menu.is-open) { overflow: visible; }
.pi-designer-colour-tool { position: relative; width: 28px !important; height: 28px; border: 1px solid transparent; border-radius: 2px; cursor: pointer; }
.pi-designer-colour-tool:hover { border-color: #c8cfdb; background: #fff; }
.pi-designer-colour-tool > span { position: relative; display: grid; place-items: center; width: 22px; height: 22px; font-weight: 500; }
.pi-designer-text-colour > span::after { content: ""; position: absolute; right: 3px; bottom: 1px; left: 3px; height: 2px; background: #172033; }
.pi-designer-highlight-colour > span { background: #fff1a8; }
.pi-designer-format-row .pi-designer-colour-tool input[type="color"] { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: pointer; }
.pi-designer-icon-select { position: relative; width: 40px !important; height: 28px; border: 1px solid transparent; border-radius: 2px; }
.pi-designer-icon-select:hover { border-color: #c8cfdb; background: #fff; }
.pi-designer-icon-select svg { position: absolute; left: 6px; width: 15px; height: 15px; pointer-events: none; }
.pi-designer-icon-select::after { content: ""; position: absolute; right: 5px; border: 3px solid transparent; border-top-color: #344054; transform: translateY(2px); pointer-events: none; }
.pi-designer-icon-select select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pi-designer-highlight-icon { padding: 1px 3px; background: #fff2a8; }
.pi-designer-format-row .pi-designer-table-divider { align-self: stretch; width: 1px; min-width: 1px; margin: 2px 5px; background: #c9d2df; }
.pi-designer-format-row .pi-designer-history-button { width: 28px; min-width: 28px; height: 28px; padding: 0; }
.pi-designer-format-row .pi-designer-history-button svg { width: 15px; height: 15px; }
.pi-designer-format-row .pi-designer-grid-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 28px; padding: 0; border-color: #cfd6e2; background: #fff; }
.pi-designer-format-row .pi-designer-grid-toggle[aria-pressed="false"] { color: #98a2b3; background: #f4f5f7; }
.pi-designer-format-row .pi-designer-grid-toggle svg { width: 15px; height: 15px; }
.pi-designer-format-row .pi-designer-html-toggle { width: 30px; min-width: 30px; margin-left: 3px; padding: 0; border-color: #cfd6e2; background: #fff; }
.pi-designer-format-row .pi-designer-html-toggle svg { width: 15px; height: 15px; }
.pi-designer-format-row .pi-designer-html-create { width: auto; min-width: 0; flex: 0 0 auto; margin-left: 4px; padding: 4px 10px; border: 1px solid var(--action-blue); border-radius: 3px; background: var(--action-blue); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; }
.pi-designer-format-row .pi-designer-html-create:hover { border-color: #3154d8; background: #3154d8; }
.pi-designer-property-placeholder { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; margin: 0 0 14px; padding: 10px; border: 1px solid #d9dee8; border-radius: 4px; background: #f8f9fb; }
.pi-designer-layout .pi-designer-property-placeholder label { display: grid; gap: 4px; min-width: 0; margin: 0; color: #344054; font-size: 11px; }
.pi-designer-property-placeholder select { height: 30px; padding: 4px 7px; background: #fff; }
.pi-designer-property-placeholder button { align-self: end; width: auto; height: 30px; flex: 0 0 auto; padding: 4px 10px; white-space: nowrap; }
.pi-designer-html-panel { display: grid; gap: 8px; padding: 10px; border: 1px solid #cfd6e2; background: #fff; }
.pi-designer-html-panel[hidden] { display: none; }
.pi-designer-html-panel label { display: grid; gap: 6px; margin: 0; color: #344054; font-size: 11px; font-weight: 600; }
.pi-designer-html-panel textarea { box-sizing: border-box; width: 100%; min-height: 96px; resize: vertical; padding: 8px 10px; border: 1px solid #98a2b3; border-radius: 0; background: #fbfcfe; color: #172033; font: 12px/1.5 Consolas, "Courier New", monospace; }
.pi-designer-html-panel > div { display: flex; align-items: center; gap: 8px; }
.pi-designer-html-panel small { color: #667085; }
.pi-designer-canvas { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; flex: 1; overflow: auto; padding: 28px 32px 48px; background: #f1f2f4; }
.pi-designer-canvas[hidden] { display: none; }
.pi-designer-canvas iframe { display: block; flex: 0 0 auto; margin: 0 auto; border: 0; background: transparent; box-shadow: none; }
.pi-designer-word-toolbar + .pi-designer-canvas { min-height: 0; }
.pi-designer-format-row { overflow-x: auto; }
.pi-theme-designer.is-html-code-mode .pi-designer-word-toolbar { flex: 1; min-height: 0; grid-template-rows: auto minmax(0, 1fr); padding-bottom: 10px; }
.pi-theme-designer.is-html-code-mode .pi-designer-format-row .pi-designer-html-toggle { color: var(--action-blue); border-color: var(--action-blue); background: #fff; }
.pi-theme-designer.is-html-code-mode .pi-designer-html-panel { min-height: 0; padding: 0; border: 0; background: transparent; }
.pi-theme-designer.is-html-code-mode .pi-designer-html-panel > label { display: block; min-height: 0; height: 100%; margin: 0; font-size: 0; }
.pi-theme-designer.is-html-code-mode .pi-designer-html-panel textarea { display: block; width: 100%; height: 100%; min-height: 0; resize: none; border: 1px solid #4169ff; border-radius: 3px; background: #fff; color: #172033; font: 12px/1.55 Consolas, "Courier New", monospace; outline: none; }
.pi-theme-designer.is-html-code-mode .pi-designer-html-panel > :is(div, small) { display: none; }
.pi-designer-table-row { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-x: auto; padding-top: 2px; }
.pi-designer-table-row strong { flex: 0 0 auto; margin-right: 2px; font-size: 11px; }
.pi-designer-table-row select { width: 78px; }
.pi-designer-table-row button { white-space: nowrap; }
.pi-designer-table-row .pi-designer-table-divider { align-self: stretch; width: 1px; min-width: 1px; background: #c9d2df; }
.pi-designer-table-row button.is-danger { color: #c4322b; }
.pi-theme-designer [data-error] { font-size: 12px; color: #b42318; }
#documentPreview .pi-page:has(> [data-theme-blank-editor]) { display: flex; flex-direction: column; }
#documentPreview.theme-editor-grid-visible :is(.pi-page, .library-generic-document) { position: relative; isolation: isolate; }
#documentPreview.theme-editor-grid-visible :is(.pi-page, .library-generic-document)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--editor-grid-top, 18mm) var(--editor-grid-right, 18mm) var(--editor-grid-bottom, 18mm) var(--editor-grid-left, 18mm);
  border: 1px solid rgba(118, 87, 255, .26);
  background-image: linear-gradient(to right, rgba(118, 87, 255, .22) 1px, transparent 1px), linear-gradient(to bottom, rgba(118, 87, 255, .22) 1px, transparent 1px);
  background-size: 88px 49px;
  pointer-events: none;
}
#documentPreview.theme-editor-grid-visible :is(.pi-page, .library-generic-document):has(table.theme-spreadsheet-grid)::before { display: none; }
#documentPreview.theme-editor-grid-hidden :is(.pi-page, .library-generic-document)::before { display: none; }
#documentPreview .pi-designer-margin-guide { position: absolute; z-index: 40; box-sizing: border-box; border: 1px dashed #7657ff; pointer-events: none; }
#documentPreview .pi-designer-margin-guide::before,
#documentPreview .pi-designer-margin-guide::after { content: ""; position: absolute; inset: -3px auto auto -3px; width: 6px; height: 6px; border-top: 2px solid #5b3df5; border-left: 2px solid #5b3df5; }
#documentPreview .pi-designer-margin-guide::after { inset: auto -3px -3px auto; border: 0; border-right: 2px solid #5b3df5; border-bottom: 2px solid #5b3df5; }
#documentPreview .pi-designer-margin-marker { position: absolute; display: inline-flex; align-items: center; min-height: 14px; padding: 1px 4px; border: 1px solid #d8d0ff; border-radius: 3px; background: rgba(255,255,255,.92); color: #5137d6; font: 8px/1 Arial, sans-serif; white-space: nowrap; box-shadow: 0 1px 2px #35248a1f; }
#documentPreview .pi-designer-margin-marker.is-top { top: 0; left: 50%; transform: translate(-50%,-50%); }
#documentPreview .pi-designer-margin-marker.is-bottom { bottom: 0; left: 50%; transform: translate(-50%,50%); }
#documentPreview .pi-designer-margin-marker.is-left { top: 50%; left: 0; transform: translate(-50%,-50%) rotate(-90deg); }
#documentPreview .pi-designer-margin-marker.is-right { top: 50%; right: 0; transform: translate(50%,-50%) rotate(90deg); }
.theme-custom-document .pi-page { position: relative; }
.pi-designer-logo-coordinates { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 8px; }
.pi-designer-logo-coordinates label { width: auto; margin: 4px 0 0; }
.pi-designer-logo-coordinates input { box-sizing: border-box; width: 150px; max-width: 100%; }
.pi-designer-logo-coordinates label:last-child { margin-bottom: 10px; }
.pi-designer-logo-padding { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 10px; }
.pi-designer-logo-padding label { display: inline-flex; align-items: center; gap: 5px; width: auto; margin: 0; color: #475467; }
.pi-designer-logo-padding svg { width: 16px; height: 16px; color: #667085; }
.pi-designer-logo-padding input { box-sizing: border-box; width: 56px; height: 30px; padding: 4px 6px; text-align: right; }
.pi-designer-logo-padding span { color: #667085; font-size: 11px; }
.pi-designer-format-row > .pi-designer-merge-button { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; white-space: nowrap; }
.pi-designer-merge-button svg { width: 15px; height: 15px; }
.pi-designer-layout fieldset.pi-designer-logo-position-options { display: grid; align-items: start; gap: 8px; }
.pi-designer-layout .pi-designer-logo-position-options label { width: 100%; white-space: nowrap; }
.pi-designer-layout .pi-designer-logo-position-options input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; opacity: 0; pointer-events: none; }
.pi-designer-layout .pi-designer-logo-position-options input[type="radio"] + span { display: inline-flex; align-items: center; gap: 8px; min-height: 18px; cursor: pointer; }
.pi-designer-layout .pi-designer-logo-position-options input[type="radio"] + span::before { content: ""; box-sizing: border-box; width: 13px; height: 13px; flex: 0 0 13px; border: 1px solid #98a2b3; border-radius: 2px; background: #fff center/10px 10px no-repeat; }
.pi-designer-layout .pi-designer-logo-position-options input[type="radio"]:checked + span::before { border-color: var(--action-blue); background-color: var(--action-blue); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.2 4.8 8.7 9.8 3.5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pi-designer-layout .pi-designer-logo-position-options input[type="radio"]:focus-visible + span::before { outline: 2px solid color-mix(in srgb, var(--action-blue) 28%, transparent); outline-offset: 2px; }
.pi-designer-layout details.pi-designer-company-section { padding-top: 0; }
.pi-designer-section-heading,
.pi-designer-company-heading,
.pi-designer-company-section .pi-designer-default-group > h4 { margin: 0 0 22px; color: #172033; font-size: 13px; font-weight: 400; line-height: 1.3; letter-spacing: .12em; text-transform: uppercase; }
.pi-designer-property-section .pi-designer-section-heading { margin-top: 14px; }
.pi-designer-property-section .pi-designer-property-placeholder { grid-template-columns: max-content minmax(0, 1fr); align-items: stretch; gap: 20px; margin-bottom: 20px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.pi-designer-property-section .pi-designer-property-placeholder > button { grid-column: 1; grid-row: 1; align-self: stretch; height: 38px; padding: 6px 14px; border-color: #d0d0d0; border-radius: 4px; color: #172033; background: #dedede; }
.pi-designer-property-section .pi-designer-property-placeholder > label,
.pi-designer-property-section .pi-designer-property-placeholder > .pi-designer-property-choice { grid-column: 2; grid-row: 1; min-width: 0; }
.pi-designer-property-section .pi-designer-property-placeholder select { height: 38px; padding: 6px 34px 6px 12px; border: 1px solid #d6deeb; border-radius: 4px; }
.pi-designer-property-section .pi-designer-property-placeholder select:focus { border: 2px solid var(--action-blue); outline: 0; padding: 5px 33px 5px 11px; }
.pi-designer-customer-address-placeholders { display: grid; gap: 16px; margin-bottom: 20px; }
.pi-designer-customer-address-placeholder { display: grid; gap: 8px; }
.pi-designer-customer-address-placeholder > strong { color: #344054; font-size: 13px; font-weight: 600; }
.pi-designer-customer-address-placeholder > div { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: stretch; gap: 20px; width: 100%; }
.pi-designer-customer-address-placeholder button { width: auto; min-width: 0; height: 38px; flex: 0 0 auto; padding: 6px 14px; border: 1px solid #d0d0d0; border-radius: 4px; color: #172033; background: #dedede; white-space: nowrap; }
.pi-designer-customer-address-placeholder label { display: block; min-width: 0; margin: 0; }
.pi-designer-customer-address-placeholder select { display: block; width: 100%; height: 38px; min-height: 38px; box-sizing: border-box; padding: 6px 34px 6px 12px; border: 1px solid #d6deeb; border-radius: 4px; background: #fff; color: #172033; }
.pi-designer-customer-address-placeholder select:focus { border: 2px solid var(--action-blue); outline: 0; padding: 5px 33px 5px 11px; }
.pi-designer-property-choice { position: relative; display: grid; min-width: 0; gap: 6px; }
.pi-designer-property-choice-toggle { display: flex !important; width: 100% !important; align-items: center; justify-content: space-between; gap: 10px; background: #fff !important; text-align: left; }
.pi-designer-property-choice-toggle svg { width: 16px; height: 16px; flex: 0 0 auto; }
.pi-designer-property-choice-options { position: fixed; z-index: 1002 !important; top: 0; left: 0; right: auto; display: grid; gap: 2px; width: 180px; max-height: 240px; padding: 5px; border: 1px solid #d0d7e4; border-radius: 4px; background: #fff; box-shadow: 0 8px 20px rgba(16, 24, 40, .16); }
.pi-designer-property-choice-options[hidden] { display: none; }
.pi-designer-property-choice-options button { justify-content: flex-start; width: 100% !important; height: 30px !important; padding: 0 9px !important; border-color: transparent !important; color: #172033 !important; background: transparent !important; font: inherit; text-align: left; }
.pi-designer-property-choice-options button:hover { background: #edf2ff !important; }
.pi-designer-property-choice-options button[aria-checked="true"]::before { content: "✓"; margin-right: 6px; color: var(--action-blue); }
.pi-designer-property-choice-options { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; }
.pi-designer-property-choice.is-open { position: relative; z-index: 1001 !important; }
.pi-designer-layout details:has(.pi-designer-property-choice.is-open) { position: relative; z-index: 1000 !important; contain: none; }
.pi-designer-layout details:has(.pi-designer-property-choice.is-open) ~ details:not(:has(.pi-designer-property-choice.is-open)) { position: relative; z-index: 0; }
.pi-designer-toolbar-menu-popover { z-index: 1002 !important; }
.pi-designer-format-row:has(.pi-designer-toolbar-menu.is-open),
.pi-designer-word-toolbar:has(.pi-designer-toolbar-menu.is-open) { position: relative; z-index: 1000; overflow: visible; }
.pi-designer-select-choice { width: 100%; }
.pi-designer-select-choice .pi-designer-property-choice-toggle { min-height: 30px; border: 1px solid #d6deeb; border-radius: 4px; background: #fff !important; }
.pi-designer-property-section .pi-designer-property-choice-toggle,
.pi-designer-customer-address-placeholder .pi-designer-property-choice-toggle { box-sizing: border-box; min-height: 38px; height: 38px; padding: 6px 12px; border: 1px solid #d6deeb; border-radius: 4px; background: #fff !important; color: #172033; }
.pi-designer-property-section .pi-designer-property-choice-toggle:focus-visible,
.pi-designer-customer-address-placeholder .pi-designer-property-choice-toggle:focus-visible { border: 2px solid var(--action-blue); outline: 0; padding: 5px 11px; }
.pi-designer-property-placeholder:has(.pi-designer-property-choice.is-open) { align-items: start; }
.pi-designer-property-placeholder:has(.pi-designer-property-choice.is-open) > [data-property-placeholder-insert] { align-self: start; }
.pi-designer-company-section .pi-designer-default-group { margin-top: 0; padding-top: 0; border-top: 0; }
.pi-designer-company-section .pi-designer-default-group > h4 { margin-bottom: 8px; }
.pi-designer-company-section .pi-designer-default-group > .pi-designer-check-grid { margin: 4px 0 8px; }
.pi-designer-company-section .pi-designer-default-group > .pi-designer-check-grid input[type="checkbox"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pi-designer-company-section .pi-designer-default-group > .pi-designer-check-grid input[type="checkbox"] + span,
.pi-designer-company-section .pi-designer-logo-position-options input[type="radio"] + span { display: inline-flex; align-items: center; gap: 8px; min-height: 18px; cursor: pointer; }
.pi-designer-company-section .pi-designer-default-group > .pi-designer-check-grid input[type="checkbox"] + span::before,
.pi-designer-company-section .pi-designer-logo-position-options input[type="radio"] + span::before { content: ""; box-sizing: border-box; width: 13px; height: 13px; flex: 0 0 13px; border: 1px solid #98a2b3; border-radius: 2px; background: #fff center/10px 10px no-repeat; }
.pi-designer-company-section .pi-designer-default-group > .pi-designer-check-grid input[type="checkbox"]:checked + span::before,
.pi-designer-company-section .pi-designer-logo-position-options input[type="radio"]:checked + span::before { border-color: var(--action-blue); background-color: var(--action-blue); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.2 4.8 8.7 9.8 3.5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); box-shadow: none; }
.pi-designer-company-section .pi-designer-logo-position-options { margin-top: 8px; }
.pi-designer-company-section .pi-designer-logo-position-options legend { margin-bottom: 4px; font-size: 13px; }
.pi-theme-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
.pi-theme-toolbar button, .pi-theme-toolbar select { width: auto; flex: 0 0 auto; }
#settings .pi-theme-toolbar button { min-height: 30px; padding: 5px 10px; font-size: 12px; line-height: 18px; border-radius: 4px; }
.pi-theme-toolbar label { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.pi-theme-status { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #5840dd; font-size: 12px; font-weight: 400; flex: 0 0 auto; }
.pi-theme-status::before { display: none; }
#settings .pi-theme-status select { width: auto; flex: 0 0 auto; min-height: 28px; padding: 4px 22px 4px 4px; border: 0; border-radius: 4px; color: #5840dd; background-color: transparent; font-size: 12px; cursor: pointer; }
#settings .pi-theme-status select:focus-visible { outline: 2px solid #b4a4ff; outline-offset: 2px; }
.pi-default-settings-dialog { width: min(560px, calc(100vw - 32px)); max-height: 90dvh; padding: 0; border: 1px solid #dfe3ea; border-radius: 6px; color: #24324a; }
.pi-default-settings-dialog::backdrop { background: rgb(20 25 40 / 45%); }
.pi-default-settings-dialog form { display: flex; flex-direction: column; max-height: 88dvh; }
.pi-default-settings-dialog header, .pi-default-settings-dialog footer { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; flex-shrink: 0; }
.pi-default-settings-dialog header { border-bottom: 1px solid #dfe3ea; }
.pi-default-settings-dialog h3 { margin: 0; font-size: 17px; }
.pi-default-settings-dialog header button { background: transparent; color: #667085; padding: 4px 8px; }
.pi-default-settings-body { padding: 4px 18px 16px; overflow-y: auto; }
.pi-default-settings-body h4 { font-size: 13px; border-bottom: 1px solid #dfe3ea; padding-bottom: 8px; margin: 18px 0 8px; }
.pi-default-settings-body p { font-size: 12px; color: #7c879b; }
.pi-default-page-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pi-default-settings-body label { display: grid; gap: 6px; font-size: 12px; }
.pi-default-settings-body :is(select, textarea) { width: 100%; box-sizing: border-box; font: inherit; }
.pi-default-settings-body textarea { min-height: 230px; line-height: 1.6; resize: vertical; }
.pi-default-settings-dialog footer { justify-content: flex-end; gap: 10px; border-top: 1px solid #dfe3ea; }
.pi-default-settings-compact { width: min(500px, calc(100vw - 24px)); border-radius: 4px; background: #fafafa; }
.pi-default-settings-compact header { padding: 12px 16px; background: #fff; }
.pi-default-settings-compact .pi-default-settings-body { padding: 0 16px 12px; }
.pi-default-settings-compact .pi-default-settings-body h4 { margin: 12px 0 8px; padding-bottom: 5px; font-size: 14px; }
.pi-default-settings-compact .pi-default-settings-body p { margin: 6px 0 10px; font-size: 11px; color: #444; line-height: 1.3; }
.pi-default-settings-compact .pi-default-settings-body label { font-size: 11px; gap: 3px; font-weight: 600; }
.pi-default-settings-compact .pi-default-settings-body :is(input, select, textarea) { min-height: 0; padding: 3px 6px; border: 1px solid #bfc3cc; border-radius: 0; font-size: 11px; font-weight: 400; box-sizing: border-box; width: 100%; }
.pi-default-settings-compact .pi-default-settings-body textarea { min-height: 110px; height: 110px; line-height: 1.4; }
.personal-todo-dialog.pi-default-settings-compact header { padding: 10px 14px; }
.personal-todo-dialog.pi-default-settings-compact .pi-default-settings-body { padding: 0 14px 10px; }
.personal-todo-dialog.pi-default-settings-compact footer { padding: 10px 14px; }
.pi-default-settings-compact .pi-default-bank-preview { margin: 8px 0; max-height: 80px; overflow: auto; white-space: pre-wrap; font: 11px/1.4 Arial,sans-serif; }
.pi-default-settings-compact .pi-default-days { display: flex; align-items: center; gap: 6px; }
.pi-default-settings-compact .pi-default-days input { width: 55px; }
.document-default-settings-body .pi-default-bank-preview { max-height: 76px; margin-bottom: 0; }
.document-default-payment-service .pi-default-bank-preview { display: none; }
.document-company-address { display: contents; }
.settings-logo-upload-dialog .pi-default-settings-body { display: grid; gap: 12px; padding-top: 8px; }
.settings-logo-upload-dialog .pi-default-settings-body h4 { margin-bottom: 0; }
.settings-logo-upload-dialog .pi-default-settings-body textarea { min-height: 84px; height: 84px; }
.pi-default-settings-compact.bank-account-dialog label,
.pi-default-settings-compact.financial-defaults-dialog label { margin: 8px 0; }
.pi-default-settings-compact .financial-defaults-content section { padding: 4px 0 10px; }
.pi-default-settings-compact.bank-account-dialog .bank-dialog-default input,
.pi-default-settings-compact.financial-defaults-dialog .financial-currency-checks input { width: auto; padding: 0; }
.pi-default-settings-compact.bank-account-dialog small,
.pi-default-settings-compact.financial-defaults-dialog small { font-size: 11px; line-height: 1.4; color: #738099; }
.pi-default-settings-body .terms-format-toolbar button { width: auto; min-width: 28px; padding: 4px 7px; border: 1px solid #dce0ea; background: #fff; color: #24324a; font-size: 12px; }
.pi-default-settings-body .terms-format-toolbar label { display: inline-flex; align-items: center; gap: 4px; margin: 0; }
.pi-default-settings-body .terms-format-toolbar input { width: 28px; height: 25px; padding: 2px; }
.pi-default-settings-compact .document-default-columns label { display: flex; align-items: center; gap: 6px; }
.pi-default-settings-compact .document-default-columns input { width: auto; }
.add-user-dialog .pi-default-settings-body > label,
.expense-password-dialog .pi-default-settings-body > label { margin: 10px 0; }
.permission-defaults-dialog .pi-default-settings-body > p { color: #738099; font-size: 12px; line-height: 1.5; }
.pi-default-settings-compact footer { padding: 10px 16px; border-top: 0; }
.pi-default-settings-compact footer button { min-width: 100px; padding: 6px 18px; border-radius: 3px; }
.pi-default-settings-compact footer button[type="submit"] { order: -1; }
.pi-branding-card { grid-column: 1 / -1; border: 1px solid #dfe3ea; background: #fff; margin-bottom: 24px; }
.pi-branding-card h4 { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 18px; border-bottom: 1px solid #e6e8ee; font-size: 15px; }
.pi-branding-columns { display: grid; grid-template-columns: minmax(0, 4fr) minmax(190px, 1.25fr); padding: 20px 28px; gap: 24px; background: #f8f8f8; }
.pi-branding-columns > div + div { border-left: 1px solid #e6e8ee; padding-left: 28px; }
#settings [data-settings-editor="proforma"] .pi-branding-columns { grid-template-columns: minmax(0, 1fr); gap: 30px; }
#settings [data-settings-editor="proforma"] .pi-branding-columns > div + div { display: grid; grid-template-columns: repeat(3, minmax(0, 190px)); grid-template-rows: auto auto; align-items: start; column-gap: 24px; row-gap: 0; padding: 24px 0 0; border-top: 1px solid #e6e8ee; border-left: 0; }
#settings [data-settings-editor="proforma"] .pi-branding-columns > div + div > h5 { grid-column: 1; grid-row: 1; }
#settings [data-settings-editor="proforma"] .pi-branding-columns > div + div > .pi-logo-settings-control { grid-column: 1; grid-row: 2; }
#settings [data-settings-editor="proforma"] :is(.pi-branding-seal, .pi-branding-signature) { grid-row: 1 / span 2; margin: 0; }
#settings [data-settings-editor="proforma"] .pi-branding-seal { grid-column: 2; }
#settings [data-settings-editor="proforma"] .pi-branding-signature { grid-column: 3; }
#settings #relatedDocumentSettings .pi-branding-columns { grid-template-columns: minmax(0, 1fr); gap: 30px; }
#settings #relatedDocumentSettings .pi-branding-columns > div + div { padding: 24px 0 0; border-top: 1px solid #e6e8ee; border-left: 0; }
#settings #relatedDocumentSettings .pi-related-branding-assets { display: grid; grid-template-columns: repeat(3, minmax(0, 190px)); align-items: start; gap: 24px; }
#settings #relatedDocumentSettings .pi-related-branding-asset { min-width: 0; margin: 0; }
#settings #relatedDocumentSettings .pi-related-branding-asset h5 { margin-bottom: 18px; }
#settings #relatedDocumentSettings .pi-related-branding-asset :is(.pi-logo-settings-control, .pi-seal-settings-control, .pi-signature-settings-control),
.record-bill-settings-summary .pi-related-branding-asset :is(.pi-logo-settings-control, .pi-seal-settings-control, .pi-signature-settings-control) { width: 190px; }
#settings #relatedDocumentSettings .pi-related-branding-asset .pi-branding-logo,
.record-bill-settings-summary .pi-related-branding-asset .pi-branding-logo { width: 190px; min-height: 128px; height: 128px; }
#settings #relatedDocumentSettings .pi-related-asset-change { display: inline-flex; width: auto; min-width: 94px; min-height: 36px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; padding: 7px 12px; border: 1px solid #dfe3eb; border-radius: 7px; background: #fff; color: #101828; font-size: 12px; font-weight: 500; }
#settings #relatedDocumentSettings .pi-related-asset-change svg { width: 14px; height: 14px; color: #667085; }
.record-bill-settings-summary .pi-branding-card { margin-bottom: 24px; }
.record-bill-settings-summary .pi-branding-columns { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.record-bill-settings-summary .pi-branding-columns > div + div { padding: 24px 0 0; border-top: 1px solid #e6e8ee; border-left: 0; }
.record-bill-settings-summary .pi-related-branding-assets { display: grid; grid-template-columns: repeat(3, minmax(0, 190px)); align-items: start; gap: 24px; }
.record-bill-settings-summary .pi-related-branding-asset { min-width: 0; margin: 0; }
.record-bill-settings-summary .pi-related-branding-asset h5 { margin-bottom: 18px; }
.record-bill-settings-summary .pi-related-asset-change { display: inline-flex; width: auto; min-width: 94px; min-height: 36px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; padding: 7px 12px; border: 1px solid #dfe3eb; border-radius: 7px; background: #fff; color: #101828; font-size: 12px; font-weight: 500; }
.record-bill-settings-summary .pi-related-asset-change svg { width: 14px; height: 14px; color: #667085; }
.record-bill-settings-summary .pi-layout-example.record-bill-layout-live { width: 640px; height: 452px; padding: 0; overflow: hidden; background: #f4f5f7; }
:is(.pi-logo-settings-control, .pi-seal-settings-control, .pi-signature-settings-control) { position: relative; }
.pi-logo-change-menu > .document-asset-source-menu { overflow: visible; }
.pi-logo-change-menu .document-asset-library-menu {
  position: absolute;
  z-index: 14;
  top: 0;
  left: calc(100% - 1px);
  display: grid;
  width: 180px;
  max-height: 220px;
  padding: 5px;
  overflow-y: auto;
  border: 1px solid #e1e4ec;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 8px 20px rgb(27 31 45 / 14%);
}
.pi-logo-change-menu .document-asset-library-menu[hidden] { display: none !important; }
#settings .pi-logo-change-menu .document-asset-library-menu button {
  display: flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #344054;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
}
#settings .pi-logo-change-menu .document-asset-library-menu button:hover,
#settings .pi-logo-change-menu .document-asset-library-menu button.is-selected { background: #f4f0ff; color: #5135e8; }
#settings .pi-logo-change-menu .document-asset-library-menu button svg { width: 13px; height: 13px; flex: 0 0 auto; }
#previewPanel[data-document-type="bill"] .library-record-bill-doc > .payment-bill-print-sheet {
  box-sizing: border-box;
  width: 297mm;
  min-height: 210mm;
  height: 210mm;
  padding: 12mm 14mm;
}
#settings #relatedDocumentSettings > .pi-theme-toolbar,
.record-bill-settings-summary > .pi-theme-toolbar { margin: 0 0 18px; }
#settings #relatedDocumentSettings > .pi-branding-card,
.record-bill-settings-summary > .pi-branding-card { width: 100%; }
.pi-branding-columns h5 { margin: 0 0 18px; font-size: 13px; }
.pi-branding-logo { min-height: 120px; border: 1px solid #e6e8ee; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 12px; background: #fff; }
.pi-branding-logo img { max-width: 120px; max-height: 48px; object-fit: contain; }
.pi-logo-settings-control, .pi-seal-settings-control, .pi-signature-settings-control { display: grid; justify-items: start; gap: 10px; width: min(100%, 190px); }
:is(.pi-logo-settings-control, .pi-seal-settings-control, .pi-signature-settings-control) .pi-branding-logo { box-sizing: border-box; width: 100%; min-height: 128px; padding: 9px; }
.pi-logo-settings-control .pi-branding-logo img { max-width: 94px; max-height: 62px; }
.pi-seal-settings-control .pi-branding-logo img { max-width: 78px; max-height: 78px; }
.pi-signature-settings-control .pi-branding-logo img { max-width: 112px; max-height: 70px; }
.pi-logo-change-menu { position: relative; width: auto; }
.pi-logo-change-menu summary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 94px; min-height: 36px; box-sizing: border-box; padding: 7px 12px; border: 1px solid #dfe3eb; border-radius: 7px; background: #fff; color: #101828; font-size: 12px; font-weight: 500; cursor: pointer; list-style: none; box-shadow: none; }
.pi-logo-change-menu summary:hover { border-color: #c8cfdb; background: #f9fafb; }
.pi-logo-change-menu summary::-webkit-details-marker { display: none; }
.pi-logo-change-menu summary svg { width: 14px; height: 14px; color: #667085; }
.pi-logo-change-menu > div { position: absolute; z-index: 10; top: calc(100% + 5px); left: 0; display: grid; width: 180px; overflow: hidden; border: 1px solid #e1e4ec; border-radius: 6px; background: #fff; box-shadow: 0 8px 20px rgb(27 31 45 / 14%); }
.pi-logo-change-menu > div button { width: 100%; padding: 9px 11px; border: 0; border-radius: 0; background: #fff; color: #344054; font-size: 12px; font-weight: 400; text-align: left; }
.pi-logo-change-menu > div button:hover { background: #f4f0ff; color: #5135e8; }
.pi-logo-change-menu > div .pi-asset-delete-option { border-top: 1px solid #eaecf0; color: #d92d20; }
.pi-logo-change-menu > div .pi-asset-delete-option:hover { background: #fff1f0; color: #b42318; }
.pi-logo-library-select, .pi-seal-library-select, .pi-signature-library-select { display: grid; width: 100%; }
:is(.pi-logo-library-select, .pi-seal-library-select, .pi-signature-library-select) select { width: 100%; min-width: 0; height: 34px; padding: 6px 28px 6px 9px; font-size: 11px; }
:is(.pi-logo-library-select, .pi-seal-library-select, .pi-signature-library-select)[hidden] { display: none !important; }
.pi-local-logo-upload { position: absolute; width: 1px !important; height: 1px; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.pi-preview-state-toggle { display: flex; align-items: center; justify-content: center; gap: 0; width: 640px; margin: 5px 0 2px; overflow: visible; border: 0; background: transparent; }
.pi-preview-state-toggle button { display: grid; width: 20px; min-width: 20px; height: 20px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: transparent; color: transparent; font-size: 0; }
.pi-preview-state-toggle button::before { content: ""; display: block; width: 7px; height: 7px; box-sizing: border-box; border: 1px solid #98a2b3; border-radius: 50%; background: #fff; }
.pi-preview-state-toggle button:hover { background: #f4f1ff; }
.pi-preview-state-toggle button.active::before { border-color: #633cff; background: #633cff; box-shadow: 0 0 0 2px #eee9ff; }
.pi-layout-example + .document-preview-state-toggle { width:304px; max-width:100%; }
.pi-layout-example.pi-layout-landscape + .document-preview-state-toggle { width:429px; }
.pi-layout-example.record-bill-layout-live + .document-preview-state-toggle { width:640px; }
.pi-position-preview-signature { position: absolute; bottom: 44px; left: 44px; z-index: 3; width: auto; max-width: 120px; max-height: 64px; object-fit: contain; }
.pi-document-signature-image { z-index: 3; width: auto; max-width: 120px; max-height: 64px; object-fit: contain; }
.pi-page.has-preview-authorization :is(.pi-terms-flow-block, .pi-terms-page-block) { box-sizing: border-box; padding-bottom: 150px; }
.pi-branding-seal { margin-top: 18px; }
.pi-branding-seal .pi-branding-logo img { max-height: 76px; }
.pi-branding-hint { font-size: 11px; color: #8490a5; line-height: 1.6; }
.pi-layout-example { display: flex; flex-direction: column; width: 160px; height: 226px; background: white; border: 1px solid #e3e5eb; border-radius: 0; box-shadow: 0 2px 2px #aab0bd; padding: 12px; margin-bottom: 16px; color: #667085; }
.pi-layout-example:hover { border-color: #e3e5eb; background: #fff; color: #667085; box-shadow: 0 2px 2px #aab0bd; transform: none; }
.pi-layout-example.pi-layout-live { position: relative; width: 304px; height: 429px; padding: 0; overflow: hidden; }
.pi-layout-actions { display: flex; align-items: center; gap: 10px; }
.pi-layout-actions > button { display: inline-flex; align-items: center; gap: 6px; width: auto; min-height: 30px; padding: 5px 10px; border-radius: 4px; font-size: 12px; line-height: 18px; flex: 0 0 auto; }
.pi-layout-actions > button svg { width: 14px; height: 14px; }
.pi-layout-live iframe { width: 794px; height: 1123px; border: 0; transform: scale(.38); transform-origin: top left; pointer-events: none; flex: 0 0 auto; }
.pi-layout-example.pi-layout-live.pi-layout-landscape { width: 429px; height: 304px; }
.pi-layout-live.pi-layout-landscape iframe { width: 1123px; height: 794px; transform: scale(.38); }
.pi-layout-example.pi-layout-live.pi-layout-two-page { width: 640px; height: 445px; background: #f4f5f7; }
.pi-layout-example.pi-layout-live.pi-layout-two-page:hover,
.record-bill-settings-summary .pi-layout-example.record-bill-layout-live:hover { background: #f4f5f7; }
.pi-layout-live.pi-layout-two-page iframe { position: absolute; top: 50%; left: 50%; width: 1606px; height: 1123px; margin: 0; transform: scale(.399) translate(-50%, -50%); transform-origin: top left; background: #fff; }
.pi-example-top { display: flex; justify-content: space-between; width: 100%; font-size: 6px; text-align: right; }
.pi-example-top > span { background: #e5e7eb; padding: 6px 12px; }
.pi-example-lines { width: 45%; height: 40px; margin: 15px 0; background: repeating-linear-gradient(to bottom,#e5e7eb 0 3px,transparent 3px 8px); }
.pi-example-table { width: 100%; height: 50px; border-top: 2px solid #adb5c4; background: repeating-linear-gradient(to bottom,transparent 0 9px,#e5e7eb 9px 10px); }
.pi-example-total { font-size: 6px; align-self: flex-end; margin-top: 10px; }
.pi-example-footer { margin-top: auto; font-size: 6px; background: #f1f2f5; width: 100%; padding: 6px; }
.pi-default-settings-dialog.purchase-order-editor { width: min(1320px, calc(100vw - 32px)); }
.purchase-order-editor fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.purchase-order-fields { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: 16px; }
.purchase-order-lines { overflow-x: auto; margin: 16px 0; }
.purchase-order-lines table { width: 100%; min-width: 620px; table-layout: fixed; }
.purchase-order-lines th:first-child { width: 34%; }
.purchase-order-lines th:last-child { width: 36px; }
.purchase-order-lines :is(th,td) { padding: 6px; vertical-align: top; }
.purchase-order-lines :is(input,textarea) { width: 100%; min-width: 0; box-sizing: border-box; }
.purchase-order-total { text-align: right; }
.purchase-order-editor .pi-default-settings-body { padding: 24px; background: #f1f2f3; }
.purchase-order-canvas { padding: 24px; background: #fff; border: 1px solid #d5d8df; border-radius: 6px; }
.purchase-order-editor label { display: flex; flex-direction: column; gap: 8px; }
.purchase-order-generated { display: block; padding: 10px 0; font-weight: 500; }
.purchase-order-parties { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; margin: 24px 0; }
.purchase-order-trade { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.purchase-order-trade h4 { grid-column: 1 / -1; margin: 0; }
.purchase-order-editor textarea { min-height: 72px; height: 80px; resize: vertical; }
.purchase-order-editor .purchase-order-lines textarea { min-height: 40px; height: 44px; }
.purchase-order-editor .purchase-order-lines input { height: 40px; }
.purchase-order-editor .purchase-order-lines :is(th,td) { background: transparent; }
.purchase-order-editor .purchase-order-lines thead { background: #f1f2f5; }
.purchase-order-editor .purchase-order-lines button { padding: 8px; width: auto; min-width: 28px; }
.purchase-order-editor .purchase-order-lines button svg { display: block; width: 16px; height: 16px; }
.purchase-order-bottom { display: grid; grid-template-columns: 1.4fr 1fr; align-items: start; gap: 48px; margin-top: 24px; }
.purchase-order-total { display: flex; justify-content: space-between; padding: 16px 0; border-top: 1px solid #d5d8df; font-size: 16px; }
.purchase-order-editor :is([data-add-line],footer button) { width: auto; flex: 0 0 auto; }
body[data-theme="dark"] .purchase-order-editor .pi-default-settings-body { background: #2c2c2c; }
body[data-theme="dark"] .purchase-order-canvas { background: #2c2c2c; color: #f1f3f8; border-color: #3b4255; }
body[data-theme="dark"] .purchase-order-editor .purchase-order-lines thead { background: #353535; }
body[data-theme="dark"] .purchase-order-total { border-color: #3b4255; }
body[data-theme="dark"] :is(.document, #documentPreview, .payment-bill-preview) {
  color-scheme: light;
  --ink: #171b2f;
  --muted: #70778f;
  --line: #e2e6f0;
  --panel: #ffffff;
  --soft: #f7f8fb;
  --nav: #1f2740;
  --nav-dark: #171e32;
  background-color: #fff;
  color: #171b2f;
}
.pi-alt-document { --pi-alt-accent: #111827; }
.pi-alt-document .pi-page { position: relative; overflow: hidden; padding: 48px 50px 42px; color: #252a32; font-family: Arial, sans-serif; }
.pi-alt-document :is(h1, p, dl, dd) { margin: 0; }
.pi-alt-document .pi-alt-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.pi-alt-document .pi-alt-brand { display: flex; min-width: 0; align-items: flex-start; gap: 14px; }
.pi-alt-document .pi-alt-brand img { width: 108px; height: 50px; object-fit: contain; object-position: left top; }
.pi-alt-document .pi-alt-brand > div { display: grid; gap: 3px; max-width: 300px; }
.pi-alt-document .pi-alt-brand > div strong { font-size: 13px; }
.pi-alt-document .pi-alt-brand > div span { color: #667085; font-size: 9px; }
.pi-alt-logo-placeholder { display: inline-flex; min-width: 108px; min-height: 34px; align-items: center; justify-content: center; color: #374151; font-size: 16px; font-weight: 700; letter-spacing: .04em; }
.pi-alt-document h1 { color: var(--pi-alt-accent); font-size: 29px; line-height: 1; text-transform: uppercase; }
.pi-alt-document .pi-alt-parties { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; margin-top: 34px; padding: 20px 26px; background: #f5f5f6; }
.pi-alt-document .pi-alt-parties > div,
.pi-alt-document .pi-alt-billto { display: grid; align-content: start; gap: 4px; }
.pi-alt-document :is(.pi-alt-parties, .pi-alt-billto) b { margin-bottom: 5px; color: #667085; font-size: 10px; text-transform: uppercase; }
.pi-alt-document :is(.pi-alt-parties, .pi-alt-billto) strong { font-size: 12px; }
.pi-alt-document :is(.pi-alt-parties, .pi-alt-billto) span { font-size: 9px; line-height: 1.45; }
.pi-alt-table { width: 100%; margin-top: 28px; border-collapse: collapse; table-layout: fixed; font-size: 9px; }
.pi-alt-table th { padding: 8px 7px; color: #475467; background: #eceef1; text-align: left; }
.pi-alt-table td { height: 40px; padding: 7px; border-bottom: 1px solid #e1e4e9; }
.pi-alt-table th:first-child { width: 45px; }
.pi-alt-table th:nth-child(3) { width: 70px; }
.pi-alt-table th:nth-child(4),
.pi-alt-table th:nth-child(5) { width: 105px; text-align: right; }
.pi-alt-table td:nth-child(n+3) { text-align: right; }
.pi-alt-table td strong,
.pi-alt-table td small { display: block; }
.pi-alt-table td small { margin-top: 3px; color: #7b8494; }
.pi-alt-lower { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 38px; margin-top: 22px; }
.pi-alt-terms { color: #667085; font-size: 8px; line-height: 1.45; }
.pi-alt-terms b { display: block; margin-bottom: 7px; color: #252a32; font-size: 10px; }
.pi-alt-terms p + p { margin-top: 5px; }
.pi-alt-totals { display: grid; align-content: start; }
.pi-alt-totals > div { display: flex; justify-content: space-between; gap: 20px; padding: 6px 9px; font-size: 10px; }
.pi-alt-totals .grand { background: #e7e9ed; font-weight: 700; }
.pi-alt-payment { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; margin-top: 28px; padding: 11px 16px; background: #f0f1f3; font-size: 8px; }
.pi-alt-payment span { font-weight: 700; }
.pi-alt-payment p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pi-alt-footer { display: flex; align-items: center; gap: 18px; margin-top: 30px; font-style: italic; }
.pi-alt-footer span { height: 1px; flex: 1; background: #6b7280; }
.pi-alt-footer strong { font-size: 12px; font-weight: 500; }
.pi-alt-page-number { position: absolute; right: 34px; bottom: 24px; color: #98a2b3; font-size: 8px; font-style: normal; }
.pi-alt-document .document-seal-image { position: absolute; right: 52px; bottom: 88px; width: 120px; max-height: 90px; object-fit: contain; }
.pi-alt-digital .pi-alt-header { padding-bottom: 18px; border-bottom: 2px solid var(--pi-alt-accent, #2563eb); }
.pi-alt-digital .pi-alt-header h1 { color: var(--pi-alt-accent, #2563eb); font-size: 34px; }
.pi-alt-digital .pi-alt-header small { display: block; margin-top: 7px; font-size: 9px; }
.pi-alt-digital .pi-alt-digital-info { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 35px; margin-top: 20px; }
.pi-alt-digital .pi-alt-digital-info > div:first-child { display: grid; gap: 4px; font-size: 9px; }
.pi-alt-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 16px; }
.pi-alt-meta > div { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 3px; border-bottom: 1px solid #e5e7eb; font-size: 8px; }
.pi-alt-meta dt { color: #667085; }
.pi-alt-meta dd { font-weight: 700; }
.pi-alt-digital .pi-alt-billto { max-width: 330px; margin-top: 22px; padding: 12px 14px; background: #f3f4f6; }
.pi-alt-digital .pi-alt-table { margin-top: 18px; }
.pi-alt-digital .pi-alt-table th { color: #fff; background: var(--pi-alt-accent, #2563eb); }
.pi-alt-digital .pi-alt-totals .grand { color: #fff; background: var(--pi-alt-accent, #2563eb); }
.pi-alt-payment-copy { display: grid; align-content: start; gap: 7px; font-size: 8px; }
.pi-alt-payment-copy p { color: #667085; line-height: 1.5; }
.pi-alt-signature { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 30px; margin-top: 30px; padding-top: 14px; border-top: 1px solid #d8dce3; }
.pi-alt-signature > div:last-child { display: grid; justify-items: end; gap: 5px; color: #667085; font-size: 8px; }
.pi-alt-signature .document-seal-image { position: static; width: 120px; }
.pi-alt-green { --pi-alt-accent: #77c632; }
.pi-alt-green .pi-alt-header { align-items: center; padding-bottom: 22px; border-bottom: 1px solid #dfe7d7; }
.pi-alt-green .pi-alt-header h1 { color: var(--pi-alt-accent); font-size: 32px; }
.pi-alt-green .pi-alt-green-summary { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 52px; margin-top: 28px; }
.pi-alt-green .pi-alt-billto { min-height: 90px; padding: 13px 15px; border: 1px solid #dbe5d2; border-top: 25px solid var(--pi-alt-accent); }
.pi-alt-green .pi-alt-billto b { margin-top: -33px; color: #fff; }
.pi-alt-green .pi-alt-table th { color: #fff; background: var(--pi-alt-accent); }
.pi-alt-green .pi-alt-table td { border-bottom-color: #dfe9d6; }
.pi-alt-green .pi-alt-totals .grand { background: #e8f4dc; }
.pi-alt-green .pi-alt-signature { border-top-color: var(--pi-alt-accent); }
.pi-alt-green-footer { position: absolute; right: 50px; bottom: 40px; left: 50px; display: flex; justify-content: space-between; color: #667085; font-size: 8px; }
.pi-alt-green-footer strong { color: var(--pi-alt-accent); }
#settings:not(.settings-overview-mode) :is(
  [data-settings-editor="proforma"],
  #relatedDocumentSettings,
  #purchaseOrderSettingsCard,
  #recordBillSettingsCard
) .pi-branding-card {
  box-sizing: border-box;
  width: min(760px, 100%);
  border: 1px solid #dfe3ea;
}
.payment-bill-history-sheet {
  break-before: page;
  page-break-before: always;
}
.payment-bill-history-sheet .payment-bill-preview-notes {
  margin-top: 18px;
}
.topbar-drawer-close,
.pi-default-settings-dialog header button.topbar-drawer-close,
.settings-preview-panel > header button.topbar-drawer-close {
  display: inline-grid;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  flex: 0 0 38px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475467;
  cursor: pointer;
}
.topbar-drawer-close:is(:hover, :focus-visible),
.pi-default-settings-dialog header button.topbar-drawer-close:is(:hover, :focus-visible) {
  background: #f0f2f6;
  color: #172033;
}
body[data-theme="dark"] .topbar-drawer-close,
body[data-theme="dark"] .pi-default-settings-dialog header button.topbar-drawer-close {
  background: transparent !important;
  color: #cbd5e5 !important;
  border: 0 !important;
}
body[data-theme="dark"] .topbar-drawer-close:is(:hover, :focus-visible),
body[data-theme="dark"] .pi-default-settings-dialog header button.topbar-drawer-close:is(:hover, :focus-visible) {
  background: #353535 !important;
  color: #fff !important;
}
#documentPreview .pi-template-minimal .pi-page,
.document-pdf-export-source .pi-template-minimal .pi-page { padding: 76px 52px 42px; color: #30343b; }
#documentPreview .pi-template-minimal .excel-title,
.document-pdf-export-source .pi-template-minimal .excel-title { top: 82px; right: auto; left: 52px; color: #24272d !important; font-size: 27px; }
#documentPreview .pi-template-minimal .excel-header,
.document-pdf-export-source .pi-template-minimal .excel-header { margin-top: 76px; grid-template-columns: minmax(0, 1fr) 220px; }
#documentPreview .pi-template-minimal :is(.invoice-brand-logo, .template-company-identity .template-logo-placeholder),
.document-pdf-export-source .pi-template-minimal :is(.invoice-brand-logo, .template-company-identity .template-logo-placeholder) { top: -70px; left: 50%; transform: translateX(-50%); }
#documentPreview .pi-template-minimal .party-grid,
.document-pdf-export-source .pi-template-minimal .party-grid { gap: 70px; margin-top: 18px; padding: 14px 0 12px; border-color: #d5d8dd; }
#documentPreview .pi-template-minimal .pi-table th,
.document-pdf-export-source .pi-template-minimal .pi-table th { color: #374151 !important; background: #eceef1 !important; }
#documentPreview .pi-template-minimal .pi-table tbody tr:nth-child(even) td,
.document-pdf-export-source .pi-template-minimal .pi-table tbody tr:nth-child(even) td { background: #f3f4f6; }
#documentPreview .pi-template-minimal .pi-bank-and-seal,
.document-pdf-export-source .pi-template-minimal .pi-bank-and-seal { padding: 12px; background: #f2f3f5; }
#documentPreview .pi-template-digital .pi-page,
.document-pdf-export-source .pi-template-digital .pi-page { padding: 62px 42px 38px; color: #111827; }
#documentPreview .pi-template-digital .excel-title,
.document-pdf-export-source .pi-template-digital .excel-title { top: 42px; right: auto; left: 42px; color: var(--pi-alt-accent, #2563eb) !important; font-size: 31px; }
#documentPreview .pi-template-digital .excel-header,
.document-pdf-export-source .pi-template-digital .excel-header { margin-top: 54px; grid-template-columns: minmax(0, 1fr) 260px; }
#documentPreview .pi-template-digital :is(.invoice-brand-logo, .template-company-identity .template-logo-placeholder),
.document-pdf-export-source .pi-template-digital :is(.invoice-brand-logo, .template-company-identity .template-logo-placeholder) { top: -54px; right: 0; left: auto; transform: none; }
#documentPreview .pi-template-digital .right-code,
.document-pdf-export-source .pi-template-digital .right-code { padding: 8px 10px; border-top: 5px solid var(--pi-alt-accent, #2563eb); background: #f6f8ff; }
#documentPreview .pi-template-digital .party-grid,
.document-pdf-export-source .pi-template-digital .party-grid { margin-top: 16px; border-top: 0; border-bottom-color: var(--pi-alt-accent, #2563eb); }
#documentPreview .pi-template-digital .pi-table th,
.document-pdf-export-source .pi-template-digital .pi-table th { color: #fff !important; background: var(--pi-alt-accent, #2563eb) !important; }
#documentPreview .pi-template-digital .pi-total,
.document-pdf-export-source .pi-template-digital .pi-total { margin-top: 8px; border: 1px solid var(--pi-alt-accent, #2563eb); }
#documentPreview .pi-template-digital .pi-total :is(.total-row, .deposit-row, .balance-row) td,
.document-pdf-export-source .pi-template-digital .pi-total :is(.total-row, .deposit-row, .balance-row) td { color: #fff; background: var(--pi-alt-accent, #2563eb); }
#documentPreview .pi-template-green .pi-page,
.document-pdf-export-source .pi-template-green .pi-page { padding: 70px 46px 40px; }
#documentPreview .pi-template-green .excel-title,
.document-pdf-export-source .pi-template-green .excel-title { top: 82px; right: 46px; left: auto; color: #77c632 !important; font-size: 30px; }
#documentPreview .pi-template-green .excel-header,
.document-pdf-export-source .pi-template-green .excel-header { margin-top: 72px; grid-template-columns: minmax(0, 1fr) 228px; }
#documentPreview .pi-template-green .right-code,
.document-pdf-export-source .pi-template-green .right-code { padding: 7px 9px; border: 1px solid #b9df91; background: #fff; }
#documentPreview .pi-template-green .party-grid,
.document-pdf-export-source .pi-template-green .party-grid { grid-template-columns: 235px minmax(0, 1fr); gap: 34px; margin-top: 18px; padding: 0; border: 0; }
#documentPreview .pi-template-green .party-block,
.document-pdf-export-source .pi-template-green .party-block { padding: 12px 14px; border: 1px solid #dfe6d8; }
#documentPreview .pi-template-green .party-block:first-child,
.document-pdf-export-source .pi-template-green .party-block:first-child { border-top: 24px solid #77c632; }
#documentPreview .pi-template-green .party-block:first-child > strong,
.document-pdf-export-source .pi-template-green .party-block:first-child > strong { margin-top: -31px; color: #fff; }
#documentPreview .pi-template-green .trade-line,
.document-pdf-export-source .pi-template-green .trade-line { margin-top: 12px; border-bottom-color: #77c632; }
#documentPreview .pi-template-green .pi-table th,
.document-pdf-export-source .pi-template-green .pi-table th { color: #fff !important; background: #77c632 !important; }
#documentPreview .pi-template-green .pi-total :is(.total-row, .deposit-row, .balance-row) td,
.document-pdf-export-source .pi-template-green .pi-total :is(.total-row, .deposit-row, .balance-row) td { background: #eaf5df; }
#ciRecords .document-overview-table :is(th.num, td.num) {
  text-align: right;
}
.dashboard-bank-connect-dialog .pi-default-settings-body > p { margin: 0; color: var(--muted, #667085); font-size: 12px; line-height: 1.5; }
.dashboard-currency-dialog .pi-default-settings-body > p { margin: 0; color: var(--muted, #667085); font-size: 12px; line-height: 1.5; }
.dashboard-currency-dialog .pi-default-settings-body > small { color: var(--muted, #667085); font-size: 11px; line-height: 1.45; }
body:not([data-theme="dark"]) .view
  table:not(:where(.document *, #documentPreview *, .payment-bill-preview *, .excel-doc *))
  thead th {
  background: linear-gradient(#fff, #f8f9fb) !important;
  border-right: 1px solid #dcdfe5 !important;
  border-bottom: 1px solid #dcdfe5 !important;
  color: var(--action-blue) !important;
  background-clip: padding-box;
}
body:not([data-theme="dark"]) .view
  table:not(:where(.document *, #documentPreview *, .payment-bill-preview *, .excel-doc *))
  thead th:last-child {
  border-right: 0 !important;
}
#quote .pi-item-table-head { justify-content: flex-end; }
#quote .pi-item-currency-control,
#purchaseOrderEditor.purchase-order-page .purchase-order-currency-control {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0;
  white-space: nowrap;
}
#quote .currency-picker,
#purchaseOrderEditor.purchase-order-page .currency-picker { position: relative; display: inline-block; }
#quote .currency-picker details,
#purchaseOrderEditor.purchase-order-page .currency-picker details { position: relative; }
#quote .currency-picker details:not([open]) .currency-picker-menu,
#purchaseOrderEditor.purchase-order-page .currency-picker details:not([open]) .currency-picker-menu { display: none; }
#quote .currency-picker details[open] .currency-picker-menu,
#purchaseOrderEditor.purchase-order-page .currency-picker details[open] .currency-picker-menu { display: grid; }
#quote .currency-picker summary,
#purchaseOrderEditor.purchase-order-page .currency-picker summary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 84px;
  height: 34px;
  box-sizing: border-box;
  padding: 6px 9px;
  border: 1px solid #c5cbd7;
  border-radius: 3px;
  background: #fff;
  color: #172b42;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  list-style: none;
}
#quote .currency-picker summary::-webkit-details-marker,
#purchaseOrderEditor.purchase-order-page .currency-picker summary::-webkit-details-marker { display: none; }
#quote .currency-picker summary svg,
#purchaseOrderEditor.purchase-order-page .currency-picker summary svg { width: 14px; height: 14px; flex: 0 0 auto; }
#quote .currency-picker-menu,
#purchaseOrderEditor.purchase-order-page .currency-picker-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 120;
  display: grid;
  width: 84px;
  padding: 4px;
  border: 1px solid #cdd1d8;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(16,24,40,.16);
}
#quote .currency-picker-menu button,
#purchaseOrderEditor.purchase-order-page .currency-picker-menu button {
  min-height: 30px;
  padding: 6px 8px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #344054;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
#quote .currency-picker-menu button:hover,
#purchaseOrderEditor.purchase-order-page .currency-picker-menu button:hover { background: #f0f1f4; }
#quote .pi-item-table-head > .pi-item-currency-control { margin-left: auto; justify-content: flex-end; }
#purchaseOrderEditor.purchase-order-page .purchase-order-lines-head > .purchase-order-currency-control { margin-left: auto; }
#quote .pi-generated-value,
.document-edit-panel input[readonly],
.document-edit-panel .sc-readonly-value,
#purchaseOrderEditor.purchase-order-page .purchase-order-generated {
  border-color: #dfe3e8 !important;
  background: #eef0f3 !important;
  color: #687386 !important;
  cursor: not-allowed;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-toolbar {
  justify-content: flex-start;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table {
  border: 1px solid #cdd1d8;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table :is(th, td):last-child {
  border-right: 1px solid #cdd1d8 !important;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td {
  height: 64px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td :is(input:not([type="hidden"]), textarea) {
  height: 62px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 7px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker:focus-within {
  z-index: 30;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-control {
  position: relative;
  min-width: 0;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-control > svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 13px;
  width: 18px;
  height: 18px;
  color: #7a849b;
  pointer-events: none;
  transform: translateY(-50%);
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-input {
  height: 36px;
  min-height: 36px;
  padding: 7px 10px 7px 40px !important;
  border-radius: 3px;
  background: #fff;
  cursor: text;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-input:focus {
  outline: 2px solid color-mix(in srgb, var(--action-blue) 22%, transparent);
  outline-offset: 1px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  width: max(100%, 300px);
  max-width: min(420px, calc(100vw - 32px));
  max-height: 320px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .16);
  box-sizing: border-box;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-menu[hidden] {
  display: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: 60px;
  gap: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #344054;
  text-align: left;
  white-space: normal;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option[hidden] {
  display: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option:hover,
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option.selected {
  background: var(--action-blue);
  color: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option > span:not(.purchase-order-picker-avatar) {
  display: grid;
  min-width: 0;
  gap: 3px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option strong,
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option strong {
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option small {
  color: #707b93;
  font-size: 11px;
  line-height: 16px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option:hover small,
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option.selected small {
  color: #ffffffd9;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option em {
  flex: 0 0 auto;
  color: #707b93;
  font-size: 11px;
  font-style: normal;
  line-height: 16px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option:hover em,
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option.selected em {
  color: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: hsl(var(--purchase-picker-hue, 210) 18% 90%);
  color: hsl(var(--purchase-picker-hue, 210) 24% 42%);
  font-size: 11px;
  font-weight: 700;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-avatar.order {
  background: #eaf2ff;
  color: var(--action-blue);
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option:hover .purchase-order-picker-avatar,
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-option.selected .purchase-order-picker-avatar {
  background: #ffffff33;
  color: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-picker-empty {
  padding: 18px 12px;
  color: #707b93;
  font-size: 12px;
  text-align: center;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-toolbar {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-row-split {
  display: inline-flex;
  align-items: stretch;
  width: auto;
  flex: 0 0 auto;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-row-split > [data-add-line],
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu > summary,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary {
  box-sizing: border-box;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  margin: 0;
  border: 1px solid #bfc5cf;
  background: #fff;
  color: var(--action-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  box-shadow: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-row-split > [data-add-line] {
  width: auto;
  min-width: 0;
  flex: 0 0 auto;
  padding: 0 12px;
  border-radius: 3px 0 0 3px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu {
  position: relative;
  height: 34px;
  margin: 0;
  color: var(--action-blue);
  font-size: 12px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu > summary {
  display: grid;
  place-items: center;
  width: 36px;
  padding: 0;
  border-left: 0;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  list-style: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu > summary::-webkit-details-marker,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary::-webkit-details-marker {
  display: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu > summary svg,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary svg {
  width: 15px;
  height: 15px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu > summary:hover,
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-menu[open] > summary,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary:hover,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu[open] > summary {
  background: #f4f3ff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-panel,
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-panel {
  position: absolute;
  top: calc(100% + 4px);
  z-index: 80;
  padding: 10px;
  border: 1px solid #cdd1d8;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 5px 15px #10182820;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-panel {
  left: 0;
  display: grid;
  width: 210px;
  gap: 10px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-panel label {
  display: grid;
  gap: 6px;
  font-size: 12px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-panel input {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #bfc5cf;
  border-radius: 3px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-add-rows-panel button {
  width: auto;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 3px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border-radius: 3px;
  cursor: pointer;
  list-style: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary > span {
  padding: 0 12px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-menu > summary > svg {
  box-sizing: border-box;
  flex: 0 0 36px;
  width: 36px;
  height: 32px;
  padding: 8px 10px;
  border-left: 1px solid #bfc5cf;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-panel {
  right: 0;
  min-width: 210px;
  padding: 6px 0;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-panel label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 8px 12px;
  color: #344054;
  font-size: 12px;
  cursor: pointer;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-panel label:hover {
  background: #f3f4f6;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-columns-panel input {
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  accent-color: var(--action-blue);
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-toolbar {
  margin-top: 0;
  padding: 6px;
  border: 1px solid #cdd1d8;
  border-top: 0;
  background: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-lines {
  overflow-x: auto;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-lines-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid #cdd1d8;
  border-bottom: 0;
  background: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-lines-head h4 {
  margin: 0;
  color: #344054;
  font-size: 13px;
  font-weight: 600;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-currency-control {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0;
  color: #344054;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-currency-control select {
  width: auto;
  min-width: 84px;
  height: 34px;
  min-height: 34px;
  padding: 6px 28px 6px 9px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table {
  width: 100%;
  min-width: 1120px;
  table-layout: fixed;
  border-collapse: collapse;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table :is(th, td) {
  min-width: 0;
  padding: 0;
  border: 1px solid #cdd1d8;
  background: #fff;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th {
  height: 54px;
  padding: 8px 10px;
  background: #f7f8fa;
  color: var(--action-blue);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td {
  height: 80px;
  vertical-align: middle;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(1),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(1) { width: 2.5%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(2),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(2) { width: 16.5%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(3),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(3) { width: 5%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(4),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(4) { width: 23%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(5),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(5) { width: 7%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(6),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(6) { width: 8%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(7),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(7) { width: 10%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(8),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(8) { width: 13%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(9),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(9) { width: 11%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th:nth-child(10),
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:nth-child(10) { width: 4%; }
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td :is(input:not([type="hidden"]), textarea) {
  width: 100%;
  height: 78px;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1.3;
  box-shadow: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td textarea {
  resize: vertical;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td :is(input, textarea):focus {
  outline: 2px solid var(--action-blue);
  outline-offset: -2px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table .purchase-order-row-drag {
  text-align: center;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table .purchase-order-row-drag .table-row-drag-handle {
  color: #98a2b3;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table .purchase-order-image-cell {
  text-align: center;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-button {
  display: inline-grid;
  width: 58px;
  height: 58px;
  min-width: 58px;
  min-height: 58px;
  place-items: center;
  margin: auto;
  padding: 0;
  border: 1px dashed #8b94ff;
  border-radius: 10px;
  background: #fff;
  color: #7280a0;
  cursor: pointer;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-button:hover {
  background: #f4f3ff;
  color: var(--action-blue);
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-placeholder svg {
  width: 20px;
  height: 20px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td[data-po-amount] {
  padding: 7px 10px;
  color: #172b42;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td:last-child {
  text-align: center;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table .pi-item-delete {
  display: inline-grid;
  width: 30px;
  height: 30px;
  min-width: 30px;
  place-items: center;
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #667085;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table .pi-item-delete svg {
  width: 16px;
  height: 16px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-0] .purchase-order-lines tr > :nth-child(2),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-1] .purchase-order-lines tr > :nth-child(3),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-2] .purchase-order-lines tr > :nth-child(4),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-3] .purchase-order-lines tr > :nth-child(5),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-4] .purchase-order-lines tr > :nth-child(6),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-5] .purchase-order-lines tr > :nth-child(7),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-6] .purchase-order-lines tr > :nth-child(8),
#purchaseOrderEditor.purchase-order-page .purchase-order-form[data-hide-column-7] .purchase-order-lines tr > :nth-child(9) {
  display: none;
}
.dashboard-target-settings-dialog .pi-default-settings-body > p { margin: 0; color: var(--muted, #667085); font-size: 12px; line-height: 1.5; }
#purchaseOrdersWorkspace .purchase-order-cell-ellipsis,
#purchaseOrdersWorkspace .purchase-order-number-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-number-text {
  color: #172033;
}
#purchaseOrdersWorkspace .purchase-order-inline-metric {
  width: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: inherit;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-inline-metric:hover,
#purchaseOrdersWorkspace .purchase-order-inline-metric:focus-visible {
  color: var(--action-blue);
  text-decoration: underline;
}
#purchaseOrdersWorkspace .purchase-order-production-column { white-space: nowrap; }
#purchaseOrdersWorkspace .purchase-order-supplier-cell {
  display: grid;
  min-width: 0;
  gap: 2px;
  line-height: 1.35;
}
#purchaseOrdersWorkspace .purchase-order-supplier-contact-link {
  width: auto;
  min-width: 0;
  justify-self: start;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-orders-table .dashboard-link,
#purchaseOrdersWorkspace .purchase-order-supplier-contact-link {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
#purchaseOrdersWorkspace :is(.purchase-order-supplier-company, .purchase-order-supplier-contact-empty) {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-selection-toolbar .record-selection-clear-text {
  width: auto;
  min-width: 0;
  padding-inline: 9px;
  border-color: #d7dce5;
  color: #344054;
  font-size: 11px;
  font-weight: 600;
}
#purchaseOrdersWorkspace .purchase-order-selection-toolbar .record-selection-clear-text:hover {
  background: #f2f4f7;
  color: #172033;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane .list-pane-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane .list-pane-head > strong {
  min-width: 0;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane .module-overview-head-actions,
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane .unified-new-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item {
  cursor: pointer;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item.active {
  background: #f0edff;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .module-document-workbench {
  grid-template-columns: 300px minmax(0, 1fr);
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane {
  background: #fff;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane > .list-pane-head {
  padding-inline: 14px;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .doc-list-group {
  min-height: 0;
  padding: 0;
  border-bottom: 0;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item {
  width: 100%;
  min-height: 104px;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  grid-template-areas:
    "select top top"
    "select meta meta"
    "select status status";
  box-sizing: border-box;
  gap: 6px 10px;
  padding: 10px 14px 9px;
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #e3e8f1;
  border-radius: 0;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item.no-company {
  min-height: 104px;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item .invoice-list-top strong,
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item .invoice-list-meta,
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item .invoice-status {
  font-size: 13px !important;
  font-weight: 400;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .module-record-list-item .invoice-list-top b {
  font-size: 13px !important;
  font-weight: 500;
}
#purchaseOrdersWorkspace .purchase-order-record-detail .document-list-pane .record-select-checkbox {
  justify-self: start;
  margin-left: 0;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-status-line {
  grid-area: status;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
  min-width: 0;
  line-height: 1.3;
  white-space: nowrap;
  font-size: 11px;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-status-line { text-align: left; }
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-status-line > * {
  box-sizing: border-box;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-status-line > i {
  color: #98a2b3;
  font-size: 11px;
  font-style: normal;
  line-height: 1;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-activity-icons {
  gap: 3px;
  margin-left: 1px;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-activity-icons .document-activity-icon {
  width: 14px;
  height: 14px;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-order-activity-icons svg {
  width: 12px;
  height: 12px;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-progress-status {
  align-self: center;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-preview-list-item .purchase-finance-status {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-related-tabs .related-document-links {
  width: auto;
}
#purchaseOrdersWorkspace .purchase-order-contract-upload-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-left: 1px solid #e3e8f1;
  color: var(--action-blue);
  background: #fff;
  cursor: pointer;
}
#purchaseOrdersWorkspace .purchase-order-contract-upload-button:hover,
#purchaseOrdersWorkspace .purchase-order-contract-upload-button:focus-within {
  background: #f7f8ff;
}
#purchaseOrdersWorkspace .purchase-order-contract-upload-button > svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#purchaseOrdersWorkspace .purchase-order-contract-upload-button > input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-returned-contract-preview {
  flex: 0 0 auto;
  width: auto;
  max-width: 220px;
}
#purchaseOrdersWorkspace .purchase-order-returned-contract-preview .related-document-copy {
  min-width: 0;
}
#purchaseOrdersWorkspace .purchase-order-returned-contract-preview small {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-activity-icons .has-returned-contract {
  color: var(--action-blue);
}
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) {
  margin: 18px;
  border: 1px solid #dfe4ec;
  background: #fff;
}
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #dfe4ec;
}
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) h3,
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) p { margin: 0; }
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) h3 { font-size: 15px; font-weight: 600; }
#purchaseOrdersWorkspace :is(.purchase-order-delivery-panel, .purchase-order-record-bill-panel) p { margin-top: 4px; color: #667085; font-size: 11px; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel > header > button { flex: 0 0 auto; width: auto; }
#purchaseOrdersWorkspace .purchase-order-delivery-table-wrap { overflow-x: auto; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: auto; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel :is(th, td) { padding: 10px 12px; border-bottom: 1px solid #e3e8f1; color: #172033; font-size: 12px; text-align: left; vertical-align: middle; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel th { color: var(--action-blue); font-weight: 500; background: #fafbfc; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-list { display: grid; gap: 8px; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--line); background: var(--panel); cursor: pointer; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card > div { display: grid; gap: 3px; min-width: 0; flex: 1 1 auto; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card small { color: var(--muted); font-size: 11px; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card > span { color: var(--muted); font-size: 12px; white-space: nowrap; }
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card:hover,
#purchaseShipmentsWorkspace .purchase-order-delivery-file-card:focus-visible { border-color: var(--action-blue); outline: none; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel > .purchase-delivery-detail { max-width: none; margin: 0; padding: 0; border: 0; background: transparent; }
#purchaseOrdersWorkspace .purchase-order-related-tabs .related-document-toolbar-row {
  background: #f7f8fa;
}
#purchaseOrdersWorkspace .purchase-order-detail-overflow {
  z-index: 45;
}
#purchaseOrdersWorkspace .purchase-order-detail-overflow .record-menu-icon {
  color: var(--action-blue) !important;
}
#purchaseOrdersWorkspace .purchase-order-bill-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #dfe4ec;
}
#purchaseOrdersWorkspace .purchase-order-bill-summary > div {
  display: grid;
  gap: 5px;
  padding: 16px;
}
#purchaseOrdersWorkspace .purchase-order-bill-summary > div + div { border-left: 1px solid #dfe4ec; }
#purchaseOrdersWorkspace .purchase-order-bill-summary span { color: #667085; font-size: 11px; }
#purchaseOrdersWorkspace .purchase-order-bill-summary strong { color: #172033; font-size: 18px; font-weight: 600; }
#purchaseOrdersWorkspace .purchase-order-record-bill-panel > header > .purchase-finance-status { font-size: 11px; font-weight: 600; }
#purchaseOrdersWorkspace .purchase-order-record-bill-table-wrap { overflow-x: auto; }
#purchaseOrdersWorkspace .purchase-order-record-bill-panel table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: auto; }
#purchaseOrdersWorkspace .purchase-order-record-bill-panel :is(th, td) { padding: 10px 12px; border-bottom: 1px solid #e3e8f1; color: #172033; font-size: 12px; text-align: left; vertical-align: middle; }
#purchaseOrdersWorkspace .purchase-order-record-bill-panel th { color: var(--action-blue); font-weight: 500; background: #fafbfc; }
#purchaseOrdersWorkspace .purchase-order-record-bill-panel .num { text-align: right; }
#purchaseOrdersWorkspace .purchase-order-detail-summary .detail-summary-row strong {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseOrdersWorkspace .purchase-order-static-preview {
  display: block;
  min-height: 600px;
  height: calc(100vh - 210px);
  padding: 52px 24px 30px;
  box-sizing: border-box;
  overflow: auto;
  background: #f7f8fa;
}
#purchaseOrdersWorkspace .purchase-order-static-preview > .document-preview-actions-wrap {
  position: sticky;
  top: -42px;
  z-index: 8;
}
#purchaseOrdersWorkspace .purchase-order-static-preview > .document {
  margin: 0 auto;
}
.purchase-order-contract .purchase-order-document-table th:nth-child(1) { width: 7%; }
.purchase-order-contract .purchase-order-document-table th:nth-child(2) { width: 43%; }
.purchase-order-contract .purchase-order-document-table th:nth-child(3) { width: 10%; }
.purchase-order-contract .purchase-order-document-table th:nth-child(4) { width: 10%; }
.purchase-order-contract .purchase-order-document-table th:nth-child(5) { width: 15%; }
.purchase-order-contract .purchase-order-document-table th:nth-child(6) { width: 15%; }
.purchase-order-contract .purchase-order-document-total {
  margin-top: 10px;
}
.purchase-order-contract-terms {
  margin-top: 18px;
}
.purchase-order-signatures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 44px;
  margin-top: 34px;
}
.purchase-order-signatures > div {
  position: relative;
  display: grid;
  gap: 6px;
  min-height: 72px;
  padding-top: 8px;
  border-top: 1px solid #252b3b;
}
.purchase-order-signatures span,
.purchase-order-signatures i {
  color: #667085;
  font-size: 9px;
  font-style: normal;
}
.purchase-order-signatures strong {
  font-size: 10px;
  font-weight: 600;
}
.purchase-order-seal {
  position: absolute;
  top: -34px;
  right: 16px;
  width: 76px;
  height: 76px;
  object-fit: contain;
  opacity: 0.92;
  pointer-events: none;
}
:is(
  th.directory-primary-status,
  td.directory-primary-status,
  th.payment-primary-status,
  td.payment-primary-status,
  th.expense-primary-status,
  td.expense-primary-status,
  th.purchase-order-status-column,
  td.purchase-order-status-column,
  th.shipping-primary-status,
  td.shipping-primary-status,
  th.delivery-primary-status,
  td.delivery-primary-status,
  th.brand-primary-status,
  td.brand-primary-status
) {
  text-align: right !important;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table th {
  height: 38px;
  padding: 8px 10px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td {
  height: 46px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td :is(input:not([type="hidden"]), textarea) {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-table td textarea {
  resize: none;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-item-photo-button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 8px;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-line-toolbar {
  justify-content: flex-start;
  gap: 12px;
}
#purchaseShipmentsWorkspace .purchase-order-supplier-cell {
  display: grid;
  min-width: 0;
  gap: 2px;
  line-height: 1.35;
  justify-items: start;
  text-align: left;
}
#purchaseShipmentsWorkspace .purchase-order-supplier-contact-link {
  width: auto;
  min-width: 0;
  justify-self: start;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#purchaseShipmentsWorkspace :is(.purchase-order-supplier-company, .purchase-order-supplier-contact-empty) {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody td {
  height: 36px;
  padding: 0;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody td :is(input, select) {
  min-height: 17px;
  height: 17px;
  padding: 1px 4px;
  font-size: 10px;
  line-height: 1.25;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody .pl-manual-quantity-cell > * + * {
  margin-top: 1px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody .pl-manual-product-cell .pl-product-combobox {
  min-height: 30px;
  padding: 2px 5px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody .pl-editor-image-cell {
  padding: 2px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table tbody .pl-editor-image-cell :is(.pl-item-photo-upload, .pl-item-photo-upload-preview, .pl-item-photo, .pl-item-photo-placeholder) {
  width: 26px;
  height: 26px;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table {
  border: 0;
  border-collapse: collapse;
}
.packing-list-editor .linked-draft-canvas .pl-edit-table :is(th, td) {
  border: 1px solid #d5dbe5;
}
#purchaseOrdersWorkspace .purchase-order-detail-header {
  display: flex;
  align-items: center;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-summary-heading {
  margin-bottom: 4px;
  color: #667085;
  font-size: 14px;
  font-weight: 600;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-totals {
  min-height: 0;
  padding: 6px 0;
  border: 1px solid #e0e3eb;
  border-radius: 14px;
  background: #fff;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-total {
  min-width: 0;
  padding: 0 30px;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-total + .pi-overview-total {
  border-left: 1px solid #e0e3eb;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-total > span {
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-total > strong {
  display: inline;
  margin-left: 4px;
  color: #4b36f4;
  font-size: 13px;
  font-weight: 600;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-overview-total > small {
  display: inline;
  margin-left: 4px;
  color: #667085;
  font-size: 13px;
}
#purchaseShipmentsWorkspace .purchase-delivery-overview .delivery-summary-pending > .pi-overview-total-label { color: #9b701a; }
#purchaseShipmentsWorkspace .purchase-delivery-overview .delivery-summary-transit > .pi-overview-total-label { color: var(--action-blue); }
#purchaseShipmentsWorkspace .purchase-delivery-overview .delivery-summary-arrived > .pi-overview-total-label { color: #168047; }
#purchaseShipmentsWorkspace .purchase-delivery-overview .delivery-summary-total .pi-overview-amount strong { color: var(--action-blue); }
#purchaseShipmentsWorkspace .purchase-delivery-overview .purchase-orders-summary .pi-summary-heading {
  margin-bottom: 4px;
  color: #667085;
  font-size: 14px;
  font-weight: 600;
}
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-select-column { width: 36px !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-number-column { width: 11% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-linked-order-column { width: 10% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-date-column { width: 10% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-supplier-column { width: 25% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-total-column { width: 12% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-paid-column { width: 10% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-pending-column { width: 14% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-status-column { width: 12% !important; }
#purchaseOrdersWorkspace .purchase-order-eta-picker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
#purchaseOrdersWorkspace .purchase-order-eta-picker:disabled {
  cursor: not-allowed;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-page-actions .linked-draft-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--action-blue);
  text-align: center;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-page-actions .linked-draft-preview svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: currentColor;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-editor-overflow .record-action-menu .record-delete-action {
  color: #667085;
}
#purchaseOrderEditor.purchase-order-page .purchase-order-editor-overflow .record-action-menu .record-delete-action .record-menu-icon {
  color: var(--action-blue);
}
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-panel {
  margin: 18px;
  padding: 18px 20px 22px;
  border: 1px solid #dce4f1;
  background: #fff;
}
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-panel > h3 {
  margin: 0 0 18px;
  color: #72809a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
}
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-fields { display: grid; gap: 12px; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-field { display: grid; grid-template-columns: 260px minmax(0, 520px); align-items: center; gap: 14px; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-field > span { color: #8793aa; font-size: 13px; font-weight: 600; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-field > :is(input, select),
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-field > strong { width: 100%; min-width: 0; min-height: 36px; height: 36px; box-sizing: border-box; padding: 7px 10px; border: 1px solid #c5cbd7; border-radius: 4px; background: #fff; color: #172033; font: inherit; font-size: 13px; }
#purchaseOrdersWorkspace .purchase-order-delivery-panel .purchase-delivery-shipment-field > strong { display: flex; align-items: center; background: #f0f1f4; font-weight: 500; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-select-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-select-column { width: 36px !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-number-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-po-column { width: 10.5% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-linked-order-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-order-column { width: 10.5% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-date-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-date-column { width: 11% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-supplier-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-supplier-column { width: 22% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-supplier-number-column,
#purchaseShipmentsWorkspace .purchase-delivery-overview-table col.purchase-delivery-supplier-number-column { width: 9% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-total-column { width: 10% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-paid-column { width: 9% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-pending-column { width: 9% !important; }
#purchaseOrdersWorkspace .purchase-orders-table col.purchase-order-status-column { width: 9% !important; }
#paymentWorkspace .payment-schedule-table .num { text-align: right; }
.payment-bill-preview-schedule { margin-bottom: 14px; }
body :is(.theme-panel, .workspace-select-menu, .unified-action-menu,
  .unified-sort-submenu, .record-action-menu, .directory-columns-panel,
  .customer-filter-panel, .document-filter-panel, .cashflow-filter-panel,
  .customer-group-popover, .customer-transaction-filter,
  .pl-column-selector-menu, .pi-columns-panel, .purchase-order-columns-panel,
  .sc-add-rows-panel, .dashboard-period-options, .dashboard-connect-options) {
  border: 1px solid var(--dropdown-line) !important;
  border-radius: 10px !important;
  background: var(--dropdown-bg) !important;
  color: var(--dropdown-ink) !important;
  box-shadow: var(--dropdown-shadow) !important;
}
body :is(.theme-panel, .workspace-select-menu, .unified-action-menu,
  .unified-sort-submenu, .record-action-menu, .dashboard-period-options,
  .dashboard-connect-options, .pi-columns-panel, .pl-column-selector-menu) {
  padding: 5px !important;
}
body :is(.theme-option, .workspace-select-option,
  .unified-action-menu button, .unified-sort-menu > summary,
  .unified-sort-submenu button, .record-action-menu button,
  .dashboard-period-options button, .dashboard-connect-options button,
  .directory-columns-panel > label, .pi-columns-panel > label,
  .pl-column-selector-menu > label, .purchase-order-columns-panel > label,
  .customer-filter-option > summary) {
  box-sizing: border-box;
  min-height: 36px !important;
  padding: 9px 10px !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--dropdown-ink) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
body :is(.theme-option, .workspace-select-option,
  .unified-action-menu button, .unified-sort-menu > summary,
  .unified-sort-submenu button, .record-action-menu button,
  .dashboard-period-options button, .dashboard-connect-options button,
  .directory-columns-panel > label, .pi-columns-panel > label,
  .pl-column-selector-menu > label, .purchase-order-columns-panel > label,
  .customer-filter-option > summary):is(:hover, :focus-visible, .is-active) {
  background: var(--dropdown-hover) !important;
  color: var(--dropdown-accent) !important;
}
#settings :is(.pi-theme-toolbar, .pi-layout-actions, .template-library-hover-actions, .template-library-create-bar) button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
#settings .pi-theme-toolbar button:disabled { color: #98a2b3; background: #f4f5f7; border-color: #e4e7ec; opacity: 1; }
.pi-modern-excel .pi-page,
#documentPreview .pi-modern-excel .pi-page,
.document-pdf-export-source .pi-modern-excel .pi-page {
  display: flex;
  flex-direction: column;
  padding: var(--document-margin-top, 18mm) var(--document-margin-right, 18mm) var(--document-margin-bottom, 18mm) var(--document-margin-left, 18mm) !important;
  border: 0;
  color: #18243a;
  font-family: Arial, sans-serif;
}
.pi-modern-excel .pi-modern-header { display: grid; grid-template-columns: 1fr 1fr; align-items: start; flex-shrink: 0; min-height: 92px; }
.pi-modern-excel .pi-alt-brand { align-items: flex-start; }
.pi-modern-excel .pi-alt-brand > img { width: 92px; height: 92px; object-fit: contain; object-position: left top; }
.pi-modern-excel .pi-alt-brand > img[alt="Place Your Logo placeholder"] { width: 92px; height: 92px; }
.pi-modern-excel .pi-modern-header h1 { margin: 16px 0 0; color: #14243b; font-size: 24px; line-height: 1.1; text-align: right; }
.pi-modern-excel .pi-modern-identity { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 30px; flex-shrink: 0; min-height: 120px; padding: 8px 6px; background: #f0f0f0; }
.pi-modern-excel .pi-modern-company { display: grid; align-content: start; gap: 3px; font-size: 10px; line-height: 1.25; }
.pi-modern-excel .pi-modern-company > strong { font-size: 11px; }
.pi-modern-excel .pi-modern-company > em { font-size: 10px; font-weight: 700; }
.pi-modern-excel .document-company-address { display: grid; gap: 3px; }
.pi-modern-excel .pi-alt-meta { display: grid; grid-template-columns: 1fr; align-content: start; gap: 5px; margin: 0; }
.pi-modern-excel .pi-alt-meta > div { display: grid; grid-template-columns: 102px minmax(0, 1fr); gap: 4px; border: 0; font-size: 10px; line-height: 1.35; }
.pi-modern-excel .pi-alt-meta dt { color: #18243a; font-weight: 700; }
.pi-modern-excel .pi-alt-meta dd { color: #50678e; font-weight: 400; text-align: right; }
.pi-modern-excel .pi-alt-parties,
#documentPreview .pi-modern-excel .pi-alt-parties,
.document-pdf-export-source .pi-modern-excel .pi-alt-parties { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 14px 0 0; padding: 0; background: #fff; }
.pi-modern-excel .pi-alt-parties > div { display: grid; align-content: start; gap: 4px; min-height: 150px; }
.pi-modern-excel .pi-alt-parties b { display: block; height: 19px; margin: 0 0 3px; padding: 3px 8px; box-sizing: border-box; color: #fff; background: #172339; font-size: 10px; line-height: 13px; }
.pi-modern-excel .pi-alt-parties span { padding-left: 2px; color: #526b92; font-size: 10px; line-height: 1.2; }
.pi-modern-excel .pi-modern-trade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 12px; padding: 0; border: 0; }
.pi-modern-excel .pi-modern-trade > div { display: grid; gap: 0; font-size: 9px; }
.pi-modern-excel .pi-modern-trade strong { min-height: 21px; padding: 5px 3px; box-sizing: border-box; background: #f0f2f5; font-size: 9px; }
.pi-modern-excel .pi-modern-trade span { min-height: 28px; padding: 8px 3px 4px; color: #526b92; }
.pi-modern-excel .pi-alt-table { margin-top: 0; font-size: 10px; }
.pi-modern-excel .pi-alt-table th { height: 24px; padding: 5px 3px; color: #18243a; background: #f0f2f5; font-size: 10px; text-align: left; }
.pi-modern-excel .pi-alt-table td { height: 28px; padding: 6px 3px; border-bottom: 0; color: #526b92; text-align: left; vertical-align: top; }
.pi-modern-excel .pi-alt-table th:first-child { width: 11%; }
.pi-modern-excel .pi-alt-table th:nth-child(2) { width: 10%; }
.pi-modern-excel .pi-alt-table th:nth-child(3) { width: 8%; }
.pi-modern-excel .pi-alt-table th:nth-child(4) { width: 22%; }
.pi-modern-excel .pi-alt-table th:nth-child(5) { width: 8%; }
.pi-modern-excel .pi-alt-table th:nth-child(6) { width: 9%; }
.pi-modern-excel .pi-alt-table th:nth-child(7) { width: 11%; }
.pi-modern-excel .pi-alt-table th:nth-child(8) { width: 13%; }
.pi-modern-excel .pi-alt-table th:nth-child(9) { width: 8%; }
.pi-modern-excel .pi-alt-table :is(th, td):nth-child(n+5):nth-child(-n+8) { text-align: left; }
.pi-modern-excel .pi-alt-table td img { max-width: 42px; max-height: 38px; object-fit: contain; }
.pi-modern-excel .pi-modern-summary { display: grid; justify-items: end; margin-top: 62px; }
.pi-modern-excel .pi-alt-totals { width: 230px; }
.pi-modern-excel .pi-alt-totals > div { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 4px 3px; color: #18243a; font-size: 11px; }
.pi-modern-excel .pi-alt-totals > div > :is(span, strong) { white-space: nowrap; }
.pi-modern-excel .pi-alt-totals > div strong { color: #526b92; font-weight: 400; text-align: left; }
.pi-modern-excel .pi-alt-totals .grand,
.pi-modern-excel .pi-alt-totals > div:nth-child(n+4) { background: #f0f2f5; font-weight: 700; }
.pi-modern-excel .pi-balance-note { width: 100%; margin-top: 30px; color: #7890b4; font-size: 8px; text-align: center; }
.pi-modern-excel .pi-modern-bottom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; flex-shrink: 0; margin-top: 16px; padding: 0; border: 0; break-inside: avoid; page-break-inside: avoid; }
.pi-modern-excel .pi-company-continuation-page .pi-modern-bottom { margin-top: 0; }
.pi-modern-excel .pi-alt-payment { display: block; margin: 0; padding: 0; background: transparent; font-size: 11px; }
.pi-modern-excel .pi-alt-payment > b,
.pi-modern-excel .pi-alt-terms > b { display: block; height: 20px; margin: 0; padding: 4px 3px; box-sizing: border-box; color: #fff; background: #172339; font-size: 10px; line-height: 12px; }
.pi-modern-excel .pi-modern-bank-content { padding: 20px 3px 0; }
.pi-modern-excel .pi-alt-payment p { display: grid; grid-template-columns: 46% minmax(0, 1fr); gap: 5px; margin: 0 0 5px; overflow: visible; text-overflow: clip; white-space: normal; }
.pi-modern-excel .pi-alt-payment p span { font-weight: 700; }
.pi-modern-excel .pi-alt-payment p b { color: #526b92; font-weight: 400; }
.pi-modern-excel .pi-alt-terms { color: #526b92; font-size: 10.5px; line-height: 1.45; }
.pi-modern-excel .pi-modern-terms-content { min-height: 160px; margin-top: 16px; padding: 6px 3px; background: #f0f2f5; }
.pi-modern-excel .pi-alt-terms p + p { margin-top: 7px; }
.pi-modern-excel .pi-alt-terms p:empty { display: none; }
.pi-modern-excel .pi-alt-page-number { display: none; }
.pi-modern-three .pi-page,
#documentPreview .pi-modern-three .pi-page,
.document-pdf-export-source .pi-modern-three .pi-page {
  padding: var(--document-margin-top, 18mm) var(--document-margin-right, 18mm) var(--document-margin-bottom, 18mm) var(--document-margin-left, 18mm) !important;
  color: #18243a;
  font-family: Arial, sans-serif;
}
.pi-modern-three .pi-alt-header { min-height: 74px; padding: 0 0 8px; border-bottom: 2px solid var(--pi-alt-accent, #2563eb); }
.pi-modern-three .pi-alt-header h1 { color: var(--pi-alt-accent, #2563eb); font-size: 24px; line-height: 1.1; }
.pi-modern-three .pi-alt-header small { margin-top: 5px; color: #526b92; font-size: 9px; }
.pi-modern-three .pi-alt-brand { justify-content: flex-end; }
.pi-modern-three .pi-alt-brand > img,
.pi-modern-three .pi-alt-brand > img[alt="Place Your Logo placeholder"] { width: 68px; height: 62px; object-fit: contain; object-position: right top; }
.pi-modern-three .pi-three-contact { display: grid; grid-template-columns: 49% minmax(0, 1fr); gap: 18px; min-height: 132px; padding: 12px 0 8px; }
.pi-modern-three .pi-three-company { display: grid; align-content: start; gap: 3px; font-size: 9px; line-height: 1.2; }
.pi-modern-three .pi-three-company b { font-size: 10px; }
.pi-modern-three .pi-three-company strong { font-size: 10px; }
.pi-modern-three .pi-three-company .document-company-address { display: grid; gap: 3px; }
.pi-modern-three .pi-alt-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 10px 12px; margin: 0; }
.pi-modern-three .pi-alt-meta > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 4px; padding: 0 0 5px; border-bottom: 1px solid #e4e8ef; font-size: 9px; }
.pi-modern-three .pi-alt-meta > div:last-child { grid-column: 1 / -1; }
.pi-modern-three .pi-alt-meta dt { color: #526b92; }
.pi-modern-three .pi-alt-meta dd { color: #18243a; text-align: right; }
.pi-modern-three .pi-three-parties { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; min-height: 145px; padding: 9px 5px; background: #f0f2f5; }
.pi-modern-three .pi-three-parties > div { display: grid; align-content: start; gap: 5px; font-size: 9px; line-height: 1.2; }
.pi-modern-three .pi-three-parties b { font-size: 10px; }
.pi-modern-three .pi-three-parties span { color: #526b92; }
.pi-modern-three .pi-three-trade { display: grid; grid-template-columns: repeat(var(--pi-trade-columns, 5), minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; padding: 0; border: 0; }
.pi-modern-three .pi-three-trade > div { display: grid; gap: 8px; font-size: 9px; }
.pi-modern-three .pi-three-trade strong { font-size: 9px; text-transform: uppercase; }
.pi-modern-three .pi-three-trade span { color: #526b92; }
.pi-modern-three .pi-alt-table { margin-top: 12px; font-size: 9px; }
.pi-modern-three .pi-alt-table th { padding: 6px 5px; color: #fff; background: var(--pi-alt-accent, #2563eb); font-size: 9px; }
.pi-modern-three .pi-alt-table td { height: auto; min-height: 52px; padding: 7px 5px; border-bottom: 1px solid #bfc8d6; color: #526b92; vertical-align: top; }
.pi-modern-three .pi-alt-table th:first-child { width: 6%; }
.pi-modern-three .pi-alt-table th:nth-child(2) { width: 43%; }
.pi-modern-three .pi-alt-table th:nth-child(3) { width: 9%; }
.pi-modern-three .pi-alt-table th:nth-child(4) { width: 9%; }
.pi-modern-three .pi-alt-table th:nth-child(5) { width: 17%; }
.pi-modern-three .pi-alt-table th:nth-child(6) { width: 16%; }
.pi-modern-three .pi-alt-table :is(th, td):nth-child(n+3) { text-align: right; }
.pi-modern-three .pi-three-description { display: table-cell; }
.pi-modern-three .pi-three-description > span { display: block; }
.pi-modern-three .pi-three-description > span + span { margin-top: 3px; }
.pi-modern-three .pi-three-description img { max-width: 50px; max-height: 42px; object-fit: contain; }
.pi-modern-three .pi-three-payment { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 22px; margin-top: 22px; break-inside: avoid; page-break-inside: avoid; }
.pi-modern-three .pi-three-bank > b { color: #18243a; font-size: 10px; }
.pi-modern-three .pi-three-bank dl { display: grid; gap: 6px; margin: 0; }
.pi-modern-three .pi-three-bank dl > div { display: grid; grid-template-columns: 41% minmax(0, 1fr); gap: 5px; color: #526b92; font-size: 9px; }
.pi-modern-three .pi-three-bank dt { color: #526b92; }
.pi-modern-three .pi-three-bank dd { min-width: 0; overflow-wrap: anywhere; }
.pi-modern-three .pi-alt-totals > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 4px 5px; font-size: 10px; }
.pi-modern-three .pi-alt-totals .grand { color: #fff; background: var(--pi-alt-accent, #2563eb); }
.pi-modern-three .pi-alt-totals .grand strong { color: #fff; }
.pi-modern-three .pi-balance-note { min-height: 94px; margin-top: 18px; padding: 6px; border: 1px solid #ccd2dd; color: #526b92; font-size: 9px; }
.pi-modern-three .pi-three-terms { grid-template-columns: minmax(0, 1fr) 180px; gap: 18px; margin-top: 18px; padding-top: 10px; border-top: 1px solid #a9b4c5; break-inside: avoid; page-break-inside: avoid; }
.pi-modern-three .pi-three-terms .pi-alt-terms b { font-size: 10px; }
.pi-modern-three .pi-three-terms .pi-alt-terms p { color: #526b92; font-size: 9px; }
.pi-modern-three .pi-three-terms .pi-alt-terms p + p { margin-top: 14px; }
.pi-modern-three .pi-three-authorization { align-content: center; justify-items: end; text-align: right; }
.pi-modern-three .pi-three-authorization span { color: #526b92; font-size: 9px; }
.pi-modern-three .pi-three-authorization small { font-size: 9px; }
.pi-green-excel .pi-page,
#documentPreview .pi-green-excel .pi-page,
.document-pdf-export-source .pi-green-excel .pi-page {
  padding: var(--document-margin-top, 14mm) var(--document-margin-right, 14mm) var(--document-margin-bottom, 14mm) var(--document-margin-left, 14mm) !important;
  color: #193b2d;
  font-family: Arial, sans-serif;
}
.pi-green-excel .pi-green-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  min-height: 102px;
  padding: 0 0 12px;
  border-bottom: 1px solid #8fcf67;
}
.pi-green-excel .pi-alt-brand { justify-content: flex-start; gap: 10px; }
.pi-green-excel .pi-alt-brand > img,
.pi-green-excel .pi-alt-brand > img[alt="Place Your Logo placeholder"] {
  width: 72px;
  height: 66px;
  flex: 0 0 auto;
  /* Theme logo alignment must not insert an auto margin before the company. */
  margin-inline: 0 !important;
  object-fit: contain;
  object-position: left top;
}
.pi-green-excel .pi-green-company {
  display: grid;
  align-content: start;
  gap: 3px;
  color: #1e293b;
  font-size: 9px;
  line-height: 1.2;
}
.pi-green-excel .pi-green-company > strong { font-size: 10px; }
.pi-green-excel .pi-green-company > em { font-size: 9px; font-style: normal; }
.pi-green-excel .pi-green-company .document-company-address { display: grid; gap: 3px; }
.pi-green-excel .pi-green-title { display: grid; align-content: start; justify-items: end; gap: 18px; padding-top: 8px; }
.pi-green-excel .pi-green-title h1 { color: var(--pi-alt-accent, #69c92d); font-size: 27px; line-height: 1.05; }
.pi-green-excel .pi-green-title small { color: #18243a; font-size: 9px; font-weight: 700; }
.pi-green-excel .pi-green-parties-meta {
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(170px, 1fr);
  gap: 0;
  margin-top: 14px;
}
.pi-green-excel .pi-three-parties {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 112px;
}
.pi-green-excel .pi-three-parties > div {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 0 8px 6px;
  border: 1px solid #a7cf92;
  border-top: 0;
  color: #526b62;
  font-size: 8.5px;
  line-height: 1.2;
}
.pi-green-excel .pi-three-parties > div + div { border-left: 0; }
.pi-green-excel .pi-three-parties b,
.pi-green-excel .pi-green-trade strong,
.pi-green-excel .pi-three-bank > b,
.pi-green-excel .pi-three-finance > b,
.pi-green-excel [data-pi-financial-note] > b,
.pi-green-excel .pi-green-terms .pi-alt-terms > b {
  display: block;
  margin: 0 -8px 3px;
  padding: 4px 8px;
  color: #fff;
  background: var(--pi-alt-accent, #69c92d);
  font-size: 8.5px;
  line-height: 1.1;
}
.pi-green-excel .pi-alt-meta {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 0;
  margin: 0;
  padding-left: 12px;
}
.pi-green-excel .pi-alt-meta > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 5px 0;
  border: 0;
  font-size: 8.5px;
}
.pi-green-excel .pi-alt-meta dt { color: #526b62; }
.pi-green-excel .pi-alt-meta dd { color: #18243a; font-weight: 700; text-align: right; }
.pi-green-excel .pi-green-trade {
  display: grid;
  grid-template-columns: repeat(var(--pi-trade-columns, 5), minmax(0, 1fr));
  gap: 0;
  margin-top: 12px;
  padding: 0;
  border: 0;
}
.pi-green-excel .pi-green-trade > div { display: grid; min-width: 0; text-align: center; }
.pi-green-excel .pi-green-trade strong { margin: 0; padding: 4px 3px; text-transform: uppercase; }
.pi-green-excel .pi-green-trade span {
  min-height: 24px;
  padding: 5px 3px;
  border-right: 1px solid #a7cf92;
  border-bottom: 1px solid #a7cf92;
  color: #526b62;
  font-size: 8px;
}
.pi-green-excel .pi-green-trade > div:first-child span { border-left: 1px solid #a7cf92; }
.pi-green-excel .pi-green-items { margin-top: 14px; border: 1px solid #a7cf92; border-collapse: collapse; font-size: 8px; }
.pi-green-excel .pi-green-items :is(th, td) { display: table-cell; border: 1px solid #a7cf92; overflow-wrap: anywhere; }
.pi-green-excel .pi-green-items th { padding: 5px 4px; color: #fff; background: var(--pi-alt-accent, #69c92d); font-size: 8px; text-align: center; }
.pi-green-excel .pi-green-items td {
  height: 58px;
  padding: 7px 4px;
  color: #526b62;
  text-align: center;
  vertical-align: top;
}
.pi-green-excel .pi-green-items th:nth-child(1) { width: 5%; }
.pi-green-excel .pi-green-items th:nth-child(2) { width: 17%; }
.pi-green-excel .pi-green-items th:nth-child(3) { width: 18%; }
.pi-green-excel .pi-green-items th:nth-child(4) { width: 27%; }
.pi-green-excel .pi-green-items th:nth-child(5) { width: 6%; }
.pi-green-excel .pi-green-items th:nth-child(6) { width: 7%; }
.pi-green-excel .pi-green-items th:nth-child(7) { width: 10%; }
.pi-green-excel .pi-green-items th:nth-child(8) { width: 10%; }
.pi-green-excel .pi-green-items :is(th, td):nth-child(n+5) { text-align: center; }
.pi-green-excel .pi-green-description { text-align: left !important; }
.pi-green-excel .pi-green-description > span { display: block; }
.pi-green-excel .pi-green-description > span + span { margin-top: 4px; }
.pi-green-excel .pi-green-product-image img { max-width: 76px; max-height: 48px; object-fit: contain; }
.pi-green-excel .pi-green-payment {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(210px, 1fr);
  gap: 18px;
  margin-top: 22px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-green-excel .pi-three-bank > b,
.pi-green-excel .pi-three-finance > b,
.pi-green-excel [data-pi-financial-note] > b { margin: 0; padding: 4px 5px; }
.pi-green-excel .pi-three-bank dl { display: grid; gap: 0; margin: 0; }
.pi-green-excel .pi-three-bank dl > div {
  display: grid;
  grid-template-columns: 31% minmax(0, 1fr);
  min-height: 17px;
  border-bottom: 1px solid #d7e8ce;
  color: #526b62;
  font-size: 8px;
  line-height: 1.15;
}
.pi-green-excel .pi-three-bank :is(dt, dd) { margin: 0; padding: 3px 2px; }
.pi-green-excel .pi-three-bank dt { color: #304c41; }
.pi-green-excel .pi-three-bank dd { min-width: 0; overflow-wrap: anywhere; }
.pi-green-excel .pi-three-finance { padding-left: 0; }
.pi-green-excel .pi-three-finance .pi-alt-totals { margin: 0 0 8px; }
.pi-green-excel .pi-alt-totals > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 18px;
  padding: 3px 5px;
  border-bottom: 1px solid #d7e8ce;
  color: #304c41;
  font-size: 8px;
}
.pi-green-excel .pi-alt-totals .grand { color: #173b28; background: #eaf6e2; }
.pi-green-excel .pi-three-finance .pi-balance-note {
  min-height: 72px;
  margin: 0;
  padding: 6px;
  border: 1px solid #a7cf92;
  color: #526b62;
  font-size: 8px;
}
.pi-green-excel .pi-green-terms {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(175px, 1fr);
  gap: 0;
  margin-top: 24px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.pi-green-excel .pi-green-terms .pi-alt-terms > b { margin: 0 0 5px; }
.pi-green-excel .pi-green-terms .pi-alt-terms p {
  min-height: 27px;
  margin: 0;
  padding: 5px 3px;
  border-bottom: 1px solid #d7e8ce;
  color: #526b62;
  font-size: 8px;
}
.pi-green-excel .pi-three-authorization {
  display: grid;
  width: 85%;
  min-width: 0;
  grid-template-rows: 70px;
  align-self: end;
  justify-self: end;
  align-content: start;
  justify-items: stretch;
  padding: 0;
  color: #526b62;
  text-align: center;
}
.pi-green-excel .pi-three-authorization .template-seal-placeholder { display: none; }
.pi-green-excel .pi-three-authorization > div {
  display: grid;
  place-items: center;
  border: 1px solid #a7cf92;
}
.pi-green-excel .pi-three-authorization .document-seal-image {
  position: static;
  width: 120px;
  max-width: 90%;
  max-height: 64px;
  object-fit: contain;
}
.pi-green-excel .pi-alt-page-number { right: 0; bottom: 0; color: var(--pi-alt-accent, #69c92d); }
.pi-alt-document .pi-template-order-notes { margin-top: 14px; color: #526b62; font-size: 9px; }
.pi-alt-document .pi-template-order-notes > b { display: block; margin-bottom: 4px; font-size: 9px; }
.pi-alt-document .pi-template-order-notes > p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.pi-alt-document .pi-term-list > div { break-inside: avoid; page-break-inside: avoid; }
.pi-modern-excel .pi-term-list > div + div { margin-top: 7px; }
.pi-modern-three .pi-term-list > div + div { margin-top: 14px; }
.pi-alt-document .pi-term-list p > :is(b, span) { display: inline; }
.pi-alt-document .pi-term-list p > span { margin-left: 3px; }
.pi-modern-excel .pi-modern-bottom:not(:has(.pi-alt-payment)) { grid-template-columns: minmax(0, 1fr); }
.pi-green-excel [data-pi-authorization-slot] > :is(.document-seal-image, .pi-document-signature-image) {
  position: static !important;
  grid-area: 1 / 1;
  width: 90% !important;
  height: 64px !important;
  max-width: 100% !important;
  max-height: 64px !important;
  margin: 0;
  object-fit: contain;
  transform: none !important;
}
.business-document .pi-page {
  color: #18243a;
  font-family: Arial, sans-serif;
  padding: var(--document-margin-top, 18mm) var(--document-margin-right, 18mm) var(--document-margin-bottom, 18mm) var(--document-margin-left, 18mm) !important;
}
.business-document .document-style-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  min-height: 80px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4dbe5;
}
.business-document .document-style-header > :is(.excel-title, h1) {
  position: static !important;
  width: auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  color: var(--business-accent) !important;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 1.15;
  text-align: right;
  text-transform: uppercase;
}
.business-document .document-style-header .sc-contract-title > span { display: block; font-size: inherit; }
.business-document .document-style-header .sc-contract-title > span[lang="zh-CN"] { margin-top: 3px; font-size: 14px; }
.business-document .document-style-brand { display: flex; min-width: 0; gap: 10px; align-items: flex-start; }
.business-document .document-style-brand > :is(img, .document-logo-mark) {
  position: static;
  flex: 0 0 auto;
  width: 72px;
  height: 66px;
  margin-inline: 0 !important;
  object-fit: contain;
  object-position: left top;
}
.business-document .document-style-identity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, .8fr);
  gap: 22px;
  padding: 12px 5px;
  margin: 12px 0 0;
  font-size: 9px;
}
.business-document .document-style-identity .invoice-company-identity,
.business-document .document-style-brand .invoice-company-identity { display: block; min-width: 0; padding: 0; }
.business-document .invoice-company-identity > div { display: grid; align-content: start; gap: 3px; font-size: 9px; line-height: 1.3; }
.business-document .invoice-company-identity strong { font-size: 10px; }
.business-document .document-company-address { display: grid; gap: 3px; font-size: 9px; }
.business-document .right-code { position: static; display: grid; align-content: start; gap: 5px; min-width: 0; padding: 0; border: 0; background: transparent; }
.business-document .right-code > div { display: flex; min-width: 0; justify-content: space-between; align-items: start; gap: 10px; font-size: 9px; }
.business-document .right-code > div > :last-child { text-align: right; }
.business-document .party-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 14px 0 0;
  padding: 0;
  border: 0;
}
.business-document .party-grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.business-document .party-block { min-width: 0; margin: 0; padding: 8px; border: 0; font-size: 9px; }
.business-document .party-block > strong { display: block; margin: 0 0 6px; font-size: 9px; }
.business-document .party-block > span { font-size: 9px; line-height: 1.4; }
.business-document .trade-line { display: grid; grid-template-columns: repeat(var(--business-trade-columns, 4), minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; padding: 7px 0; border: 0; }
.business-document .trade-line > div { display: grid; gap: 5px; min-width: 0; font-size: 9px; overflow-wrap: anywhere; }
.business-document .trade-line strong { font-size: 9px; }
.business-document :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) {
  width: 100%;
  margin-top: 14px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 9px;
}
.business-document :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) :is(th, td) {
  display: table-cell;
  min-width: 0;
  height: auto;
  padding: 6px 4px;
  border: 1px solid #dce1e8;
  overflow-wrap: anywhere;
  font-size: 9px;
  line-height: 1.35;
  vertical-align: top;
}
.business-document :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) th { color: #18243a !important; background: #f0f2f5; font-weight: 700; }
.business-document .pi-table :is(th, td):first-child { width: 5%; }
.business-document .pi-table :is(th, td):nth-child(2) { width: 15%; }
.business-document .pi-table :is(th, td):nth-child(3) { width: 10%; }
.business-document .pi-table :is(th, td):nth-child(4) { width: 25%; }
.business-document .pi-table :is(th, td):nth-child(5) { width: 6%; }
.business-document .pi-table :is(th, td):nth-child(6) { width: 6%; }
.business-document .pi-table :is(th, td):nth-child(7) { width: 10%; }
.business-document .pi-table :is(th, td):nth-child(8) { width: 11%; }
.business-document .pi-table :is(th, td):nth-child(9) { width: 12%; }
.business-document .doc-item-photo { display: block; width: 100%; max-width: 58px; height: auto; max-height: 48px; object-fit: contain; }
.business-document .pi-mid-section { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 20px; margin-top: 16px; }
.business-document .pi-total { width: auto; min-width: 0; }
.business-document .pi-total table { width: 100%; border-collapse: collapse; }
.business-document .pi-total td { padding: 4px; border-bottom: 1px solid #dce1e8; font-size: 9px; }
.business-document .pi-total td:last-child { text-align: right; }
.business-document .pi-total :is(.total-row, .deposit-row, .balance-row) td { background: #eef0f4; }
.business-document .ci-total { width: 230px; margin: 18px 0 0 auto; }
.business-document .ci-total table { width: 100%; border-collapse: collapse; font-size: 10px; }
.business-document .ci-total td { padding: 6px; border-bottom: 1px solid #dce1e8; }
.business-document .ci-total td:last-child { text-align: right; }
.business-document .bank-block { min-width: 0; margin-top: 0; align-self: start; font-size: 9px; }
.business-document .bank-block > strong,
.business-document .terms-block > strong { display: block; padding: 5px 3px; margin-bottom: 6px; font-size: 9px; }
.business-document .bank-block > p { display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 5px; margin: 0; padding: 3px; border-bottom: 1px solid #e2e6ed; font-size: 8px; overflow-wrap: anywhere; }
.business-document .bank-block p > :is(span, b) { min-width: 0; overflow-wrap: anywhere; }
.business-document-classic.sc-doc .bank-block { width: 50%; }
.business-document-classic.sc-doc .bank-block > p { grid-template-columns: 90px minmax(0, 1fr); gap: 6px; padding-block: 2px; }
.business-document-classic.sc-doc .bank-block p > b { white-space: normal; }
.business-document .terms-block { margin-top: 18px; padding-top: 6px; border-top: 1px solid #d4dbe5; font-size: 9px; }
.business-document .terms-block p { font-size: 9px; line-height: 1.5; }
.business-document-classic.sc-doc .terms-block { margin-top: 10px; }
.business-document .pi-term-list > * { break-inside: avoid; page-break-inside: avoid; }
.business-document .pi-template-order-notes { margin: 14px 0; font-size: 9px; }
.business-document .pi-template-order-notes p { margin: 5px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.business-document .document-style-bill-company { display: grid; align-content: start; gap: 5px; font-size: 11px; }
.business-document .document-style-bill-company p { margin: 0; color: #667085; font-size: 9px; }
.business-document .payment-bill-preview-meta { margin-top: 14px; padding: 10px 5px; background: #f4f5f7; }
.business-document .payment-bill-preview-section-head { margin-bottom: 8px; font-size: 10px; }
.business-document .payment-bill-preview-summary { margin-top: 14px; font-size: 10px; }
.business-document .payment-bill-preview-notes { margin: 14px 0; }
.business-document .pi-company-continuation-header { border-bottom-color: var(--business-accent); color: #18243a; }
.business-document-minimal .document-style-identity { background: #f0f0f0; }
.business-document-minimal .party-block > strong,
.business-document-minimal .bank-block > strong,
.business-document-minimal .terms-block > strong { margin: -1px -3px 6px; padding: 5px 6px; color: #fff; background: var(--business-accent); }
.business-document-minimal .document-style-bottom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.business-document-minimal .document-style-bottom .terms-block { margin: 0; padding: 0; border: 0; }
.business-document-digital .document-style-header { border-bottom: 2px solid var(--business-accent); }
.business-document-digital .document-style-header > :is(.excel-title, h1) { grid-column: 1; grid-row: 1; text-align: left; }
.business-document-digital .document-style-brand { grid-column: 2; grid-row: 1; justify-content: end; }
.business-document-digital .party-grid { background: #f0f2f5; }
.business-document-digital :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) th { background: var(--business-accent); color: #fff !important; }
.business-document-digital .pi-total .total-row td,
.business-document-digital .payment-bill-preview-total,
.business-document-digital .ci-total .total-row td { background: var(--business-accent); color: #fff; }
.business-document-digital .terms-block { border-top-color: #2563eb; }
.business-document-green .document-style-header { border-bottom-color: #8fcf67; }
.business-document-green .document-style-header .invoice-company-identity { max-width: 230px; }
.business-document-green .document-style-parties-meta { display: grid; grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr); gap: 12px; margin-top: 14px; }
.business-document-green .document-style-parties-meta .party-grid { margin: 0; }
.business-document-green .party-block { padding: 0 6px 6px; border: 1px solid #a7cf92; }
.business-document-green .party-block > strong { margin: 0 -6px 6px; padding: 5px 6px; color: #fff; background: var(--business-accent); }
.business-document-green .trade-line { gap: 0; padding: 0; }
.business-document-green .trade-line > div { gap: 0; border: 1px solid #a7cf92; text-align: center; }
.business-document-green .trade-line strong { padding: 5px 3px; background: var(--business-accent); color: #fff; }
.business-document-green .trade-line span { padding: 5px 3px; }
.business-document-green :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) th { background: var(--business-accent); color: #fff !important; }
.business-document-green :is(.pi-table, .pl-document-table, .payment-bill-preview-table, .payment-bill-preview-history-table) :is(th, td) { border-color: #a7cf92; }
.business-document-green .document-style-finance { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(210px, 1fr); gap: 18px; margin-top: 20px; }
.business-document-green .document-style-finance .pi-mid-section { display: block; margin: 0; }
.business-document-green .bank-block > strong,
.business-document-green .terms-block > strong { color: #fff; background: var(--business-accent); }
.business-document-green .pi-total :is(.total-row, .deposit-row, .balance-row) td,
.business-document-green .payment-bill-preview-total,
.business-document-green .ci-total .total-row td { background: #eaf6e2; color: #173b28; }
.business-document-green .document-style-terms { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(175px, 1fr); gap: 12px; margin-top: 18px; }
.business-document-green .document-style-terms .terms-block { margin: 0; padding: 0; border: 0; }
.business-document-green .document-style-authorization { align-self: end; justify-self: end; width: 85%; margin: 14px 0 0 auto; font-size: 8px; }
.business-document-green [data-pi-authorization-slot] { display: grid; place-items: center; min-height: 70px; padding: 0; border: 1px solid #a7cf92; }
.business-document-green [data-pi-authorization-slot] > :is(.document-seal-image, .pi-document-signature-image) { position: static !important; grid-area: 1/1; width: 90% !important; height: 64px !important; max-width: 100% !important; max-height: 64px !important; margin: 0; object-fit: contain; transform: none !important; }
.pi-doc .pi-standard-items :is(th, td).pi-standard-description { width: 160px; }
.pi-doc .pi-standard-items :is(th, td).pi-standard-unit-price { width: 96px; }
.pi-doc .pi-standard-items :is(th, td).pi-standard-note { width: 102px; text-align: center; }
.pi-doc .pi-standard-items :is(th, td):is(.pi-standard-unit-price, .pi-standard-amount) { text-align: right; }
.pi-doc .pi-standard-items :is(.pi-standard-price-label, .pi-standard-amount-label, .pi-standard-currency) { display: block; white-space: nowrap; }
.pi-doc.pi-standard-document .pi-modern-header,
.pi-doc.pi-standard-document .pi-modern-identity {
  width: 100%;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}
.pi-doc.pi-standard-document .pi-modern-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  min-height: 92px;
  margin-top: 0;
}
.pi-doc.pi-standard-document .pi-alt-brand { display: flex; align-items: flex-start; min-width: 0; }
.pi-doc.pi-standard-document .pi-alt-brand > img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  object-position: left top;
}
.pi-doc.pi-standard-document .pi-modern-header h1 {
  margin: 16px 0 0;
  color: #14243b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}
.pi-doc.pi-standard-document .pi-modern-identity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 30px;
  height: 123px;
  padding: 8px 6px;
  background: transparent;
}
.pi-doc.pi-standard-document .pi-modern-company {
  display: grid;
  align-content: start;
  gap: 3px;
  font-size: 10px;
  line-height: 1.25;
}
.pi-doc.pi-standard-document .pi-modern-company > strong { font-size: 11px; }
.pi-doc.pi-standard-document .pi-modern-company > em { font-size: 10px; font-weight: 700; }
.pi-doc.pi-standard-document .pi-modern-company .document-company-address { display: grid; gap: 3px; }
.pi-doc.pi-standard-document .pi-alt-meta {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 5px;
  margin: 0;
}
.pi-doc.pi-standard-document .pi-alt-meta > div {
  display: grid;
  grid-template-columns: 102px minmax(0, 1fr);
  gap: 4px;
  font-size: 10px;
  line-height: 1.35;
}
.pi-doc.pi-standard-document .pi-alt-meta :is(dt, dd) { margin: 0; }
.pi-doc.pi-standard-document .pi-alt-meta dt { color: #18243a; font-weight: 700; }
.pi-doc.pi-standard-document .pi-alt-meta dd { color: #50678e; font-weight: 400; text-align: right; }
.pi-doc.pi-standard-document .party-grid { margin-top: 14px; }
.pi-doc.pi-standard-document .party-grid { align-items: start; }
.pi-doc.pi-standard-document .party-block { grid-auto-rows: minmax(13px, auto); gap: 0; line-height: 1.2; }
.pi-doc.pi-standard-document .party-block > span { display: block; }



.pi-template-continuation-content {
  width: 100%;
  box-sizing: border-box;
  color: #18243a;
  font-size: 11px;
  line-height: 1.5;
}
.pi-template-continuation-content h2 {
  margin: 0 0 18px;
  padding-bottom: 7px;
  border-bottom: 1px solid #cdd1d8;
  font-size: 12px;
  text-transform: uppercase;
}
.pi-template-continuation-content p { margin: 0; color: #526b92; }
.pi-template-continuation-note {
  margin: 18px 0 0;
  color: #7b879b;
  font-size: 9px;
  line-height: 1.4;
}
.pi-modern-excel .pi-company-continuation-header { border-bottom-color: #172339; color: #18243a; font-family: Arial, sans-serif; }
.pi-alt-digital .pi-company-continuation-header { border-bottom: 2px solid var(--pi-alt-accent, #2563eb); color: var(--pi-alt-accent, #2563eb); font-family: Arial, sans-serif; }
.pi-alt-green .pi-company-continuation-header { border-bottom-color: var(--pi-alt-accent, #77c632); color: #193b2d; }
.pi-alt-minimal .pi-company-continuation-header { border-bottom-color: #24466b; color: #24466b; }
.pi-modern-excel .pi-template-continuation-content h2 {
  padding: 5px 8px;
  border: 0;
  background: #172339;
  color: #fff;
}
.pi-alt-digital .pi-template-continuation-content h2 { border-bottom: 2px solid var(--pi-alt-accent, #2563eb); color: var(--pi-alt-accent, #2563eb); font-size: 16px; }
.pi-alt-green .pi-template-continuation-content h2 { border-bottom-color: var(--pi-alt-accent, #69c92d); color: var(--pi-alt-accent, #69c92d); }
.pi-alt-minimal .pi-template-continuation-content h2 { border-bottom-color: #24466b; color: #24466b; }
.pi-default-settings-dialog.zoho-draft-dialog { width: min(500px, calc(100vw - 32px)); padding: 0; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 80px #171b2f30; overflow: hidden; color: var(--ink); font-family: var(--font-ui); }
.zoho-draft-dialog .pi-default-settings-body { padding: 24px; }
.pi-default-settings-dialog.document-delivery-composer,
.zoho-draft-dialog.document-delivery-progress { box-sizing:border-box; width:min(520px,calc(100vw - 32px));max-width:520px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);box-shadow:0 24px 70px #17203330; }
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body{display:grid;grid-template-columns:1fr;gap:16px;padding:18px 20px;overflow-y:auto;min-height:0;background:#fafafa}
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:500}
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body :is(input,textarea){box-sizing:border-box;width:100%;max-width:none;padding:9px 11px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;line-height:1.5}
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body input{height:36px}
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body textarea[name="instruction"]{height:76px;min-height:76px;resize:vertical}
.pi-default-settings-dialog.document-delivery-composer .pi-default-settings-body textarea[name="body"]{height:148px;min-height:100px;resize:vertical}
body[data-theme="dark"] :is(.document-delivery-composer,.document-delivery-progress) :is(.pi-default-settings-body,footer){background:#2c2c2c}