/* ─── 3qare Contract Print (Sale & Rental) ─── */

.sale-contract-doc {
  direction: rtl;
  font-family: 'Tajawal', 'Traditional Arabic', serif;
  color: #051c39;
  line-height: 1.85;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 2mm;
  max-width: 100%;
}

body.contract-print-standalone .sale-contract-doc {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 0 2mm;
}

body.contract-print-standalone .sale-contract-doc-main {
  flex: 0 0 auto;
}

body.contract-print-standalone .sale-contract-doc-last-page {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

body.contract-print-standalone .sale-contract-doc-last-page-spacer {
  flex: 1 1 auto;
  min-height: 0;
}

.sale-contract-doc-last-page {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  break-inside: avoid;
  page-break-inside: avoid;
}

.sale-contract-doc-last-page-spacer {
  flex: 1 1 auto;
  min-height: 0;
  pointer-events: none;
}

.sale-contract-doc-last-page .sale-contract-doc-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  flex: 0 0 auto;
}

.sale-contract-doc-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 3px double #c59d5f;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
}

.sale-contract-doc-logo {
  width: 7rem;
  height: 4rem;
  object-fit: contain;
}

.sale-contract-doc-title {
  text-align: center;
  flex: 1;
}

.sale-contract-doc-title h1 {
  font-size: 1.35rem;
  font-weight: 800;
  margin: 0;
  color: #051c39;
}

.sale-contract-doc-title p {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #64748b;
}

.sale-contract-doc-office-side {
  font-size: 0.75rem;
  font-weight: 700;
  color: #c59d5f;
  max-width: 7rem;
  text-align: center;
}

.sale-contract-doc-office-name {
  margin: 0;
  font-weight: 800;
  color: #051c39;
  max-width: 7rem;
}

.sale-contract-doc-section {
  margin-bottom: 1rem;
  break-inside: avoid;
  page-break-inside: avoid;
}

.sale-contract-doc-section h2 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #c59d5f;
  border-right: 3px solid #c59d5f;
  padding-right: 0.5rem;
  margin: 0 0 0.5rem;
}

.sale-contract-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 1rem;
}

.sale-contract-doc-grid span.label {
  color: #64748b;
  font-size: 0.78rem;
}

.sale-contract-doc-grid span.value {
  font-weight: 600;
}

.sale-contract-doc-clauses {
  border: 1px solid rgba(197, 157, 95, 0.35);
  border-radius: 0.75rem;
  padding: 1rem 1.1rem;
  background: #faf7f0;
}

.sale-contract-doc-clauses p {
  margin: 0 0 0.65rem;
  text-align: justify;
}

.sale-contract-doc-clauses p:last-child {
  margin-bottom: 0;
}

.sale-contract-doc-signatures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 2rem;
  break-inside: avoid;
  page-break-inside: avoid;
}

.sale-contract-doc-signatures .sig-block {
  text-align: center;
  padding-top: 2.5rem;
  border-top: 1px solid #cbd5e1;
}

.sale-contract-doc-body {
  text-align: justify;
}

.sale-contract-doc-intro {
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.sale-contract-clause-title {
  margin: 1.1rem 0 0.45rem;
  font-weight: 800;
  color: #051c39;
}

.sale-contract-doc-body > p {
  margin: 0 0 0.55rem;
}

.sale-contract-doc-signatures--official {
  margin-top: 1.5rem;
}

.sale-contract-doc-signatures--official .sig-block {
  border-top: none;
  padding-top: 0.5rem;
  text-align: center;
}

.sale-contract-doc-signatures--official .sig-party-role {
  margin: 0 0 0.35rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #051c39;
}

.sale-contract-doc-signatures--official .sig-party-name {
  margin: 0 0 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #051c39;
  min-height: 1.35rem;
}

.sale-contract-doc-signatures--official .sig-party-stamp {
  margin: 0;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(197, 157, 95, 0.55);
  font-size: 0.82rem;
  color: #64748b;
  letter-spacing: 0.02em;
}

.sale-contract-doc-signatures--official .sig-line {
  margin-top: 2rem;
  font-size: 0.95rem;
}

.sale-contract-doc-footer {
  break-inside: avoid;
  page-break-inside: avoid;
}

.sale-contract-doc-footer-gold-line {
  height: 3px;
  width: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #b8894a 6%,
    #c59d5f 18%,
    #e8c882 50%,
    #c59d5f 82%,
    #b8894a 94%,
    transparent 100%
  );
  margin-bottom: 0.55rem;
  border-radius: 999px;
}

