/* =====================================================================
   Fox's documents: collection note, weighbridge ticket, transfer note.
   Shared by the on-screen view and the PDF (mPDF), so keep it simple:
   tables for layout, class selectors, pt/mm units, no variables,
   no flex or grid.
   ===================================================================== */

.fd { font-family: 'Barlow', 'DejaVu Sans', Arial, sans-serif; color: #161616; font-size: 9.5pt; line-height: 1.3; }
.fd table { border-collapse: collapse; width: 100%; }
.fd td, .fd th { vertical-align: top; text-align: left; }
.fd-right, .fd .fd-right, .fd td.fd-right { text-align: right; }
.fd-bottom { vertical-align: bottom; }
.fd-cap { font-size: 7.5pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3pt; color: #161616; }
.fd-small { font-size: 7.5pt; }

/* Filled-in values read as ink on the printed form */
.fd-ink { color: #000000; font-weight: bold; font-size: 10.5pt; }
.fd-code { font-family: 'JetBrains Mono', 'DejaVu Sans Mono', monospace; letter-spacing: 0.3pt; }
.fd-was { font-size: 7.5pt; color: #b42318; font-weight: bold; }

/* Header */
.fd-head { margin-bottom: 3mm; }
.fd-brand { width: 50%; }
.fd-logo { height: 12mm; width: auto; }
.fd-logo-text { font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: bold; font-size: 22pt; line-height: 1.1; }
.fd-tagcell { vertical-align: top; }
.fd-tag, .fd .fd-tag { font-weight: bold; font-size: 10.5pt; line-height: 1.55; text-align: right; }
.fd-contact-cell { padding-top: 2mm; vertical-align: bottom; }
.fd-contact { font-size: 8.5pt; line-height: 1.45; }
.fd-numcell { padding-top: 2mm; vertical-align: bottom; }
.fd .fd-numboxes { width: auto; margin-left: auto; }
.fd-numboxes--r { float: right; }
.fd-numbox { border: 0.9pt solid #161616; padding: 1mm 2mm 1.2mm; width: 34mm; }
.fd-numbox--wide { width: 44mm; }
.fd-numbox--date { width: 30mm; }
.fd-numbox--round { width: 50mm; border-radius: 3mm; }
.fd-gap { width: 2mm; }
.fd-num { font-size: 12pt; text-align: center; min-height: 7mm; }
.fd-num--print { font-family: 'JetBrains Mono', 'DejaVu Sans Mono', monospace; font-size: 18pt; letter-spacing: 1pt; color: #161616; }
.fd-num--left { text-align: left; }
.fd-titlecell, .fd td.fd-titlecell { text-align: right; vertical-align: top; }
.fd-title, .fd .fd-title { font-weight: bold; font-size: 17pt; line-height: 1.15; margin-top: 3mm; text-align: right; }

/* Collection: customer block */
.fd-form { border: 0.9pt solid #161616; margin-bottom: 0; }
.fd-f { border: 0.9pt solid #161616; padding: 1.5mm 2mm; height: 8mm; }
.fd-f--line { height: 7mm; }
.fd-w25 { width: 25%; }
.fd-w33 { width: 33%; }
.fd-w55 { width: 55%; }
.fd-w67 { width: 67%; }

/* Collection: quantity / description lines */
.fd-lines { border: 0.9pt solid #161616; border-top: 0; }
.fd-lines th { background-color: #dcdcdc; border: 0.9pt solid #161616; padding: 1.5mm 2mm; font-size: 8.5pt; text-transform: uppercase; text-align: center; }
.fd-lines td { border-left: 0.9pt solid #161616; border-right: 0.9pt solid #161616; border-bottom: 0.5pt solid #9a9a9a; height: 7.5mm; padding: 1mm 2mm; vertical-align: middle; }
.fd-q { width: 22%; }
.fd-signrow { border-top: 0; }
.fd-signrow .fd-f { height: 18mm; }

.fd-check { margin-top: 2.5mm; border: 0.9pt solid #9a9a9a; }
.fd-check td { padding: 1.5mm 2mm; font-size: 8.5pt; }
.fd-check-t { width: 30%; font-weight: bold; text-transform: uppercase; font-size: 7.5pt; }
.fd-check--flag { border-color: #b42318; background-color: #fdf1ef; }

/* Signatures */
.fd-sig { height: 13mm; width: auto; }
.fd-sig-meta { font-size: 7pt; color: #57534e; }
.fd-sig-empty { height: 11mm; }
.fd-sig-wrap { padding-top: 0.5mm; }

/* Footer marks */
.fd-foot { margin-top: 3mm; }
.fd-doctitle { font-weight: bold; font-size: 20pt; letter-spacing: 0.5pt; text-transform: uppercase; }
.fd-doctitle--head { font-size: 15pt; margin-top: 2.5mm; }
.fd-reg { font-size: 8pt; line-height: 1.4; }
.fd-record { margin-top: 3mm; padding-top: 1.5mm; border-top: 0.5pt solid #bdbdbd; font-size: 7pt; color: #6b6b6b; }

/* Weighbridge */
.fd-wb-left { width: 47%; }
.fd-wb-gap { width: 3%; }
.fd-wb-right { width: 50%; border: 0.9pt solid #161616; padding: 3mm 0; height: 140mm; }
.fd-bx { border: 0.9pt solid #161616; padding: 1.5mm 2mm; height: 12mm; }
.fd-bx--goods { height: 40mm; }
.fd-bx--notes { height: 26mm; }
.fd-bx--top { border-bottom: 0; }
.fd-bx--mid { height: 20mm; }
.fd-spacer { height: 2.5mm; }
.fd-print td { font-family: 'JetBrains Mono', 'DejaVu Sans Mono', monospace; font-size: 9pt; color: #3d3d3d; padding: 0.3mm 3mm; }
.fd-pl { text-align: left; }
.fd-pr { text-align: right; }
.fd-pbig { font-size: 12pt; color: #161616; }
.fd-pnet { font-weight: bold; }
.fd-prule { border-bottom: 0.9pt dashed #6b6b6b; height: 1mm; }
.fd-print-gap { height: 22mm; }
.fd-print-empty { color: #8f8a84; font-size: 9pt; padding-top: 50mm; text-align: center; }

/* Transfer note */
.fd-head--transfer .fd-brand { width: 58%; }
.fd-declare { margin: 1mm 0 2mm; }
.fd-declare td { font-size: 8pt; font-style: italic; vertical-align: middle; }
.fd-declare-yes { width: 20mm; text-align: right; font-style: normal; font-weight: bold; }
.fd-sec { border: 1pt solid #161616; border-radius: 3mm; padding: 1.2mm 3mm 1.5mm; margin-bottom: 1.8mm; }
.fd-sec-h td { vertical-align: bottom; }
.fd-sec-t { font-weight: bold; font-size: 9.5pt; text-transform: uppercase; padding-bottom: 1mm; border-bottom: 0.9pt solid #161616; margin-bottom: 1mm; }
.fd-rows td { padding: 0.6mm 1.5mm 0.6mm 0; font-size: 8pt; vertical-align: middle; }
.fd-n { width: 5mm; }
.fd-cb { height: 3.6mm; width: 3.6mm; vertical-align: middle; }
.fd-qty { display: inline-block; border: 0.9pt solid #161616; padding: 0.5mm 2mm; min-width: 35mm; }
.fd-behalf { border: 0.9pt solid #161616; border-radius: 2.5mm; padding: 1mm 2.5mm 1.5mm; margin-top: 1mm; }
.fd-behalf-t { padding-bottom: 0.5mm; }
.fd-behalf-t2 td { font-size: 7.5pt; vertical-align: bottom; padding: 0.5mm 1mm 0.5mm 0; }
.fd-bl { width: 22mm; white-space: nowrap; }
.fd-bl--r { width: 12mm; text-align: right; padding-right: 2mm; }
.fd-bv { border-bottom: 0.6pt dotted #161616; }
.fd-bv--s { width: 28mm; }
.fd-behalf .fd-sig { height: 8mm; }
.fd-behalf .fd-sig-empty { height: 7mm; }
.fd-law { font-weight: bold; font-size: 9.5pt; text-align: center; text-transform: uppercase; margin-top: 1.5mm; }
.fd-dist { font-size: 8pt; text-align: center; }

/* Preview strip on unsigned notes (screen only) */
.fd-draft { border: 1pt dashed #b42318; color: #5c130d; background-color: #fdf1ef; padding: 2mm 3mm; margin-bottom: 4mm; font-size: 9pt; font-weight: bold; }

/* Accreditation logos: right aligned, same height */
.fd .fd-marks { width: auto; margin-left: auto; }
.fd-mark { vertical-align: middle; }
.fd-mark-img { height: 13mm; width: auto; }
.fd-mark-gap { width: 4mm; }

/* Boxed fields inside the transfer note sections */
.fd-boxrow { margin: 1mm 0 1.5mm; }
.fd-boxgap { width: 2mm; }
.fd-boxrow .fd-f, .fd-grid .fd-f { height: 9mm; padding: 1mm 2mm; }
.fd-grid { margin-top: 1mm; }
.fd-grid--joined { margin-top: 0; }
.fd-grid--joined .fd-f { border-top: 0; }
.fd-rows .fd-cap, .fd-grid .fd-cap { font-size: 7pt; }

/* On screen the note is exactly A4, the same as the PDF */
.doc-sheet { box-sizing: border-box; width: 210mm; max-width: 210mm; margin: 0 auto; padding: 12mm; }
.doc-sheet .fd { width: 186mm; max-width: 186mm; margin: 0 auto; }
.fd-tag-inline { font-weight: bold; font-size: 10pt; margin-top: 2mm; }

/* Office correction note under the weighbridge printout */
.fd-adjusted { margin: 3mm 3mm 0; font-size: 7.5pt; color: #3d3d3d; font-style: italic; }
.fd-bx--sig { height: 28mm; }

/* Issued-version footer and office corrections (added 2 Oct 2026). */
.fd-verify { margin-top: 1mm; font-size: 7pt; color: #6b6b6b; }
.fd-verify-code { font-family: DejaVuSansMono, monospace; font-weight: bold; color: #161616; letter-spacing: 0.3pt; }
.fd-amend-title { margin-top: 3mm; font-size: 8pt; font-weight: bold; color: #161616; }
.fd-amend { width: 100%; border-collapse: collapse; margin-top: 1mm; font-size: 7.5pt; }
.fd-amend th, .fd-amend td { border: 0.5pt solid #bdbdbd; padding: 1mm 1.5mm; text-align: left; vertical-align: top; }
.fd-amend th { background: #f1f1f1; font-weight: bold; }

/* Transfer note: keep it to one A4 page (13 Oct 2026). Smaller title,
   logo and number, tighter gaps. Nothing legal is removed. */
.fd--transfer .fd-head { margin-bottom: 1.5mm; }
.fd--transfer .fd-logo { height: 10mm; }
.fd--transfer .fd-tag-inline { font-size: 9pt; margin-top: 1mm; }
.fd--transfer .fd-contact { font-size: 8pt; line-height: 1.35; }
.fd--transfer .fd-num--print { font-size: 15pt; }
.fd--transfer .fd-title { font-size: 13pt; line-height: 1.1; margin-top: 1.5mm; }
.fd--transfer .fd-declare { margin: 0.5mm 0 1.5mm; }
.fd--transfer .fd-sec { margin-bottom: 1.2mm; }
.fd--transfer .fd-law { margin-top: 1mm; }
.fd--transfer .fd-record { margin-top: 1.5mm; padding-top: 1mm; }
.fd--transfer .fd-rows td { padding-top: 0.4mm; padding-bottom: 0.4mm; }
.fd--transfer .fd-behalf .fd-sig { height: 7.5mm; }
.fd--transfer .fd-behalf .fd-sig-empty { height: 6.5mm; }

/* Last resort, applied automatically only if a note still runs onto a
   second page (e.g. very long addresses): tighter rows and signatures. */
.fd--fit .fd-rows td { padding-top: 0.3mm; padding-bottom: 0.3mm; }
.fd--fit .fd-behalf { padding-top: 0.5mm; padding-bottom: 1mm; }
.fd--fit .fd-behalf .fd-sig { height: 7mm; }
.fd--fit .fd-behalf .fd-sig-empty { height: 6mm; }
.fd--fit .fd-boxrow .fd-f, .fd--fit .fd-grid .fd-f { height: 8mm; }
.fd--fit .fd-sec-t { padding-bottom: 0.5mm; margin-bottom: 0.5mm; }

/* Exit gate code (13 Oct 2026): only printed when the customer gave one */
.fd-w45 { width: 45%; }
.fd-exit { width: 33%; }
.fd-exit-line { margin-top: 2mm; }