/* Engineer/Surveyor 42-pack, batch 2 (ES-06..ES-10): built against the owner's reference PNGs (tools/trades10/pack-templates/engineer/.../01_APPROVED_TEMPLATE_IMAGES) on invoice-generator's .invoice-preview DOM, same technique proven on roofer/electrician/hvac/landscaper/illustrator. Reference PNGs are 1103x1426px (US Letter ratio); 1cqw = 1103/100 = 11.03 reference px, so px/11.03 = cqw, matching the sheet's real aspect ratio (1426/11.03 = 129.3cqw tall) so the layout holds at the 794px screen sheet, the 690px export and the 847px print width. Every photo/icon/logo-mark that is a genuine raster element in the reference is a real crop cut with Pillow into /assets/tpl-art/es42/; everything else (ruled-paper lines, a plus mark, generic decorative taglines) is drawn with flat CSS, matching this project's own "rebuild simple geometric shapes in CSS" precedent (rf20-07's timeline circles). No graphs/charts anywhere, per this pack's own master rule. */ /* ===== es42-06-fieldline (ES-06 "Fieldline Engineering, cream notebook field-book") ===== Cream legal-pad paper, a single red vertical margin rule near the left edge, faint horizontal ruled lines across the whole sheet, a bold serif wordmark with a small red plus mark, a dense typewriter/monospace voice throughout (headings, table, totals). Two decorative text columns sit in the header (generic capability/mission copy, not invoice data) and two more at the very top/bottom of the left margin and the footer - all rendered as plain CSS text, nothing bound to invoice data, matching this project's own "generic marketing copy stays fixed CSS text" rule already used on every other trade pack. No real photo/icon crop exists for this design: the reference has no raster art at all, only typography, rules and a plus-sign mark, so nothing was cropped for it - a deliberate, correct zero, not a gap. Project No./Location/Reference have no backing field in invoice-generator's data model; Project No. is mapped onto the PO field (matching this project's own "job/matter number maps onto the existing PO field" precedent), Location/Reference get data-free-edit placeholders since no field exists for them at all. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#F3EFE5 !important;color:#262420 !important;font-family:'Courier New',ui-monospace,SFMono-Regular,Menlo,monospace !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2.85cqw,#00000014 2.85cqw,#00000014 calc(2.85cqw + 1px)) !important;z-index:0 !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline::after{content:"" !important;position:absolute !important;left:12.6cqw !important;top:0 !important;bottom:0 !important;width:1px !important;background:#C0394B !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:3.6cqw 4.4cqw 2.2cqw 15.9cqw !important;background:none !important;border-bottom:2px solid #262420 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head-left{position:relative !important;max-width:46cqw !important;width:auto !important;margin:0 !important;padding:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head-left::before{content:"SURVEY\A DESIGN\A ANALYZE\A SOLVE\A BUILD A\A BETTER SITE\A \2014" !important;white-space:pre !important;position:absolute !important;left:-13.6cqw !important;top:-.3cqw !important;width:10cqw !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.95 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-name{font-family:Georgia,'Times New Roman',serif !important;font-size:4.3cqw !important;font-weight:700 !important;font-style:normal !important;letter-spacing:0 !important;line-height:1.05 !important;color:#1A1815 !important;margin:0 0 .3cqw !important;position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-name::after{content:"+" !important;position:absolute !important;right:-3.4cqw !important;top:-1.1cqw !important;font-family:'Courier New',monospace !important;font-size:2.6cqw !important;font-weight:800 !important;color:#C0394B !important;font-style:normal !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-contact{display:block !important;font-family:Georgia,serif !important;font-size:1.75cqw !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#1A1815 !important;margin-bottom:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-contact>div{display:inline !important;font-family:'Courier New',ui-monospace,monospace !important;font-size:.95cqw !important;font-weight:400 !important;letter-spacing:.04em !important;text-transform:none !important;color:#57534A !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-contact>div+div::before{content:" \2022 " !important;white-space:pre !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-contact::before{content:"ENGINEERING" !important;display:block !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-address{display:block !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#57534A !important;opacity:1 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-address::before{content:"LAND \2022 GRADING \2022 DRAINAGE \2022 SOLUTIONS" !important;display:block !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-biz-tax{display:none !important} /* .inv-head-right is deliberately NOT positioned: .inv-doc-num (its child) is absolutely positioned against .inv-head itself so the number lands on the INVOICE row in the body, like the reference, instead of resolving against a positioned .inv-head-right (the project's own nearest-positioned-ancestor gotcha). */ .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head-right{position:static !important;display:block !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head-right::before{content:"MEASURE\A UNDERSTAND\A IMPROVE\A FOR WHAT'S\A AHEAD" !important;white-space:pre !important;display:block !important;position:absolute !important;right:20.8cqw !important;top:3.6cqw !important;height:16.4cqw !important;width:12cqw !important;padding-left:1.4cqw !important;border-left:1px solid #26242066 !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.95 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-doc-title{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-head-right::after{content:"ENGINEERS\A SURVEYORS\A SITE SOLUTIONS\A \2014" !important;white-space:pre !important;display:block !important;position:absolute !important;right:4.4cqw !important;top:3.6cqw !important;height:16.4cqw !important;width:15cqw !important;padding-left:1.4cqw !important;border-left:1px solid #26242066 !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.95 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-doc-po{display:block !important;position:absolute !important;right:4.4cqw !important;top:14cqw !important;width:15cqw !important;padding-left:1.4cqw !important;font-size:1cqw !important;font-weight:700 !important;color:#262420 !important;text-align:left !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-doc-po::before{content:"Project No: " !important;color:#57534A !important;font-weight:400 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-body{min-height:127.3cqw !important;position:relative !important;padding:3cqw 4.4cqw 4.4cqw 15.9cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-body::before{content:"INVOICE" !important;display:block !important;font-family:Georgia,serif !important;font-size:5.4cqw !important;font-weight:700 !important;letter-spacing:.04em !important;color:#1A1815 !important;line-height:1 !important;margin-bottom:1.6cqw !important;border-bottom:1px solid #26242044 !important;padding-bottom:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-body::after{content:"FIELD NOTES TODAY.\A STRONGER TOMORROW." !important;white-space:pre !important;position:absolute !important;left:4.4cqw !important;bottom:1.4cqw !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.9 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-doc-num{display:block !important;position:absolute !important;right:4.4cqw !important;top:calc(100% + 4.4cqw) !important;font-size:2cqw !important;font-weight:700 !important;color:#C0394B !important;line-height:1.2 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-doc-num::before{content:"No. " !important;color:#262420 !important;font-size:1.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-parties{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 2.4cqw !important;padding-top:0 !important;padding-bottom:1.8cqw !important;margin:0 0 2cqw -11.5cqw !important;border-bottom:2px solid #262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-bill-to{order:1 !important;max-width:none !important;padding:1.8cqw 1.2cqw 0 0 !important;border-right:1px solid #26242044 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-details{order:0 !important;text-align:left !important;min-width:0 !important;grid-column:1 / span 2 !important;display:block !important;position:relative !important;margin:0 !important;padding:0 22cqw 1.6cqw 11.5cqw !important;border-bottom:1px solid #26242044 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-details::after{content:"ACCURATE DATA\A PRACTICAL SOLUTIONS\A STRONGER COMMUNITIES\A \2014" !important;white-space:pre !important;position:absolute !important;right:0 !important;top:0 !important;width:19cqw !important;padding-left:1.4cqw !important;border-left:1px solid #26242066 !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.95 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-details .inv-label{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-label{font-family:Arial,sans-serif !important;font-size:1.15cqw !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:none !important;color:#1A1815 !important;margin-bottom:.7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-client-name{font-size:1.25cqw !important;font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-details div{font-size:1.2cqw !important;line-height:1.7 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:1.2cqw !important;padding:.3cqw 0 !important;font-size:1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-detail-row span{width:15.5cqw !important;flex:0 0 15.5cqw !important;color:#262420 !important;font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-detail-row b{font-weight:400 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-table{margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-table thead tr{background:none !important;border-bottom:2px solid #262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-table thead th{padding:.4cqw .7cqw 1cqw !important;font-family:Arial,sans-serif !important;font-size:1.1cqw !important;font-weight:700 !important;letter-spacing:.02em !important;color:#1A1815 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-table tbody td{padding:1.1cqw .7cqw !important;font-size:1.2cqw !important;border-bottom:1px solid #26242022 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-notes{order:1 !important;max-width:56% !important;background:none !important;padding:1.8cqw 0 0 !important;margin:0 !important;border-top:1px solid #26242044 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-notes::before{content:"Notes:" !important;display:block !important;font-family:Arial,sans-serif !important;font-weight:700 !important;font-size:1.15cqw !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-notes div{font-size:1.1cqw !important;line-height:1.75 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-totals{order:2 !important;width:38cqw !important;margin:1.8cqw 0 0 auto !important;border:1px solid #26242044 !important;padding:0 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-totals>div{display:flex !important;justify-content:space-between !important;font-size:1.2cqw !important;padding:.75cqw .1cqw !important;color:#262420 !important;border-bottom:1px solid #26242022 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-total-grand{border-top:2px solid #262420 !important;border-bottom:0 !important;margin-top:.2cqw !important;padding-top:1.1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-total-grand span{font-family:Arial,sans-serif !important;font-size:1.3cqw !important;font-weight:700 !important;color:#1A1815 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-total-grand b{font-size:1.8cqw !important;font-weight:700 !important;color:#1A1815 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-payrow{order:3 !important;clear:both !important;padding-top:2.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-bank{background:none !important;border:1px dashed #26242044 !important;padding:1.3cqw 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-bank div{font-size:1.1cqw !important;color:#262420 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-terms{order:4 !important;margin-top:1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-terms div{font-size:1.05cqw !important;color:#57534A !important} /* .inv-terms is not positioned, so this resolves against .inv-body: the reference's bottom-right sign-off line */ .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-terms::after{content:"LAND WORK MATTERS." !important;position:absolute !important;right:4.4cqw !important;bottom:1.4cqw !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.9 !important;color:#262420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-signature-row{order:5 !important;justify-content:flex-start !important;margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .sig-caption{font-size:1cqw !important;color:#57534A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-footer-note{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-powered{order:6 !important;position:relative !important;text-align:center !important;font-size:1cqw !important;font-style:italic !important;margin:3cqw 0 1.6cqw !important;padding-top:1.4cqw !important;border-top:1px solid #26242044 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-powered::before{content:"THANK YOU FOR YOUR BUSINESS." !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-powered a{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-06-fieldline).tmpl-es42-06-fieldline .inv-powered::after{content:"\2014\A SITES\A PEOPLE\A PROGRESS\A A HIGHER STANDARD\A \2014" !important;white-space:pre !important;display:block !important;position:absolute !important;left:-11.5cqw !important;top:-9cqw !important;text-align:left !important;font-size:.95cqw !important;font-style:normal !important;font-weight:700 !important;letter-spacing:.12em !important;line-height:1.95 !important;color:#262420 !important} /* ===== es42-07-forge (ES-07 "Forge Structural Engineering, dark steel-beam header") ===== Full-width dark charcoal header with a real cropped steel I-beam/rivet photo on the right and an orange outline I-beam logo mark on the left, bold condensed sans wordmark, light paper body below with a dark navy-on-black item table header, an orange total band, and a dedicated Engineer-of-Record signature block. Real crops: the orange I-beam outline logomark (icon only, the reference's own "FORGE" wordmark text was cropped out so the live business name prints in its place) and the steel-beam/rivet photo with its real "STRUCTURES PEOPLE RELY ON" tagline baked in (generic marketing copy, not invoice data, same precedent as every other trade pack's photo-with-baked-tagline crops). P.E. license/stamp number has no backing field in this generator - data-free-edit placeholder on the Engineer of Record block. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#F5F4F0 !important;color:#1C1C1E !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge *{box-sizing:border-box !important} /* Header charcoal is #292C2B, sampled off the icon/photo crops' own border pixels, so the crops sit flush with no visible box edge. overflow stays visible and z-index beats .inv-body so .inv-doc-num (positioned against .inv-head, see below) can sit on the INVOICE row in the body like the reference. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head{position:relative !important;display:block !important;min-height:20.8cqw !important;margin:0 !important;padding:0 !important;background:#292C2B !important;overflow:visible !important;z-index:2 !important} /* The photo crop carries the tail of the reference's own "ANALYZE / REVIEW / SOLVE / STRENGTHEN" column on its left ~17% and a 7-row cream strip at its bottom: the box is narrower than the crop and anchors the image right/top at 103.5% height so both baked edges fall outside the box; the column is drawn in CSS instead. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:36.4cqw !important;height:20.8cqw !important;background:#292C2B url(/assets/tpl-art/es42/es42-07-photo.webp) no-repeat right top/auto 103.5% !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head::after{content:"ANALYZE\A REVIEW\A SOLVE\A STRENGTHEN" !important;white-space:pre !important;position:absolute !important;left:49cqw !important;top:5.2cqw !important;height:11cqw !important;padding-left:4.6cqw !important;border-left:1px solid #5A5D62 !important;font-size:.95cqw !important;font-weight:500 !important;letter-spacing:.3em !important;line-height:2.35 !important;color:#B4B7BC !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head-left{position:relative !important;max-width:48cqw !important;width:auto !important;margin:0 !important;padding:2.8cqw 0 1.4cqw 4.4cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head-left::before{content:"" !important;display:block !important;width:10cqw !important;height:12.8cqw !important;float:left !important;margin:0 1.6cqw .4cqw 0 !important;background:url(/assets/tpl-art/es42/es42-07-icon.webp) no-repeat left top/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-name{font-family:Arial,'Helvetica Neue',sans-serif !important;font-size:3.6cqw !important;font-weight:900 !important;letter-spacing:.01em !important;line-height:1.05 !important;color:#FFFFFF !important;margin:1.4cqw 0 .3cqw !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-contact{display:block !important;font-size:1.25cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#D97B3F !important;margin:0 0 .4cqw !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-contact>div{display:inline !important;font-size:.95cqw !important;font-weight:500 !important;letter-spacing:.03em !important;text-transform:none !important;color:#B4B7BC !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-contact>div+div::before{content:" | " !important;white-space:pre !important;color:#71747A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-contact::before{content:"STRUCTURAL ENGINEERING" !important;display:block !important;margin-bottom:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-address{display:block !important;font-size:1.05cqw !important;font-weight:500 !important;letter-spacing:.04em !important;color:#9A9DA3 !important;opacity:1 !important;max-width:none !important;clear:left !important;padding-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-address::before{content:"STRONGER STRUCTURES. A SAFER TOMORROW." !important;display:block !important;letter-spacing:.3em !important;font-size:.95cqw !important;color:#B4B7BC !important;margin-bottom:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-biz-tax{display:none !important} /* .inv-head-right stays unpositioned so .inv-doc-num resolves against .inv-head and lands on the INVOICE row of the body (reference: a left-ruled "INVOICE ID:" block right of the big title), not on the photo. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-head-right{position:static !important;display:block !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-doc-title,.invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-doc-po{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-doc-num{display:flex !important;gap:2cqw !important;align-items:baseline !important;position:absolute !important;left:61cqw !important;right:4.4cqw !important;top:calc(100% + 3.4cqw) !important;padding:.2cqw 0 .2cqw 5cqw !important;border-left:1px solid #C9CBCF !important;font-size:1.35cqw !important;font-weight:800 !important;color:#D9602E !important;line-height:1.6 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-doc-num::before{content:"INVOICE ID:" !important;display:block !important;flex:0 0 10cqw !important;color:#3A3C40 !important;letter-spacing:.16em !important;font-size:.9cqw !important;font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-body{min-height:127.3cqw !important;display:flex !important;flex-direction:column !important;position:relative !important;padding:2.8cqw 4.4cqw 4.4cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-body::before{content:"INVOICE" !important;display:block !important;font-family:Arial,sans-serif !important;font-size:7.6cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;color:#17181B !important;line-height:1 !important;margin-bottom:1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-parties{padding-bottom:0 !important;border-bottom:0 !important;margin-bottom:2.2cqw !important} /* the reference's small letterspaced subtitle under INVOICE with its short orange bar: a full-width first flex item of the (base flex-wrap) parties row */ .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-parties::before{content:"STRUCTURAL EXPERTISE.\A REAL-WORLD IMPACT." !important;white-space:pre !important;display:block !important;flex:0 0 100% !important;width:100% !important;font-size:.95cqw !important;font-weight:500 !important;letter-spacing:.32em !important;line-height:1.9 !important;color:#71747A !important;padding-bottom:1.1cqw !important;margin-bottom:1.4cqw !important;background:linear-gradient(#D9602E,#D9602E) no-repeat left bottom/11cqw .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-label{font-size:1.05cqw !important;font-weight:800 !important;letter-spacing:.09em !important;color:#D97B3F !important;margin-bottom:.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-client-name{font-size:1.5cqw !important;font-weight:800 !important;color:#17181B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-details div{font-size:1.2cqw !important;line-height:1.7 !important;color:#3A3C40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:.3cqw 0 !important;font-size:1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-detail-row span{color:#71747A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-detail-row b{font-weight:700 !important;color:#17181B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-table{margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-table thead tr{background:#17181B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.95cqw !important;letter-spacing:.08em !important;color:#FFFFFF !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-table tbody tr:nth-child(odd) td{background:#EDECE7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-table tbody td{padding:1.15cqw .9cqw !important;font-size:1.2cqw !important;border-bottom:1px solid #E2E0D9 !important;color:#1C1C1E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-notes{order:1 !important;max-width:none !important;width:46% !important;background:none !important;padding:0 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-notes::before{content:"NOTES:" !important;display:block !important;font-weight:800 !important;font-size:1.05cqw !important;letter-spacing:.07em !important;color:#D97B3F !important;margin-bottom:.7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-notes div{font-size:1.08cqw !important;line-height:1.75 !important;color:#3A3C40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-totals{order:2 !important;width:38cqw !important;margin:0 0 2cqw auto !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-totals>div{display:flex !important;justify-content:space-between !important;font-size:1.1cqw !important;letter-spacing:.04em !important;padding:.5cqw .1cqw !important;color:#3A3C40 !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-total-grand{background:#D9602E !important;border-radius:.3cqw !important;padding:1.2cqw 1.4cqw !important;margin-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-total-grand span{font-size:1.15cqw !important;color:#FFFFFF !important;font-weight:800 !important;letter-spacing:.08em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-total-grand b{font-size:1.9cqw !important;font-weight:800 !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-payrow{order:3 !important;clear:both !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-bank{background:#EDECE7 !important;border-radius:.4cqw !important;padding:1.4cqw 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-bank div{font-size:1.08cqw !important;color:#3A3C40 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-terms{order:4 !important;margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-terms div{font-size:1.02cqw !important;line-height:1.75 !important;color:#71747A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-signature-row{order:5 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;margin-top:2.2cqw !important;padding:1.8cqw 0 0 50% !important;border-top:1px solid #E2E0D9 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-signature-row::before{content:"ENGINEER OF RECORD:" !important;display:block !important;width:100% !important;font-size:1.02cqw !important;font-weight:800 !important;letter-spacing:.07em !important;color:#D97B3F !important;margin-bottom:1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-signature{min-width:0 !important;width:100% !important;margin:0 !important;text-align:left !important;transform:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-signature .sig-line{margin-left:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .sig-caption{font-size:1cqw !important;color:#71747A !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .sig-caption[data-free-edit]{display:block !important;margin-top:.4cqw !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-footer-note{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-powered{order:6 !important;position:relative !important;min-height:5.6cqw !important;margin:3cqw -4.4cqw -4.4cqw !important;padding:1.8cqw 26cqw 1.8cqw 4.4cqw !important;background:#292C2B !important;color:#D97B3F !important;text-align:left !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.06em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-powered a{color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-07-forge).tmpl-es42-07-forge .inv-powered::after{content:"ENGINEERING TODAY\A FOR A STRONGER TOMORROW." !important;white-space:pre !important;position:absolute !important;right:4.4cqw !important;top:1.5cqw !important;padding-left:1.6cqw !important;border-left:1px solid #5A5D62 !important;color:#FFFFFF !important;font-size:.85cqw !important;font-weight:500 !important;letter-spacing:.2em !important;line-height:1.7 !important} /* ===== es42-08-terralink (ES-08 "TerraLink Geospatial, futuristic GIS/geospatial") ===== Bright white/ice-blue geospatial design: a navy mountain/triangle "TerraLink" logo mark with faint topo contour-line and dot-grid decoration across the page, rounded light-blue info cards for Bill To/Project, a navy table header with per-row service icons (map-pin, drone, layers, document), a cyan total band and a dedicated payment-information card. Real crops: the navy/ cyan mountain+topo logo mark, the small rounded Bill To (building) and Project (document) card icons, the 4 per-row service icons, and the large pale watermark globe. Coordinate line ("40.7128 N / 74.0060 W") and bank/payment fields have real backing data (site address / bank block); client attn-name+email have no dedicated fields in this generator's bill-to block, so that extra line gets a data-free-edit placeholder appended under the client name. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#F3F8FC !important;color:#0E2A4A !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink *{box-sizing:border-box !important} /* The reference has no page-sized globe: the small pale globe crop belongs inside the Project card (see .inv-details::before). A blown-up copy over the header was a real mismatch, so the root pseudo is off. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink::before{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:3.6cqw 4.5cqw 0 !important;background:none !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head::before{content:"REAL PLACES\A BETTER DECISIONS\A BRIGHTER TOMORROW" !important;white-space:pre !important;position:absolute !important;left:54cqw !important;top:4.4cqw !important;font-size:.95cqw !important;font-weight:600 !important;letter-spacing:.3em !important;line-height:1.9 !important;color:#0E2A4A !important;padding-bottom:1.1cqw !important;background:linear-gradient(#5FC7E8,#5FC7E8) no-repeat left bottom/4cqw .25cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head-left{position:relative !important;max-width:50cqw !important;width:auto !important;margin:0 !important;padding:0 0 0 14.5cqw !important;min-height:11cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:13cqw !important;height:10.2cqw !important;background:url(/assets/tpl-art/es42/es42-08-logo.webp) no-repeat left top/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-name{font-size:2.9cqw !important;font-weight:900 !important;letter-spacing:.01em !important;line-height:1.1 !important;color:#0E2A4A !important;margin:0 0 .3cqw !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-contact{display:block !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5B87B8 !important;text-transform:uppercase !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-contact>div{display:inline !important;font-size:.95cqw !important;font-weight:500 !important;letter-spacing:.02em !important;text-transform:none !important;color:#355170 !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-contact>div+div::before{content:" | " !important;white-space:pre !important;color:#8FB3DB !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-contact::before{content:"MAP | MEASURE | TRANSFORM" !important;white-space:pre !important;display:block !important;margin-bottom:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-address{display:block !important;font-size:.95cqw !important;font-weight:500 !important;letter-spacing:.02em !important;color:#355170 !important;opacity:1 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-address::before{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-biz-tax{display:none !important} /* Navy invoice-number band: in the reference it sits on the INVOICE row to the RIGHT of the title (with a cyan "EXPLORE / ANALYZE / SOLVE / TOGETHER" end cap), not full-width above it. Positioned against .inv-head (z-index above .inv-body) at top:100% so it stays glued to the header's real bottom edge. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head-right{position:absolute !important;left:45.5cqw !important;right:4.5cqw !important;top:calc(100% + 1.8cqw) !important;margin:0 !important;padding:1.3cqw 0 1.3cqw 2cqw !important;text-align:left !important;background:#0E2A4A !important;border-radius:.6cqw .6cqw 2.6cqw .6cqw !important;display:flex !important;gap:2.2cqw !important;z-index:3 !important;overflow:hidden !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-head-right::after{content:"EXPLORE\A ANALYZE\A SOLVE\A TOGETHER" !important;white-space:pre !important;display:block !important;margin:-1.3cqw 0 -1.3cqw auto !important;padding:.7cqw 1.2cqw .7cqw 1.4cqw !important;background:#5FC7E8 !important;color:#0E2A4A !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.16em !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-doc-title,.invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-doc-po{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-doc-num{display:block !important;font-size:1.2cqw !important;font-weight:700 !important;color:#FFFFFF !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-doc-num::before{content:"INVOICE NO." !important;display:block !important;color:#8FB3DB !important;font-size:.85cqw !important;letter-spacing:.12em !important;font-weight:700 !important;margin-bottom:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-body{min-height:127.3cqw !important;display:flex !important;flex-direction:column !important;position:relative !important;padding:2.4cqw 4.5cqw 4.4cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-body::before{content:"INVOICE" !important;display:block !important;align-self:flex-start !important;font-size:6cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#0E2A4A !important;line-height:1 !important;padding-bottom:.9cqw !important;margin-bottom:.6cqw !important;background:linear-gradient(#5FC7E8,#5FC7E8) no-repeat left bottom/100% .3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-parties{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1.6cqw !important;padding-bottom:0 !important;border-bottom:0 !important;margin-bottom:2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-parties::before{content:"GEOSPATIAL INTELLIGENCE FOR A SMARTER TOMORROW" !important;display:block !important;grid-column:1 / span 2 !important;font-size:.85cqw !important;font-weight:600 !important;letter-spacing:.3em !important;color:#5B87B8 !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bill-to, .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important;background:#EAF3FB !important;border:1px solid #CFE3F3 !important;border-radius:.6cqw !important;padding:1.8cqw 1.9cqw !important;position:relative !important;overflow:hidden !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bill-to::after{content:"" !important;position:absolute !important;right:2cqw !important;top:2.6cqw !important;width:5.6cqw !important;height:5.6cqw !important;background:url(/assets/tpl-art/es42/es42-08-ic-billto.webp) no-repeat center/contain !important;opacity:.45 !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details{padding-right:11cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details::before{content:"" !important;position:absolute !important;right:1.6cqw !important;top:2.2cqw !important;width:7cqw !important;height:8.4cqw !important;background:url(/assets/tpl-art/es42/es42-08-globe.webp) no-repeat center top/contain !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details::after{content:"SPATIAL DATA\A REAL IMPACT" !important;white-space:pre !important;position:absolute !important;right:1.8cqw !important;bottom:1.5cqw !important;font-size:.72cqw !important;font-weight:600 !important;letter-spacing:.22em !important;line-height:1.7 !important;color:#5B87B8 !important;text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-label{display:flex !important;align-items:center !important;gap:.7cqw !important;font-size:1.05cqw !important;font-weight:800 !important;letter-spacing:.07em !important;color:#0E2A4A !important;margin-bottom:1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bill-to .inv-label::before{content:"" !important;width:2cqw !important;height:2cqw !important;background:url(/assets/tpl-art/es42/es42-08-ic-billto.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details .inv-label::before{content:"" !important;width:2cqw !important;height:2cqw !important;background:url(/assets/tpl-art/es42/es42-08-ic-project.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-client-name{font-size:1.5cqw !important;font-weight:800 !important;color:#0E2A4A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-details div{font-size:1.15cqw !important;color:#355170 !important;line-height:1.75 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:.25cqw 0 !important;font-size:1.15cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-detail-row span{color:#5B87B8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-detail-row b{font-weight:700 !important;color:#0E2A4A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table{margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table thead tr{background:#0E2A4A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.95cqw !important;letter-spacing:.06em !important;color:#FFFFFF !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr{position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr:nth-child(odd) td{background:#F4F9FC !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody td{padding:1.6cqw .9cqw 1.6cqw .9cqw !important;font-size:1.18cqw !important;border-bottom:1px solid #DCEAF5 !important;color:#0E2A4A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody td:first-child{padding-left:7.2cqw !important} /* per-row service icon tiles, sized like the reference's rounded light-blue tiles and vertically centred on the row */ .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody td:first-child::before{content:"" !important;position:absolute !important;left:1cqw !important;top:50% !important;transform:translateY(-50%) !important;width:4.6cqw !important;height:4.6cqw !important;border:1px solid #BFDCF2 !important;border-radius:.5cqw !important;background:#EAF3FB url(/assets/tpl-art/es42/es42-08-ic-map.webp) no-repeat center/64% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr.ige-addrow td:first-child{padding-left:.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr.ige-addrow td:first-child::before{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr:nth-child(2) td:first-child::before{background-image:url(/assets/tpl-art/es42/es42-08-ic-drone.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr:nth-child(3) td:first-child::before{background-image:url(/assets/tpl-art/es42/es42-08-ic-layers.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-table tbody tr:nth-child(n+4) td:first-child::before{background-image:url(/assets/tpl-art/es42/es42-08-ic-doc.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-notes{order:1 !important;max-width:none !important;width:52% !important;background:#EAF3FB !important;border-radius:.6cqw !important;padding:1.6cqw 1.8cqw !important;margin:0 1.6cqw 1.8cqw 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-notes::before{content:"NOTES" !important;display:block !important;font-weight:800 !important;font-size:1.02cqw !important;letter-spacing:.06em !important;color:#0E2A4A !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-notes div{font-size:1.05cqw !important;line-height:1.7 !important;color:#355170 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-totals{order:2 !important;width:36cqw !important;margin:0 0 1.8cqw auto !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-totals>div{display:flex !important;justify-content:space-between !important;font-size:1.1cqw !important;padding:.5cqw .1cqw !important;color:#355170 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-total-grand{background:#5FC7E8 !important;border-radius:.4cqw !important;padding:1.1cqw 1.4cqw !important;margin-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-total-grand span{font-size:1.05cqw !important;color:#0E2A4A !important;font-weight:800 !important;letter-spacing:.06em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-total-grand b{font-size:2cqw !important;font-weight:800 !important;color:#0E2A4A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-payrow{order:3 !important;clear:both !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bank{background:#EAF3FB !important;border-radius:.6cqw !important;padding:1.6cqw 1.8cqw !important;position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bank::before{content:"PAYMENT INFORMATION" !important;display:block !important;font-weight:800 !important;font-size:1cqw !important;letter-spacing:.06em !important;color:#0E2A4A !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-bank div{font-size:1.05cqw !important;color:#355170 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-terms{order:4 !important;margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-terms div{font-size:1cqw !important;line-height:1.75 !important;color:#5B87B8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-signature-row{order:5 !important;display:flex !important;justify-content:flex-start !important;align-items:center !important;gap:7cqw !important;margin-top:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-signature-row::after{content:"SURVEY \2022 MAP \2022 MODEL \2022 PLAN\A PEOPLE \2022 PLACES \2022 POSSIBILITIES" !important;white-space:pre !important;display:block !important;font-size:.78cqw !important;font-weight:600 !important;letter-spacing:.24em !important;line-height:2.8 !important;color:#355170 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .sig-caption{font-size:1cqw !important;color:#5B87B8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-footer-note{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-powered{order:6 !important;position:relative !important;min-height:6.4cqw !important;margin:3cqw -4.5cqw -4.4cqw !important;padding:1.6cqw 22cqw 1.6cqw 4.5cqw !important;background:#0E2A4A !important;color:#8FB3DB !important;text-align:left !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.05em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-powered::before{content:"DATA TODAY.\A A BRIGHTER TOMORROW." !important;white-space:pre !important;display:block !important;color:#FFFFFF !important;font-size:.95cqw !important;font-weight:600 !important;letter-spacing:.28em !important;line-height:1.8 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-powered::after{content:"GEOSPATIAL\A SOLUTIONS\A FOR A MORE\A RESILIENT WORLD" !important;white-space:pre !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:17cqw !important;padding:1.2cqw 1.6cqw !important;background:#102F52 !important;color:#FFFFFF !important;font-size:.72cqw !important;font-weight:600 !important;letter-spacing:.22em !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-08-terralink).tmpl-es42-08-terralink .inv-powered a{color:#FFFFFF !important} /* ===== es42-09-heritage (ES-09 "Whitmore & Ellis, heritage consulting engineers") ===== Cream paper, burgundy/gold heritage palette, a real engraved-style building sketch top-left, a gold embossed-look seal (theodolite + "MEASURE DESIGN SERVE") top-right, a compass-rose mark and a mountain-range sketch in the footer. Dense serif typography, a burgundy table header, a boxed burgundy total, and a revision/submittal history mini-table beside an approval/signature block (both real elements in the reference). Real crops: the building engraving, the gold seal, the compass rose, the mountain sketch and the small bracketed "[A]" engineer mark. Spec refs (Caltrans/City standards references) and the revision-history rows (rev/date/description/by) have no backing field in this generator - both rendered as data-free-edit placeholder text so the structure stays visible without inventing data, per this project's "never invent data" rule. Client No. has no field either; mapped onto the PO field (same "extra reference number -> PO" precedent used on ES-06/ES-07). */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#F5F0E4 !important;color:#2B211A !important;font-family:Georgia,'Times New Roman',serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage *{box-sizing:border-box !important} /* z-index above .inv-body: the gold seal straddles the header rule in the reference, and .inv-doc-num is positioned against this header onto the INVOICE row below (so .inv-head-right must stay unpositioned). */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:3.4cqw 4.4cqw 2cqw !important;background:none !important;border-bottom:1px solid #8A6A3F !important;z-index:2 !important} /* brightness() lifts each crop's slightly darker paper-texture background onto the page's own #F5F0E4 so no crop reads as a pasted box */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head::before{content:"" !important;position:absolute !important;left:4.4cqw !important;top:1.4cqw !important;width:19.2cqw !important;height:20.4cqw !important;background:url(/assets/tpl-art/es42/es42-09-building.webp) no-repeat left top/contain !important;filter:brightness(1.015) !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head::after{content:"" !important;position:absolute !important;right:3.4cqw !important;top:13.8cqw !important;width:19.5cqw !important;height:11.7cqw !important;background:url(/assets/tpl-art/es42/es42-09-seal.webp) no-repeat right top/contain !important;filter:brightness(.99) !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head-left{position:relative !important;max-width:none !important;width:auto !important;margin:0 25.8cqw !important;padding:0 !important;text-align:center !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head-left::after{content:"PEOPLE\A PLACES\A PROGRESS" !important;white-space:pre !important;position:absolute !important;left:-6.2cqw !important;top:4.2cqw !important;font-family:Arial,sans-serif !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.2em !important;line-height:2 !important;color:#8A6A3F !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head-left::before{content:"" !important;display:block !important;width:7cqw !important;height:1.5cqw !important;margin:0 auto .9cqw !important;background:url(/assets/tpl-art/es42/es42-09-mark.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-name{font-size:2.8cqw !important;font-weight:700 !important;letter-spacing:.08em !important;line-height:1.15 !important;color:#6B1D28 !important;margin:0 0 .4cqw !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-contact{display:block !important;font-size:1.05cqw !important;font-weight:400 !important;letter-spacing:.24em !important;color:#2B211A !important;text-transform:uppercase !important;margin-bottom:.9cqw !important;padding-top:.7cqw !important;border-top:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-contact>div{display:inline !important;font-size:.95cqw !important;letter-spacing:.04em !important;text-transform:none !important;color:#2B211A !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-contact>div+div::before{content:" | " !important;white-space:pre !important;color:#8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-contact::before{content:"CONSULTING ENGINEERS" !important;display:block !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-address{display:block !important;font-size:1.02cqw !important;font-style:italic !important;letter-spacing:.14em !important;color:#6B1D28 !important;opacity:1 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-address::before{content:"BUILT ON A HIGHER PERSPECTIVE" !important;display:block !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-biz-tax{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head-right{position:static !important;display:block !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-doc-title,.invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-doc-po{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-head-right::before{content:"CIVIL\A STRUCTURAL\A GEOMATICS\A INFRASTRUCTURE\A A MORE RESILIENT\A TOMORROW" !important;white-space:pre !important;display:block !important;position:absolute !important;right:4.4cqw !important;top:2.6cqw !important;width:16cqw !important;font-family:Arial,sans-serif !important;font-size:.8cqw !important;font-weight:700 !important;letter-spacing:.14em !important;line-height:2 !important;color:#2B211A !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-body{min-height:127.3cqw !important;display:flex !important;flex-direction:column !important;position:relative !important;padding:2.8cqw 4.4cqw 4.4cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-body::before{content:"INVOICE" !important;display:block !important;align-self:flex-start !important;font-size:7.4cqw !important;font-weight:700 !important;color:#6B1D28 !important;line-height:1 !important;margin-bottom:.5cqw !important} /* positioned against .inv-head (nearest positioned ancestor, head-right is static): the reference's left-ruled "Invoice No." block beside the big INVOICE word, under the seal */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-doc-num{display:flex !important;gap:1.4cqw !important;position:absolute !important;left:49.5cqw !important;top:calc(100% + 3cqw) !important;width:24cqw !important;padding:.2cqw 0 .2cqw 2.4cqw !important;border-left:1px solid #8A6A3F !important;font-size:1.2cqw !important;font-weight:400 !important;line-height:1.7 !important;color:#2B211A !important;text-align:left !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-doc-num::before{content:"Invoice No." !important;display:block !important;flex:0 0 8.5cqw !important;font-weight:400 !important;letter-spacing:0 !important;font-size:1.2cqw !important;color:#2B211A !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-parties{display:grid !important;grid-template-columns:1.05fr 1.2fr 11cqw !important;gap:0 2.2cqw !important;padding-top:0 !important;padding-bottom:1.8cqw !important;margin-bottom:2cqw !important;border-bottom:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-parties::before{content:"PROFESSIONAL ENGINEERING & SURVEYING SERVICES" !important;display:block !important;grid-column:1 / span 3 !important;font-family:Arial,sans-serif !important;font-size:.82cqw !important;letter-spacing:.3em !important;color:#2B211A !important;margin:0 0 2.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-parties::after{content:"Sound\A Engineering\A Endures." !important;white-space:pre !important;display:block !important;font-style:italic !important;font-size:1.25cqw !important;line-height:1.35 !important;color:#2B211A !important;padding-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-bill-to{max-width:none !important;padding-right:2cqw !important;border-right:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-details{min-width:0 !important;text-align:left !important;position:relative !important;padding-right:2cqw !important;border-right:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-details::after{content:"LAND\A IDEAS\A INTO\A LASTING\A VALUE." !important;white-space:pre !important;position:absolute !important;left:calc(100% + 2.2cqw) !important;top:6.8cqw !important;font-family:Arial,sans-serif !important;font-size:.72cqw !important;letter-spacing:.24em !important;line-height:1.6 !important;color:#2B211A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-label{font-family:Arial,sans-serif !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#6B1D28 !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-client-name{font-size:1.3cqw !important;font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-details div{font-size:1.15cqw !important;line-height:1.7 !important;color:#2B211A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:1.2cqw !important;padding:.25cqw 0 !important;font-size:1.15cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-detail-row span{flex:0 0 8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-detail-row span{color:#6B1D28 !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-detail-row b{font-weight:700 !important;color:#2B211A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-table{margin-bottom:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-table thead tr{background:#6B1D28 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-table thead th{padding:1.05cqw .9cqw !important;font-family:Arial,sans-serif !important;font-size:.9cqw !important;letter-spacing:.07em !important;color:#F5F0E4 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-table tbody tr:nth-child(odd) td{background:#EDE4D1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-table tbody td{padding:1.05cqw .9cqw !important;font-size:1.15cqw !important;border-bottom:1px solid #D9CBAC !important;color:#2B211A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-notes{order:1 !important;max-width:none !important;width:52% !important;background:none !important;padding:0 1.6cqw 0 0 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-notes::before{content:"Notes:" !important;display:block !important;font-style:italic !important;font-weight:700 !important;font-size:1.1cqw !important;color:#6B1D28 !important;margin-bottom:.7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-notes div{font-size:1.05cqw !important;line-height:1.7 !important;color:#2B211A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-totals{order:2 !important;width:36cqw !important;margin:0 0 1.8cqw auto !important;border:1px solid #8A6A3F !important;padding:0 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-totals>div{display:flex !important;justify-content:space-between !important;font-family:Arial,sans-serif !important;font-size:1.05cqw !important;padding:.8cqw .1cqw !important;color:#2B211A !important;border-bottom:1px solid #D9CBAC !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-total-grand{background:#6B1D28 !important;border-bottom:0 !important;margin:0 -1.6cqw !important;padding:1.2cqw 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-total-grand span{font-size:1.05cqw !important;color:#F0DCC3 !important;font-weight:700 !important;letter-spacing:.06em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-total-grand b{font-size:1.85cqw !important;font-weight:700 !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-payrow{order:3 !important;clear:both !important;padding-top:2.2cqw !important;margin-top:.4cqw !important;border-top:1px solid #8A6A3F !important} /* The reference's revision/submittal mini-table has no backing data in this generator; a bare heading over the real payment/late-fee boxes mislabeled them, so the heading is not drawn (flagged as a data-model gap). */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-payrow::before{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-bank{background:none !important;border:1px solid #8A6A3F !important;padding:1.1cqw 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-bank div{font-size:1.02cqw !important;color:#2B211A !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-terms{order:4 !important;margin-top:1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-terms div{font-size:1cqw !important;font-style:italic !important;color:#6B1D28 !important} /* .inv-terms is unpositioned, so these two resolve against .inv-body: the footer's "PRECISION INFORMS POSSIBILITY." beside the compass and the centred bottom motto under the final rule */ .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-terms::before{content:"PRECISION\A INFORMS\A POSSIBILITY." !important;white-space:pre !important;position:absolute !important;left:19.5cqw !important;bottom:6.2cqw !important;font-family:Arial,sans-serif !important;font-size:.82cqw !important;font-weight:700 !important;letter-spacing:.24em !important;line-height:2 !important;color:#8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-terms::after{content:"CIVILIZATION ADVANCES BY GOOD SURVEYING." !important;position:absolute !important;left:0 !important;right:0 !important;bottom:1.3cqw !important;text-align:center !important;font-family:Arial,sans-serif !important;font-size:.78cqw !important;letter-spacing:.3em !important;color:#6B1D28 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-signature-row{order:5 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;margin-top:2cqw !important;padding:1.8cqw 0 0 52% !important;border-top:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-signature-row::before{content:"APPROVAL / AUTHORIZATION" !important;position:static !important;display:block !important;order:0 !important;font-family:Arial,sans-serif !important;font-weight:700 !important;font-size:.95cqw !important;letter-spacing:.1em !important;color:#6B1D28 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-signature-row::after{content:"By signing below, you authorize payment in accordance with the terms stated herein." !important;display:block !important;order:1 !important;font-style:italic !important;font-size:1cqw !important;line-height:1.6 !important;color:#2B211A !important;margin-bottom:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-signature{order:2 !important;min-width:0 !important;width:100% !important;margin:0 !important;text-align:left !important;transform:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-signature .sig-line{margin-left:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .sig-caption{font-size:.98cqw !important;font-style:italic !important;color:#6B1D28 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-footer-note{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-powered{order:6 !important;position:relative !important;min-height:9.4cqw !important;text-align:center !important;font-style:italic !important;font-size:1cqw !important;color:#6B1D28 !important;margin:3cqw 0 0 !important;padding-top:1.6cqw !important;border-top:1px solid #8A6A3F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-powered::before{content:"" !important;position:absolute !important;left:0 !important;top:2cqw !important;width:13.6cqw !important;height:11.8cqw !important;background:url(/assets/tpl-art/es42/es42-09-compass.webp) no-repeat left top/contain !important;filter:brightness(1.035) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-powered::after{content:"" !important;position:absolute !important;right:0 !important;top:1.2cqw !important;width:22cqw !important;height:8.2cqw !important;background:url(/assets/tpl-art/es42/es42-09-mountain.webp) no-repeat right top/contain !important;filter:brightness(1.03) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-09-heritage).tmpl-es42-09-heritage .inv-powered a{display:none !important} /* ===== es42-10-highland (ES-10 "Highland Surveying, vintage land-surveying") ===== Warm vintage parchment, a thin double-line border frame around the whole page, a real engraved theodolite + mountains + treeline illustration top-left, a small compass-rose mark above the footer rule. Classic serif typography, a tan boxed table header, a boxed tan total. Real crops: the theodolite/mountain illustration and the compass rose. Parcel No. maps onto the PO field (same extra-reference-number precedent as ES-06/ES-09). */ .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FBF4E6 !important;color:#2E2316 !important;font-family:Georgia,'Times New Roman',serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland::before{content:"" !important;position:absolute !important;left:1.4cqw !important;top:1.4cqw !important;right:1.4cqw !important;bottom:1.4cqw !important;border:3px double #8A6A3F !important;z-index:0 !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:4.4cqw 5.6cqw 1.8cqw 22.6cqw !important;background:none !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-head::before{content:"" !important;position:absolute !important;left:4cqw !important;top:3.2cqw !important;width:16.5cqw !important;height:13.5cqw !important;background:url(/assets/tpl-art/es42/es42-10-illust.webp) no-repeat left top/contain !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-head-left{position:relative !important;max-width:none !important;width:auto !important;margin:0 20cqw 0 0 !important;padding:0 0 1.4cqw !important;border-bottom:1px solid #C9A86B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-name{font-size:4cqw !important;font-weight:700 !important;letter-spacing:0 !important;line-height:1.1 !important;color:#5A3A1E !important;margin:0 0 .5cqw !important} /* no ", LLC" suffix: the reference's own legal suffix is sample data, appending it to every real business name invented data */ .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-name::after{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-contact{display:block !important;font-size:1.15cqw !important;font-weight:700 !important;letter-spacing:.18em !important;color:#2E2316 !important;text-transform:uppercase !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-contact>div{display:inline !important;font-size:.95cqw !important;font-weight:400 !important;letter-spacing:.03em !important;text-transform:none !important;color:#2E2316 !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-contact>div+div::before{content:" | " !important;white-space:pre !important;color:#C9A86B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-contact::before{content:"LAND SURVEYING SERVICES" !important;display:block !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-address{display:block !important;font-size:1cqw !important;font-style:italic !important;letter-spacing:.08em !important;color:#7A5B33 !important;opacity:1 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-address::before{content:"BOUNDARIES \2022 SOLUTIONS \2022 A CLEARER TOMORROW" !important;white-space:pre !important;display:block !important;letter-spacing:.24em !important;margin:.3cqw 0 .2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-biz-tax{display:none !important} /* .inv-head-right unpositioned: its ::before draws the reference's top-right "MEASURE / MAP / PRESERVE / WHAT MATTERS" column, and .inv-doc-num resolves against .inv-head onto the INVOICE row below */ .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-head-right{position:static !important;display:block !important;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-head-right::before{content:"MEASURE\A MAP\A PRESERVE\A WHAT MATTERS" !important;white-space:pre !important;position:absolute !important;right:5.6cqw !important;top:8cqw !important;width:16cqw !important;text-align:center !important;font-style:italic !important;font-size:.95cqw !important;letter-spacing:.32em !important;line-height:2.2 !important;color:#5A3A1E !important;padding-bottom:1cqw !important;background:linear-gradient(#8A6A3F,#8A6A3F) no-repeat center bottom/5cqw 1px !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-doc-title,.invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-doc-po{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-doc-num{display:flex !important;gap:2cqw !important;align-items:baseline !important;position:absolute !important;left:65.5cqw !important;right:5.6cqw !important;top:calc(100% + 3cqw) !important;font-size:1.35cqw !important;line-height:1.6 !important;color:#2E2316 !important;text-align:left !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-doc-num::before{content:"INVOICE NO." !important;display:block !important;flex:0 0 11cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5A3A1E !important;font-size:.95cqw !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-body{min-height:127.3cqw !important;display:flex !important;flex-direction:column !important;position:relative !important;padding:2.6cqw 5.6cqw 4.8cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-body::before{content:"INVOICE" !important;display:block !important;font-size:6.6cqw !important;font-weight:700 !important;letter-spacing:.02em !important;color:#5A3A1E !important;line-height:1 !important;margin-bottom:2.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-parties{padding-bottom:0 !important;border-bottom:0 !important;margin-bottom:2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-label{font-family:Georgia,serif !important;font-size:1.02cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5A3A1E !important;margin-bottom:.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-client-name{font-size:1.35cqw !important;font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-details div{font-size:1.2cqw !important;line-height:1.75 !important;color:#2E2316 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:.25cqw 0 !important;font-size:1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-detail-row span{color:#7A5B33 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-detail-row b{font-weight:700 !important;color:#2E2316 !important} /* the reference table is fully ruled: outer frame, column rules and a boxed tan header row */ .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table{margin-bottom:1.8cqw !important;border:1px solid #C9A86B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table thead tr{background:#E6D3AC !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table thead th{padding:1.05cqw .9cqw !important;font-size:.95cqw !important;letter-spacing:.12em !important;color:#5A3A1E !important;border-bottom:1px solid #C9A86B !important;border-right:1px solid #C9A86B !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table thead th:last-child, .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table tbody td:last-child{border-right:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table tbody td{padding:1.1cqw .9cqw !important;font-size:1.18cqw !important;border-bottom:1px solid #E6D3AC !important;border-right:1px solid #E6D3AC !important;color:#2E2316 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table tbody tr.ige-addrow td{border-right:0 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table tbody td:first-child div:last-child, .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-table tbody td:first-child small{display:block !important;font-size:.95cqw !important;font-style:italic !important;color:#7A5B33 !important;margin-top:.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-notes{order:1 !important;max-width:none !important;width:52% !important;background:none !important;padding:0 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-notes::before{content:"Surveyor Note:" !important;display:block !important;font-weight:700 !important;font-size:1.02cqw !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:#5A3A1E !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-notes div{font-size:1.1cqw !important;line-height:1.75 !important;color:#2E2316 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-totals{order:2 !important;width:34cqw !important;margin:0 0 1.8cqw auto !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-totals>div{display:flex !important;justify-content:space-between !important;font-size:1.05cqw !important;letter-spacing:.05em !important;text-transform:uppercase !important;padding:.55cqw .1cqw !important;color:#2E2316 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-total-grand{background:#E6D3AC !important;border-radius:.2cqw !important;padding:1.1cqw 1.4cqw !important;margin-top:.6cqw !important;text-transform:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-total-grand span{font-size:1.1cqw !important;color:#5A3A1E !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.05em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-total-grand b{font-size:1.8cqw !important;font-weight:700 !important;color:#5A3A1E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-payrow{order:3 !important;clear:both !important;align-items:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-payrow::before{content:"\2014\2022\2014\A ACCURATE SURVEYS\A STRONGER COMMUNITIES\A \2014\2022\2014" !important;white-space:pre !important;display:block !important;flex:0 0 48% !important;text-align:center !important;font-style:italic !important;font-size:.95cqw !important;letter-spacing:.3em !important;line-height:2 !important;color:#5A3A1E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-bank{background:none !important;border:1px solid #C9A86B !important;padding:1.2cqw 1.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-bank div{font-size:1.05cqw !important;color:#2E2316 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-terms{order:4 !important;margin-top:1.4cqw !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-terms div{font-size:1cqw !important;font-style:italic !important;color:#5A3A1E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-signature-row{order:5 !important;justify-content:center !important;margin-top:2.4cqw !important;padding-top:1.8cqw !important;border-top:1px solid #C9A86B !important;position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-signature-row::before{content:"" !important;position:absolute !important;left:50% !important;top:-2.6cqw !important;transform:translateX(-50%) !important;width:5.6cqw !important;height:3.1cqw !important;background:url(/assets/tpl-art/es42/es42-10-compass.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .sig-caption{font-size:1cqw !important;font-style:italic !important;color:#7A5B33 !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-footer-note{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-powered{order:6 !important;text-align:center !important;font-size:1cqw !important;font-style:italic !important;color:#5A3A1E !important;margin-top:2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-powered::before{content:"LAND TODAY. A CLEARER TOMORROW." !important;white-space:pre !important;display:block !important;font-style:italic !important;letter-spacing:.3em !important;font-size:.95cqw !important;color:#5A3A1E !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-10-highland).tmpl-es42-10-highland .inv-powered a{color:#5A3A1E !important}