.sale-contract-doc-footer-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.15rem 0;
  font-size: 0.68rem;
  line-height: 1.45;
  color: #051c39;
  white-space: nowrap;
}

.sale-contract-doc-footer-text {
  color: #334155;
  min-width: 0;
}

.sale-contract-doc-footer-brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  flex: 1 1 auto;
  min-width: 0;
}

.sale-contract-doc-footer-logo {
  width: 1.65rem;
  height: 1.65rem;
  object-fit: contain;
  flex-shrink: 0;
}

.sale-contract-doc-footer-link,
.sale-contract-doc-footer-link:visited {
  color: #c5a059;
  font-weight: 800;
  text-decoration: none;
  flex: 0 0 auto;
}

.sale-contract-doc-footer-link:hover {
  color: #b8894a;
}

.contract-print-surface .sale-contract-doc {
  display: flex;
  flex-direction: column;
  min-height: calc(297mm - 24mm);
}

.contract-print-surface .sale-contract-doc-main {
  flex: 0 0 auto;
}

.contract-print-surface .sale-contract-doc-signatures--official {
  flex: 0 0 auto;
}

.contract-print-surface .sale-contract-doc-last-page {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 3.5rem;
}

@media (max-width: 640px) {
  .sale-contract-doc-grid,
  .sale-contract-doc-signatures {
    grid-template-columns: 1fr;
  }

  .sale-contract-doc-footer-inner {
    flex-direction: column;
    text-align: center;
    white-space: normal;
  }

  .sale-contract-doc-footer-text {
    text-align: center;
  }
}

.receipt-voucher-doc {
  direction: rtl;
  font-family: 'Tajawal', 'Traditional Arabic', serif;
  color: #051c39;
  line-height: 2;
  font-size: 15px;
}

.receipt-voucher-doc .receipt-voucher-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 3px double #c59d5f;
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
}

.receipt-voucher-doc .receipt-voucher-brand-logo {
  width: 6rem;
  height: 3.5rem;
  object-fit: contain;
}

.receipt-voucher-doc .receipt-voucher-title {
  flex: 1;
  text-align: center;
  font-size: 1.45rem;
  font-weight: 800;
  color: #051c39;
  margin: 0;
}

.receipt-voucher-doc .receipt-voucher-office-name {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  color: #051c39;
  max-width: 11rem;
  line-height: 1.35;
}

.receipt-voucher-doc .receipt-voucher-office-side {
  min-width: 6rem;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 700;
  color: #051c39;
}

.commission-print-result {
  margin: 1.25rem 0 1rem;
  padding: 0.85rem 1rem;
  border: 2px solid #c59d5f;
  background: #faf7f0;
  font-size: 1.15rem;
  font-weight: 800;
  color: #051c39;
  text-align: center;
}

.commission-print-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
  font-size: 14px;
}

.commission-print-table th {
  background: #051c39;
  color: #fff;
  text-align: right;
  padding: 8px 10px;
  font-weight: 700;
}

.commission-print-table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(197, 157, 95, 0.35);
  color: #051c39;
}

.commission-print-footer {
  margin-top: 2.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(197, 157, 95, 0.45);
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #051c39;
}

.doc-verification-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  min-width: 6.25rem;
  flex-shrink: 0;
}

.doc-verification-qr--empty {
  min-width: 6.25rem;
  min-height: 6.25rem;
}

.doc-verification-qr-img {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: contain;
  border: 1px solid rgba(197, 157, 95, 0.45);
  border-radius: 0.4rem;
  padding: 0.2rem;
  background: #fff;
  display: block;
}

.doc-verification-qr-caption {
  font-size: 0.65rem;
  font-weight: 700;
  color: #051c39;
  text-align: center;
  line-height: 1.25;
  margin: 0;
  max-width: 7rem;
}

.receipt-voucher-doc .receipt-voucher-body p {
  margin: 0 0 1rem;
}

.receipt-voucher-doc .receipt-voucher-meta {
  font-weight: 600;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(197, 157, 95, 0.35);
}

.receipt-voucher-doc .receipt-voucher-value {
  font-weight: 700;
  color: #051c39;
}

.receipt-voucher-doc .receipt-voucher-signatures {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 14px;
}

.receipt-voucher-doc .receipt-voucher-signatures .sig-label {
  font-weight: 700;
  color: #051c39;
  margin-bottom: 0.75rem;
}

