.ov-product-group-row > td {
  background: #f8fafc !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 12px 16px !important;
  color: #0f172a;
}
.ov-product-group-row > td > strong {
  font-weight: 800;
  color: #0f172a;
}
.ov-product-group-row > td > span {
  float: right;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
  margin-left: 16px;
}

/* FIX22: cân đối hai số dư ở đầu Sổ công nợ trên cùng một hàng */
.modal-dialog:has(.ledger-view) .ledger-head {
  grid-template-columns: minmax(220px, 1fr) minmax(210px, 240px) minmax(210px, 240px) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 18px 64px 18px 24px !important;
}
.modal-dialog:has(.ledger-view) .ledger-head > div:first-child {
  align-self: center !important;
  min-width: 0 !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .form-summary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  align-content: center !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .form-summary small {
  color: #667085 !important;
  font-size: 11px !important;
  line-height: 15px !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .modal-dialog:has(.ledger-view) .ledger-head {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding-right: 52px !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head > div:first-child {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 520px) {
  .modal-dialog:has(.ledger-view) .ledger-head {
    grid-template-columns: 1fr !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head > div:first-child {
    grid-column: auto !important;
  }
}


/* FIX23: can doi o So du Co va them bu tru cong no truc tiep */
.modal-dialog:has(.ledger-view) .ledger-head .ledger-receivable-summary,
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary {
  min-height: 78px !important;
  margin-right: 0 !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .ledger-receivable-summary > span,
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > span {
  white-space: nowrap !important;
  line-height: 16px !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary {
  display: grid !important;
  grid-template-columns: minmax(145px, 1fr) auto !important;
  grid-template-areas:
    "credit-label credit-value"
    "credit-note credit-action" !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > span {
  grid-area: credit-label !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > strong {
  grid-area: credit-value !important;
  justify-self: end !important;
  white-space: nowrap !important;
}
.modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > small {
  grid-area: credit-note !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.modal-dialog:has(.ledger-view) .ledger-offset-btn {
  grid-area: credit-action !important;
  justify-self: end !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid #bfd2ee !important;
  border-radius: 6px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.modal-dialog:has(.ledger-view) .ledger-offset-btn:hover:not(:disabled) {
  background: #dbeafe !important;
  border-color: #93b4e8 !important;
}
.modal-dialog:has(.ledger-view) .ledger-offset-btn:disabled {
  cursor: not-allowed !important;
  opacity: .45 !important;
}
@media (max-width: 760px) {
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary {
    grid-template-columns: minmax(130px, 1fr) auto !important;
  }
}


/* FIX24: In hoa don A4 lon hon, giam le va tang do doc */
@media print {
  @page { size: A4 portrait !important; margin: 0 !important; }
  html, body {
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  #root {
    width: 210mm !important;
    max-width: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .print-invoice,
  .print-invoice-commercial {
    box-sizing: border-box !important;
    width: 210mm !important;
    max-width: 210mm !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5mm 6mm 6mm !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
    flex: 0 0 210mm !important;
    justify-self: start !important;
    overflow: visible !important;
  }
  .print-commercial-head {
    grid-template-columns: 20mm minmax(0, 1fr) 31mm !important;
    gap: 5mm !important;
    padding-bottom: 3mm !important;
  }
  .print-commercial-head .print-logo {
    width: 18mm !important;
    max-height: 18mm !important;
  }
  .print-commercial-head .print-company strong {
    font-size: 14px !important;
  }
  .print-commercial-head .print-company p {
    font-size: 9.5px !important;
    margin: .8mm 0 !important;
  }
  .print-quick-pay {
    font-size: 8px !important;
  }
  .print-quick-pay svg,
  .print-quick-pay img {
    width: 22mm !important;
    height: 22mm !important;
  }
  .print-invoice-commercial .print-title {
    margin: 3.5mm 0 2.5mm !important;
    font-size: 20px !important;
  }
  .print-invoice-meta {
    grid-template-columns: 38mm minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 1.8mm 4mm !important;
    padding: 2.2mm 3.2mm !important;
  }
  .print-invoice-meta span { font-size: 8.8px !important; }
  .print-invoice-meta strong { font-size: 10px !important; }
  .print-invoice-commercial .print-barcode {
    max-width: 74mm !important;
    margin: 2.5mm auto 3.5mm !important;
  }
  .print-barcode svg { max-width: 82mm !important; }
  .print-lines-commercial {
    width: 100% !important;
    table-layout: fixed !important;
  }
  .print-lines-commercial th,
  .print-lines-commercial td {
    padding: 1.5mm 1.1mm !important;
    font-size: 9.2px !important;
    line-height: 1.2 !important;
  }
  .print-lines-commercial th:first-child { width: 9mm !important; }
  .print-lines-commercial th:nth-child(3) { width: 14mm !important; }
  .print-lines-commercial th:nth-child(4) { width: 29mm !important; }
  .print-lines-commercial th:nth-child(5) { width: 23mm !important; }
  .print-lines-commercial th:nth-child(6) { width: 22mm !important; }
  .print-lines-commercial th:nth-child(7) { width: 25mm !important; }
  .print-lines-commercial small {
    margin-top: .8mm !important;
    font-size: 7.8px !important;
  }
  .print-summary-commercial {
    grid-template-columns: minmax(0, 1fr) 60mm !important;
    gap: 5mm !important;
    margin-top: 3.5mm !important;
  }
  .print-note {
    min-height: 20mm !important;
    padding: 2.5mm !important;
  }
  .print-note .print-inwords { font-size: 9.8px !important; }
  .print-total-box p {
    padding: 1.9mm 0 !important;
    font-size: 10px !important;
  }
  .print-total-box strong { font-size: 13px !important; }
  .print-payment-strip {
    grid-template-columns: minmax(0, 1fr) 29mm !important;
    gap: 5mm !important;
    margin-top: 3.5mm !important;
    padding: 2.5mm !important;
  }
  .print-payment-strip p { font-size: 8.8px !important; }
  .print-payment-qr svg,
  .print-payment-qr img {
    width: 26mm !important;
    height: 26mm !important;
  }
}


/* FIX25: dich cum so du sang trai, mo rong So du Co de khong che noi dung */
@media (min-width: 761px) {
  .modal-dialog:has(.ledger-view) .ledger-head {
    grid-template-columns: minmax(200px, .72fr) minmax(250px, .9fr) minmax(390px, 1.25fr) !important;
    gap: 12px !important;
    padding: 18px 84px 18px 24px !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-receivable-summary,
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary {
    grid-template-columns: minmax(190px, 1fr) auto !important;
    column-gap: 14px !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > span {
    white-space: nowrap !important;
    overflow: visible !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > strong {
    min-width: 92px !important;
    white-space: nowrap !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-head .ledger-credit-summary > small {
    min-width: 180px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .modal-dialog:has(.ledger-view) .ledger-offset-btn {
    min-width: 118px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}


/* FIX26: dua ma vach len cum QR thanh toan o dau hoa don */
@media print {
  .print-commercial-head {
    grid-template-columns: 20mm minmax(0, 1fr) 42mm !important;
    gap: 4mm !important;
  }
  .print-quick-pay.print-quick-pay--single {
    align-self: start !important;
    justify-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .print-quick-pay--single > strong,
  .print-quick-pay--single > span {
    width: 100% !important;
    text-align: center !important;
  }
  .print-quick-pay--single .print-barcode--header {
    width: 100% !important;
    max-width: 38mm !important;
    margin: 1.3mm auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .print-quick-pay--single .print-barcode--header svg {
    width: 100% !important;
    max-width: 38mm !important;
    height: auto !important;
    max-height: 11mm !important;
    margin: 0 auto !important;
  }
}


/* FIX29: chinh han muc cong no nhanh va khoa tao don moi khi han muc = 0 */
.sale-credit-mini .sale-credit-limit-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.sale-credit-mini .sale-credit-limit-row small {
  min-width: 0 !important;
  white-space: nowrap !important;
}
.sale-credit-mini .credit-limit-edit-btn {
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 2px 7px !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #2563eb !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  line-height: 16px !important;
  cursor: pointer !important;
}
.sale-credit-mini.credit-locked {
  align-content: center !important;
}
.sale-credit-mini .credit-limit-lock-note {
  color: #b45309 !important;
  white-space: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 13px !important;
}
.credit-limit-editor-note {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 12px !important;
  line-height: 18px !important;
}


/* FIX30: hien ro o nhap Tien khach tra va cho phep nhap o moi phuong thuc thanh toan */
.sale-settlement-panel .paid-input.settlement-paid {
  gap: 7px !important;
  display: grid !important;
}
.sale-settlement-panel .paid-input.settlement-paid > span {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.sale-settlement-panel .paid-input.settlement-paid input#paid-amount-input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid #cbd8e5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  text-align: right !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  font-variant-numeric: tabular-nums !important;
  opacity: 1 !important;
  cursor: text !important;
}
.sale-settlement-panel .paid-input.settlement-paid input#paid-amount-input:hover {
  border-color: #94a3b8 !important;
}
.sale-settlement-panel .paid-input.settlement-paid input#paid-amount-input:focus {
  border-color: var(--sale-accent, #0d9488) !important;
  box-shadow: 0 0 0 3px rgba(13,148,136,.14) !important;
  outline: none !important;
}


/* FIX32: nhap tien thuc su + canh bao ton kho tren man ban hang */
.sale-product-row .sale-stock-badge.low {
  color: #b45309 !important;
  background: #fffbeb !important;
  border-radius: 999px !important;
  padding: 2px 6px !important;
  font-weight: 800 !important;
}
.sale-product-row .sale-stock-badge.out {
  color: #b91c1c !important;
  background: #fef2f2 !important;
  border-radius: 999px !important;
  padding: 2px 6px !important;
  font-weight: 800 !important;
}
.invoice-stock-warning {
  display: block !important;
  margin-top: 3px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 13px !important;
}
.invoice-stock-warning.low { color: #b45309 !important; }
.invoice-stock-warning.out { color: #b91c1c !important; }
.invoice-stock-alert-panel {
  display: grid !important;
  gap: 5px !important;
  margin: 0 10px 8px !important;
  padding: 8px 10px !important;
  border: 1px solid #fde68a !important;
  border-radius: 8px !important;
  background: #fffbeb !important;
}
.invoice-stock-alert-panel > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  font-size: 11px !important;
  line-height: 15px !important;
}
.invoice-stock-alert-panel strong { white-space: nowrap !important; }
.invoice-stock-alert-panel span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.invoice-stock-alert-panel .low strong { color: #b45309 !important; }
.invoice-stock-alert-panel .out strong { color: #b91c1c !important; }

/* FIX33 - Bo loc Loai san pham dong tren man Ban hang */
.sale-category-filter{background:#f6f9fc;border:1px solid #e0e8f0;border-radius:8px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:5px;padding:3px;min-width:0}
.sale-category-filter button,.sale-category-filter select{min-height:32px;font:inherit;border-radius:6px;font-size:12px;font-weight:760}
.sale-category-filter button{color:#475467;cursor:pointer;background:#fff;border:1px solid #d9e3ee;padding:0 8px}
.sale-category-filter button.selected{background:var(--sale-accent,#3674d9);color:#fff;border-color:var(--sale-accent,#3674d9)}
.sale-category-filter select{width:100%;min-width:0;color:#344054;background:#fff;border:1px solid #d5e0eb;outline:0;padding:0 28px 0 10px;cursor:pointer;text-overflow:ellipsis}
.sale-category-filter select:focus{border-color:var(--sale-accent,#3674d9);box-shadow:0 0 0 2px #3674d91a}


/* FIX35: han muc xuong dong + bo loc loai san pham day du */
.sale-credit-mini .sale-credit-limit-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-items:start!important;
  gap:4px!important;
  width:100%!important;
}
.sale-credit-mini .sale-credit-limit-row small{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  line-height:15px!important;
}
.sale-credit-mini .credit-limit-edit-btn{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  justify-self:start!important;
  margin:0!important;
}


/* FIX40: them icon vao hoa don in theo mau */
@media print {
  .print-invoice-commercial {
    --ov-accent: #f4a300;
    --ov-border: #d7d7d7;
    --ov-icon-bg: #fff8e6;
  }
  .print-commercial-head .print-company p {
    position: relative !important;
    padding-left: 7mm !important;
    min-height: 5mm !important;
    display: flex !important;
    align-items: center !important;
  }
  .print-commercial-head .print-company p::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5mm !important;
    height: 5mm !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }
  .print-commercial-head .print-company p:nth-of-type(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 1 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
  }
  .print-commercial-head .print-company p:nth-of-type(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.35 1.78.68 2.62a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.46-1.25a2 2 0 0 1 2.11-.45c.84.33 1.72.56 2.62.68A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") !important;
  }
  .print-commercial-head .print-company p:nth-of-type(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M6 14h12'/%3E%3Cpath d='M12 2l9 4v12l-9 4-9-4V6l9-4Z'/%3E%3Cpath d='M12 6v12'/%3E%3C/svg%3E") !important;
  }

  .print-invoice-meta {
    border: 0.3mm solid var(--ov-border) !important;
    border-radius: 4mm !important;
    padding: 3mm 3.5mm !important;
    gap: 0 !important;
  }
  .print-invoice-meta > div {
    position: relative !important;
    padding: 1.4mm 2mm 1.4mm 10mm !important;
    min-height: 11.5mm !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .print-invoice-meta > div::before {
    content: '' !important;
    position: absolute !important;
    left: 1.2mm !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 6mm !important;
    height: 6mm !important;
    border-radius: 50% !important;
    background-color: var(--ov-icon-bg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 3.8mm 3.8mm !important;
    border: 0.3mm solid rgba(244,163,0,.35) !important;
  }
  .print-invoice-meta > div:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E") !important;
  }
  .print-invoice-meta > div:nth-child(2)::before,
  .print-invoice-meta > div:nth-child(6)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E") !important;
  }
  .print-invoice-meta > div:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 1 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
  }
  .print-invoice-meta > div:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;
  }
  .print-invoice-meta > div:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.35 1.78.68 2.62a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.46-1.25a2 2 0 0 1 2.11-.45c.84.33 1.72.56 2.62.68A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") !important;
  }
  .print-note {
    position: relative !important;
    padding-left: 16mm !important;
    display: flex !important;
    align-items: center !important;
  }
  .print-note::before {
    content: '' !important;
    position: absolute !important;
    left: 3.2mm !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 9mm !important;
    height: 9mm !important;
    border-radius: 50% !important;
    background: var(--ov-icon-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E") center/5mm 5mm no-repeat !important;
    border: 0.3mm solid rgba(244,163,0,.35) !important;
  }
  .print-note .print-inwords::before {
    content: 'Số tiền bằng chữ:' !important;
    display: block !important;
    margin-bottom: 1.2mm !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: #555 !important;
  }
  .print-payment-strip > div:first-child {
    position: relative !important;
    padding-left: 13mm !important;
    min-height: 14mm !important;
  }
  .print-payment-strip > div:first-child::before {
    content: '' !important;
    position: absolute !important;
    left: 1mm !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8.5mm !important;
    height: 8.5mm !important;
    border-radius: 50% !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M6 14h12'/%3E%3Cpath d='M12 2l9 4v12l-9 4-9-4V6l9-4Z'/%3E%3Cpath d='M12 6v12'/%3E%3C/svg%3E") center/5mm 5mm no-repeat !important;
    border: 0.35mm solid rgba(244,163,0,.55) !important;
  }
  .print-signatures > div {
    position: relative !important;
    padding-top: 12mm !important;
  }
  .print-signatures > div::before {
    content: '' !important;
    position: absolute !important;
    top: 1.4mm !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 8mm !important;
    height: 8mm !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 4.6mm 4.6mm !important;
    border: 0.35mm solid rgba(244,163,0,.55) !important;
  }
  .print-signatures > div:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4'/%3E%3Cpath d='m17 7 3-3'/%3E%3Cpath d='M3 21l3.75-.75L17 10 14 7 3.75 17.25 3 21Z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E") !important;
  }
  .print-signatures > div:nth-child(2)::before,
  .print-signatures > div:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E") !important;
  }
  .print-signatures > div:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h4V5H2v12h3'/%3E%3Cpath d='M14 8h5l3 3v6h-8V8Z'/%3E%3Ccircle cx='7.5' cy='17.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.5'/%3E%3C/svg%3E") !important;
  }
}

/* FIX54: ton kho chi la thong tin tham khao, khong chan click / luu don */
.sale-product-row .sale-stock-badge{pointer-events:none!important;user-select:none!important}.sale-product-row{cursor:pointer!important}.sale-product-row:disabled{opacity:1!important;pointer-events:auto!important;cursor:pointer!important}