/* The printed page. Used for the on-screen preview, for printing, and by the server's PDF engine. */
.doc { font-family: "Readex Pro", "Segoe UI", Tahoma, Arial, sans-serif; color: #10202f; background: #fff; font-size: 10.5pt; line-height: 1.55; font-weight: 300; }
.doc-head { display: flex; justify-content: flex-start; align-items: baseline; gap: 16px; border-bottom: 2.5pt solid #14315a; padding-bottom: 7pt; }
.doc-logo { height: 34pt; max-width: 150pt; object-fit: contain; margin-inline-end: 10pt; align-self: center; }
.doc-status.ok { color: #0f7a54; font-weight: 600; }
.doc-signed { border-bottom-color: #0f7a54 !important; color: #0f7a54; font-size: 7.5pt; font-weight: 500; display: flex; align-items: flex-end; padding-bottom: 2pt; }
.doc-org { font-weight: 600; font-size: 12.5pt; color: #14315a; white-space: nowrap; }
.doc-attr { color: #4a5b70; font-size: 9.5pt; text-align: end; margin-inline-start: auto; }
.doc-title { font-size: 21pt; line-height: 1.2; font-weight: 600; margin: 18pt 0 10pt; letter-spacing: -0.01em; }
.doc table { border-collapse: collapse; width: 100%; }
.doc-ref { margin-bottom: 14pt; font-size: 9.5pt; border: 1.6pt solid #14315a; }
.doc-ref th, .doc-ref td { border: 0.6pt solid #b8c2cf; padding: 5pt 7pt; text-align: start; vertical-align: middle; }
.doc-ref th { background: #eef2f7; color: #14315a; font-weight: 500; width: 13%; white-space: nowrap; }
.doc-refno { white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }
.doc-qr { width: 27mm; text-align: center !important; padding: 3pt !important; }
.doc-qr svg { display: block; width: 24mm; height: 24mm; margin: 0 auto; }
.doc-qr span { display: block; font-size: 5.6pt; line-height: 1.25; color: #4a5b70; margin-top: 1pt; }
.doc-qr .doc-noqr { font-size: 7.5pt; padding: 8pt 2pt; }
.doc h2 { font-size: 12pt; font-weight: 600; color: #14315a; margin: 15pt 0 4pt; break-after: avoid; }
.doc p { margin: 0 0 6pt; }
.doc ul { margin: 0 0 6pt; padding-inline-start: 16pt; }
.doc li { margin-bottom: 2pt; }
.doc-table { margin: 6pt 0 10pt; font-size: 9.5pt; }
.doc-table th { background: #14315a; color: #fff; font-weight: 500; text-align: start; padding: 5pt 7pt; border: 0.6pt solid #14315a; }
.doc-table td { border: 0.6pt solid #b8c2cf; padding: 5pt 7pt; vertical-align: top; height: 15pt; }
.doc-table tr { break-inside: avoid; }
.doc-sign { margin-top: 34pt; break-inside: avoid; }
.doc-sign td { width: 33.3%; padding: 0 10pt 0 0; font-size: 9.5pt; vertical-align: top; }
.doc-sign b { display: block; font-weight: 500; }
.doc-sign span { color: #4a5b70; }
.doc-line { border-bottom: 0.8pt solid #10202f; height: 26pt; margin-bottom: 4pt; }
.doc-foot { margin-top: 22pt; padding-top: 6pt; border-top: 0.6pt solid #b8c2cf; display: flex; justify-content: space-between; color: #7a8899; font-size: 8pt; }
body.doc-print { margin: 0; }
@page { size: A4; margin: 16mm 15mm; }
@page wide { size: A4 landscape; margin: 14mm; }
.doc-wide { page: wide; }
.doc-arl { display: block; font-family: inherit; }
.doc-title-ar { margin-top: -6pt; }
.doc-bi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 18pt; break-inside: auto; }
.doc-both .doc-ref th { white-space: normal; width: 16%; font-size: 8pt; }
.doc-photo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10pt; }
.doc-photos figure { margin: 0; break-inside: avoid; }
.doc-photos img { width: 100%; max-height: 70mm; object-fit: contain; border: 0.6pt solid #b8c2cf; background: #f5f7fa; display: block; }
.doc-photos figcaption { font-size: 8.5pt; color: #4a5b70; margin-top: 3pt; }