.receipt-voucher-doc .receipt-voucher-signatures .sig-name {
  font-weight: 600;
  color: #051c39;
  margin: 0 0 1.5rem;
  min-height: 1.5rem;
}

.receipt-voucher-doc .receipt-voucher-signatures .sig-line {
  border-top: 1px dotted rgba(197, 157, 95, 0.75);
  padding-top: 0.5rem;
  color: #64748b;
  font-size: 13px;
  letter-spacing: 0.12em;
}

.payment-voucher-doc .payment-voucher-signatures--triple {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 14px;
}

.payment-voucher-doc .payment-voucher-signatures--triple .sig-label {
  font-weight: 700;
  color: #051c39;
  margin-bottom: 0.75rem;
}

.payment-voucher-doc .payment-voucher-signatures--triple .sig-name {
  font-weight: 600;
  color: #051c39;
  margin: 0 0 1.5rem;
  min-height: 1.5rem;
}

.payment-voucher-doc .payment-voucher-signatures--triple .sig-line {
  border-top: 1px dotted rgba(197, 157, 95, 0.75);
  padding-top: 0.5rem;
  color: #64748b;
  font-size: 13px;
  letter-spacing: 0.12em;
}

@media print {
  @page {
    size: A4;
    margin: 12mm 12mm 14mm;
    marks: none;
  }

  @page :last {
    margin-bottom: 14mm;

    @bottom-center {
      content: element(contract-doc-footer);
      width: 100%;
      vertical-align: top;
    }
  }

  html,
  body {
    background: #fff !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.contract-print-standalone {
    min-height: 0 !important;
    height: auto !important;
  }

  /* إخفاء واجهة الموقع بالكامل */
  body.contract-print-active header,
  body.contract-print-active #login-overlay,
  body.contract-print-active #toast,
  body.contract-print-active #dashboard-view,
  body.contract-print-active #crm-view,
  body.contract-print-active:not([data-contract-print-target="pm-management"]) #property-mgmt-view,
  body.contract-print-active #maintenance-view,
  body.contract-print-active #finance-view,
  body.contract-print-active #staff-view,
  body.contract-print-active #agency-settings-view,
  body.contract-print-active #platform-admin-view,
  body.contract-print-active .contract-print-hide,
  body.contract-print-active #add-property-modal,
  body.contract-print-active #add-client-modal,
  body.contract-print-active #edit-client-modal,
  body.contract-print-active #add-pm-delegate-modal,
  body.contract-print-active #edit-pm-delegate-modal,
  body.contract-print-active #add-mnt-company-modal,
  body.contract-print-active #staff-employee-modal {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="pm-management"] #sale-contracts-section,
  body.contract-print-active[data-contract-print-target="pm-management"] #rental-contracts-section {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="sale"] #rental-contracts-section,
  body.contract-print-active[data-contract-print-target="rental"] #sale-contracts-section {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="pm-management"] #property-mgmt-view {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.contract-print-active[data-contract-print-target="pm-management"] #pm-mgmt-contract-section {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.contract-print-active[data-contract-print-target="pm-management"] #property-mgmt-view > section:first-of-type,
  body.contract-print-active[data-contract-print-target="pm-management"] #pm-mgmt-contract-section > button,
  body.contract-print-active[data-contract-print-target="pm-management"] #pm-hub-main,
  body.contract-print-active[data-contract-print-target="pm-management"] #pm-mgmt-contract-section > .flex,
  body.contract-print-active[data-contract-print-target="pm-management"] #pm-mgmt-contract-form,
  body.contract-print-active[data-contract-print-target="pm-management"] .grid > div:first-child {
    display: none !important;
  }

  body.contract-print-active #properties-portal-view {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border: none !important;
  }

  body.contract-print-active #sale-contracts-section,
  body.contract-print-active #rental-contracts-section {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border: none !important;
  }

  body.contract-print-active #properties-portal-view > section:first-of-type,
  body.contract-print-active #properties-listings-section {
    display: none !important;
  }

  body.contract-print-active * {
    visibility: hidden !important;
  }

  body.contract-print-active #pm-hub-main {
    display: none !important;
  }

  body.contract-print-active #pm-mgmt-contract-print-area,
  body.contract-print-active #pm-mgmt-contract-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active #pmc-preview-placeholder {
    display: none !important;
    visibility: hidden !important;
  }

  body.contract-print-active #pm-mgmt-contract-print-area {
    position: absolute;
    inset: 0;
    width: 100%;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.contract-print-active #pmc-preview-content {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="pm-management"] .sale-contract-doc-title p {
    display: none !important;
  }

  body.contract-print-active #sale-contract-print-area,
  body.contract-print-active #rental-contract-print-area,
  body.contract-print-active #sale-contract-print-area *,
  body.contract-print-active #rental-contract-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active #sc-preview-placeholder,
  body.contract-print-active #rc-preview-placeholder {
    display: none !important;
    visibility: hidden !important;
  }

  body.contract-print-active #sale-contract-print-area,
  body.contract-print-active #rental-contract-print-area {
    position: absolute;
    inset: 0;
    width: 100%;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.contract-print-active #sc-preview-content,
  body.contract-print-active #rc-preview-content {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active .sale-contract-doc,
  body.contract-print-standalone .sale-contract-doc {
    padding: 0 !important;
    font-size: 13pt !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(297mm - 24mm) !important;
  }

  body.contract-print-active .sale-contract-doc-main,
  body.contract-print-standalone .sale-contract-doc-main {
    flex: 0 0 auto;
  }

  body.contract-print-active .sale-contract-doc-last-page,
  body.contract-print-standalone .sale-contract-doc-last-page {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.contract-print-active .sale-contract-doc-last-page-spacer,
  body.contract-print-standalone .sale-contract-doc-last-page-spacer {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.contract-print-active .sale-contract-doc-last-page .sale-contract-doc-footer,
  body.contract-print-standalone .sale-contract-doc-last-page .sale-contract-doc-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    flex: 0 0 auto !important;
    margin: 0 !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.contract-print-active .sale-contract-doc-signatures--official,
  body.contract-print-standalone .sale-contract-doc-signatures--official {
    flex: 0 0 auto !important;
    margin-top: 1.5rem !important;
  }

  body.contract-print-active .sale-contract-doc-body,
  body.contract-print-standalone .sale-contract-doc-body {
    flex: none;
  }

  body.contract-print-active .doc-verification-qr-img,
  body.contract-print-standalone .doc-verification-qr-img {
    width: 22mm !important;
    height: 22mm !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.contract-print-active .sale-contract-doc-footer-gold-line,
  body.contract-print-standalone .sale-contract-doc-footer-gold-line {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.contract-print-active .sale-contract-doc-footer-inner,
  body.contract-print-standalone .sale-contract-doc-footer-inner {
    font-size: 7pt !important;
    white-space: nowrap;
    padding: 0;
    margin: 0;
  }

  body.contract-print-active .sale-contract-doc-footer,
  body.contract-print-standalone .sale-contract-doc-footer {
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.contract-print-active a.sale-contract-doc-footer-link,
  body.contract-print-active a.sale-contract-doc-footer-link:visited,
  body.contract-print-standalone a.sale-contract-doc-footer-link,
  body.contract-print-standalone a.sale-contract-doc-footer-link:visited {
    color: #c5a059 !important;
    text-decoration: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* WeasyPrint / CSS Paged Media: تذييل الصفحة الأخيرة في هامش القاع */
  .sale-contract-doc-last-page .sale-contract-doc-footer {
    position: running(contract-doc-footer);
  }

  body.contract-print-active .sale-contract-doc-signatures,
  body.contract-print-active .sale-contract-doc-signatures--official,
  body.contract-print-standalone .sale-contract-doc-signatures,
  body.contract-print-standalone .sale-contract-doc-signatures--official {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.contract-print-active .sale-contract-doc-clauses {
    background: #faf7f0 !important;
    border-color: rgba(197, 157, 95, 0.45) !important;
  }

  body.contract-print-active .sale-contract-doc-header {
    border-bottom-color: #c59d5f !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #finance-view {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section > .fin-back-hub-btn,
  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section .contract-print-hide {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-print-area,
  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-preview-placeholder {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-print-area {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 1.5rem !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section > .flex > div:last-child,
  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section .rounded-2xl {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #fin-receipt-section > .flex {
    display: block !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-preview-content {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] .receipt-voucher-doc {
    font-size: 14pt !important;
    line-height: 2.1 !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] .receipt-voucher-signatures {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #finance-view {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section > .fin-back-hub-btn,
  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section .contract-print-hide {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-print-area,
  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-preview-placeholder {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section > .flex > div:last-child,
  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section .rounded-2xl {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #fin-payment-section > .flex {
    display: block !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-print-area {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 1.5rem !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-preview-content {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] .payment-voucher-doc {
    font-size: 14pt !important;
    line-height: 2.1 !important;
  }

  body.contract-print-active[data-contract-print-target="payment-voucher"] .payment-voucher-signatures--triple {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-view,
  body.contract-print-active[data-contract-print-target="staff-profile"] header,
  body.contract-print-active[data-contract-print-target="staff-profile"] #login-overlay,
  body.contract-print-active[data-contract-print-target="staff-profile"] #toast,
  body.contract-print-active[data-contract-print-target="staff-profile"] .staff-profile-toolbar {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-profile-modal {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    background: transparent !important;
    padding: 0 !important;
    z-index: auto !important;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-profile-modal .modal-panel {
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-profile-print-area,
  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-profile-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] #staff-profile-print-area {
    overflow: visible !important;
    max-width: 18rem;
    margin: 0 auto;
  }

  body.contract-print-active[data-contract-print-target="staff-profile"] .staff-profile-card {
    break-inside: avoid;
    page-break-inside: avoid;
    box-shadow: none !important;
  }

  body.contract-print-active header.site-header,
  body.contract-print-active #main-nav,
  body.contract-print-active .header-actions,
  body.contract-print-active .agency-nav-two-tier,
  body.contract-print-active #whatsapp-widget,
  body.contract-print-active .fin-back-hub-btn {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="agency-expenses"] #finance-view,
  body.contract-print-active[data-contract-print-target="agency-expenses"] #fin-expenses-section,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #platform-admin-view,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #platform-tab-finance,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #pf-pane-expenses {
    display: block !important;
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="agency-expenses"] #fin-expenses-section > .flex,
  body.contract-print-active[data-contract-print-target="agency-expenses"] #fin-exp-form,
  body.contract-print-active[data-contract-print-target="agency-expenses"] .fin-back-hub-btn,
  body.contract-print-active[data-contract-print-target="platform-expenses"] .platform-tab-btn,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #platform-finance-back-btn,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #pf-expense-form,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #pf-pane-revenues,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #pf-expenses-print-btn,
  body.contract-print-active[data-contract-print-target="platform-expenses"] #pf-expenses-pdf-btn {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="receipt-voucher"] #rcv-preview-content,
  body.contract-print-active[data-contract-print-target="payment-voucher"] #pyv-preview-content {
    box-shadow: none !important;
    border: 1px solid #c59d5f !important;
    padding: 18mm !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] #sale-contracts-section,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #rental-contracts-section,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #properties-listings-section,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #contracts-list-section,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #properties-portal-view > *:not(#fin-commission-section) {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] #properties-portal-view,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #fin-commission-section {
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border: none !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] #fin-commission-section > *:not(#commission-calculator-print-area) {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] #commission-calculator-print-area,
  body.contract-print-active[data-contract-print-target="commission-calculator"] #commission-calculator-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] #commission-calculator-print-area {
    display: block !important;
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 210mm;
    box-sizing: border-box;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto !important;
    padding: 12mm 14mm !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] .receipt-voucher-office-name,
  body.contract-print-active[data-contract-print-target="commission-calculator"] .receipt-voucher-office-side {
    max-width: 32%;
    width: auto;
    overflow: visible;
    white-space: normal;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] .receipt-voucher-doc {
    display: block !important;
    color: #051c39 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.contract-print-active[data-contract-print-target="commission-calculator"] .commission-print-table th,
  body.contract-print-active[data-contract-print-target="commission-calculator"] .commission-print-result {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body.contract-print-active[data-contract-print-target="office-voucher"] #finance-view {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.contract-print-active[data-contract-print-target="office-voucher"] #finance-view > *:not(#office-voucher-print-area) {
    display: none !important;
  }

  body.contract-print-active[data-contract-print-target="office-voucher"] #office-voucher-print-area,
  body.contract-print-active[data-contract-print-target="office-voucher"] #office-voucher-print-area * {
    visibility: visible !important;
  }

  body.contract-print-active[data-contract-print-target="office-voucher"] #office-voucher-print-area {
    display: block !important;
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 210mm;
    box-sizing: border-box;
    margin: 0 auto !important;
    padding: 12mm 14mm !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.contract-print-active[data-contract-print-target="office-voucher"] .receipt-voucher-doc {
    display: block !important;
    color: #051c39 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}