/* Contract document: shared by the signing page, print view and PDF. Print-first, A4. */
@page { size: A4; margin: 16mm 14mm; }
body.doc { margin: 0; background: #fff; color: #111; font: 14px/1.65 "Arial Hebrew", Arial, "Noto Sans Hebrew", sans-serif; direction: rtl; }
.contract { max-width: 800px; margin: 0 auto; padding: 24px 20px; }
.contract .broker { border-bottom: 2px solid #0f7c6e; padding-bottom: 10px; margin-bottom: 18px; font-size: 13px; color: #333; }
.contract .broker b { font-size: 16px; color: #0f7c6e; }
.contract h1 { font-size: 20px; text-align: center; margin: 6px 0 2px; }
.contract .number { text-align: center; color: #555; font-size: 13px; margin-bottom: 16px; }
.contract h3 { font-size: 15px; margin: 18px 0 8px; color: #0f7c6e; }
.contract .party { background: #f5f8f7; border-radius: 6px; padding: 10px 12px; font-size: 13.5px; }
.contract u { text-decoration: none; border-bottom: 1px solid #888; padding: 0 2px; }
.contract table.assets { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.contract table.assets th, .contract table.assets td { border: 1px solid #c9d4d1; padding: 6px 8px; text-align: right; vertical-align: top; }
.contract table.assets th { background: #eef4f2; }
.contract p { margin: 0 0 10px; text-align: justify; }
.contract p.draft { background: #fff4d0; color: #8a5a00; font-weight: 700; font-size: 12.5px; padding: 6px 8px; border-radius: 4px; text-align: center; }
.contract .signature { margin: 28px auto 8px; width: 280px; max-width: 100%; text-align: center; page-break-inside: avoid; }
.contract .sig { max-width: 260px; max-height: 110px; display: block; margin: 0 auto 4px; }
.contract .sig-empty { height: 70px; }
.contract .sig-line { border-top: 1px solid #333; font-size: 12.5px; padding-top: 4px; }
.contract .sig-line + .sig-line { border-top: 0; padding-top: 0; }
.contract .evidence { margin-top: 18px; font-size: 10.5px; color: #666; border-top: 1px dashed #bbb; padding-top: 6px; direction: rtl; word-break: break-all; }
.page-break { page-break-after: always; height: 0; }
@media screen { .page-break { height: 0; border-top: 6px solid #e8eeec; margin: 10px 0; } }
.contract .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media screen and (max-width: 520px) {
  .contract table.assets { font-size: 12px; }
  .contract table.assets th, .contract table.assets td { padding: 5px 6px; }
}