/* Engineer/Surveyor pack, batch 6 (ES-26..ES-30): built to the owner's real reference PNGs (tools/trades10/pack-templates/engineer/InvoiceTools_Engineer_Surveyor_42_US_Letter_Claude_Handoff/ 01_APPROVED_TEMPLATE_IMAGES) on invoice-generator's .invoice-preview DOM. Registered as es42-* ids (not yet wired into TEMPLATES/link tags - a separate consolidation pass registers all batches at once to avoid concurrent-edit collisions on the shared bundle, per this project's established multi-agent discipline). Every logo mark, topo/map texture, icon badge and illustration is a real crop of the reference PNG in /assets/tpl-art/es42/ (baked sample business wordmarks/URLs excluded from the crop bounds or cv2-inpainted out so the live business name/contact fields print cleanly in the same spot, never duplicated). Flat CSS draws only solid fills, rules, table bands and live text. Geometry is in container-query units (1cqw = 1/100 of the sheet width, 1103px reference basis) so layout holds at the 794px screen sheet, the 690px export and the 847px print width. No graphs/charts/KPI/dashboard visuals anywhere, per the pack's own permanent rule. */ /* ===================================================================================== es42-26-ridgeline (ES-26 "Ridgeline Surveying Invoice With Topographic Accent") Real crops: the mountain+trees icon mark (no wordmark - live .inv-biz-name takes that spot), a topo-line corner texture wash (top right), and the pine/mountain illustration with its real cursive "Good Surveys Build Brighter Places" tagline (baked website URL line excluded from the crop). Flat CSS: cream/sage card trio (Bill To / Project / Total Due), table, totals, notes, payment info. Gap: this reference's "Project" card (parcel nos., county, project ref, field dates) has no matching field set in invoice-generator's schema beyond PO - PO prints as "Project Ref.", the rest (parcel numbers, field dates) are data-free-edit placeholders, never invented. Audit pass (2 Oct): mark restored to its real 26.75x9.61cqw crop size above the wordmark slot, business contact moved into the reference's divider column, title + invoice number moved below the header (they were painting on top of the topo crop's own "PEOPLE / POSSIBILITIES" text), topo/footer crops at their true aspect, totals as the cream card, taglines added. ===================================================================================== */ .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline{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:#FBFAF6 !important;color:#2B3127 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:31.098cqw !important;height:38.08cqw !important;background:url(/assets/tpl-art/es42/es42-26-topo.webp) no-repeat 0 0/100% 100% !important;opacity:0.9 !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-head{position:relative !important;display:block !important;margin:0 0 1.2cqw !important;padding:5.5cqw 7.253cqw 0 !important;border:0 !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-head-left{position:relative !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:8.6cqw 0 0 !important;min-height:17.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:-1.4cqw !important;width:26.75cqw !important;height:9.61cqw !important;background:url(/assets/tpl-art/es42/es42-26-logo.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-biz-name{display:block !important;max-width:29cqw !important;margin:0 !important;font:900 2.1cqw/1.15 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#232B20 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-head-left::after{content:"Measure\2003 \2022\2003 Map\2003 \2022\2003 Move forward" !important;display:block !important;width:28cqw !important;margin:0.9cqw 0 0 !important;padding:0.7cqw 0 0 !important;border-top:0.09cqw solid #2B3127 !important;font:700 0.64cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-biz-address{position:absolute !important;left:31.4cqw !important;top:0.2cqw !important;width:26cqw !important;margin:0 !important;font:500 0.9cqw/1.55 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-biz-contact{position:absolute !important;left:31.4cqw !important;top:4.6cqw !important;width:26cqw !important;display:block !important;margin:0 !important;font:500 0.9cqw/1.95 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-biz-contact div{display:block !important;font-size:0.9cqw !important;line-height:1.95 !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-biz-contact::before{content:"" !important;position:absolute !important;left:-3.3cqw !important;top:-4.4cqw !important;height:16.4cqw !important;border-left:0.09cqw solid #C9C4B5 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-head-right{display:block !important;position:relative !important;text-align:left !important;margin:0.6cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-doc-title{display:block !important;margin:0 0 0.9cqw !important;font:900 6cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;text-transform:uppercase !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-doc-num{display:block !important;font:500 1.05cqw/1.8 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-doc-num::before{content:"Invoice No." !important;display:inline-block !important;width:12cqw !important;font-weight:700 !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-doc-po{display:block !important;font:500 1.05cqw/1.8 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-doc-po::before{content:"Project Ref." !important;display:inline-block !important;width:12cqw !important;font-weight:700 !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-body{position:relative !important;margin:0 !important;padding:0 7.253cqw 6cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-parties{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(20cqw,1fr)) !important;gap:1.4cqw !important;margin:0 0 2.6cqw !important;padding:0 !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-bill-to{max-width:none !important;background:#F1EFE7 !important;border-radius:0.5cqw !important;padding:1.6cqw 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important;background:#F1EFE7 !important;border-radius:0.5cqw !important;padding:1.6cqw 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-label{display:block !important;margin:0 0 0.9cqw !important;font:800 0.68cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;color:#5A6453 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-client-name{font:800 1.05cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#1C2219 !important;margin:0 0 0.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-bill-to>div{font:500 0.84cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#454D40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-detail-row{display:block !important;padding:0.3cqw 0 !important;font:500 0.84cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#454D40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-detail-row span{display:block !important;font:800 0.66cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#5A6453 !important;margin-bottom:0.15cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-detail-row b{display:block !important;font-weight:700 !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table thead th{background:#EDEAE0 !important;color:#4A5343 !important;font:800 0.7cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table thead th:nth-child(4){text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table td{padding:1.1cqw 1.2cqw !important;border-bottom:0.07cqw solid #EEEBE2 !important;font:500 0.86cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important;vertical-align:top !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table .td-desc{font-weight:700 !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-totals{max-width:44% !important;margin:0 0 2.2cqw auto !important;background:#F1EFE7 !important;border-radius:0.5cqw !important;padding:1cqw 0.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.55cqw 1.1cqw !important;font:600 0.95cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-total-grand{background:transparent !important;color:#1C2219 !important;border-radius:0 !important;border-top:0.09cqw solid #C9C4B5 !important;margin-top:0.7cqw !important;padding-top:1.1cqw !important;font:900 1.3cqw/1.7 Inter,'Inter Fallback',sans-serif !important;text-transform:uppercase !important;letter-spacing:0.04em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-total-grand b{color:#1C2219 !important;font-size:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-block{background:#F1EFE7 !important;border-radius:0.5cqw !important;padding:1.6cqw 1.8cqw !important;margin:0 0 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-notes div{font:500 0.82cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#454D40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-terms div{font:500 0.82cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#454D40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-payrow{display:block !important;margin:0 !important;padding:0 !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-block.inv-bank{position:relative !important;background:transparent !important;padding:0.4cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-block.inv-bank .inv-label{color:#1C2219 !important;font-size:0.72cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-block.inv-bank div{font:500 0.82cqw/1.8 Inter,'Inter Fallback',sans-serif !important;color:#454D40 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-latefee{color:#5A6453 !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-signature-row{position:relative !important;display:flex !important;justify-content:flex-start !important;margin:2.6cqw 0 0 !important;padding-bottom:17.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-signature-row::after{content:"" !important;position:absolute !important;right:0 !important;bottom:0 !important;width:31.1cqw !important;height:15.87cqw !important;background:url(/assets/tpl-art/es42/es42-26-footer.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-signature-row::before{content:"Same ground\2003 \2003 A brighter tomorrow" !important;position:absolute !important;left:0 !important;bottom:1cqw !important;font:600 0.62cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.32em !important;text-transform:uppercase !important;color:#2B3127 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .sig-render{font:italic 600 1.5cqw/1.4 'Brush Script MT',cursive !important;color:#1C2219 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .sig-line{width:13cqw !important;border-top:0.09cqw solid #454D40 !important;margin:0.6cqw 0 0.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .sig-caption{font:700 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#5A6453 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-footer-note{position:relative !important;margin:2cqw 0 0 !important;padding-top:1.4cqw !important;border-top:0.09cqw solid #D9D4C6 !important;font:600 0.76cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#5A6453 !important;text-align:left !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-powered{text-align:left !important;margin-top:0.6cqw !important;font:500 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-26-ridgeline).tmpl-es42-26-ridgeline .inv-powered a{color:#5A6453 !important} /* ===================================================================================== es42-27-ridgelineeng (ES-27 "Ridgeline Topographic Invoice Design") Real crops: the mountain-triangle icon mark (no wordmark text), a parcel/topo map texture for the header's right half, and the dark-green sidebar's topo + dashed-parcel-outline background (its own baked quote text and "PEOPLE PRECISION PROGRESS" labels removed via cv2 inpainting, replaced with live CSS text in the same spot/style). Flat CSS: dark-green corner wedge, cream invoice-meta card, totals stack inside the sidebar, bill-to row. Gap: township/section/site-area fields have no invoice-generator equivalent - data-free-edit placeholders, not fabricated numbers. Audit pass (2 Oct): .inv-head-right was display:none, which also removed its CHILD .inv-doc-num (the real invoice number) - now display:contents, with the live .inv-doc-title (the "INVOICE" word, so it still follows a Switch) and .inv-doc-num (the reference's cream meta card, top of the right column) positioned against .inv-head; .inv-details moved into that card; sidebar starts below the card as in the reference; quote, tagline script, PEOPLE/PRECISION/PROGRESS and footer services line restored; header map crop at its true aspect with its baked tagline sliver covered; mark at its real 17x7.25cqw size. ===================================================================================== */ .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 0 6cqw 0 !important;border:0 !important;background:#FBFAF4 !important;color:#1E2B22 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:1.8cqw !important;height:18cqw !important;background:#2E3F32 !important;clip-path:polygon(0 0,100% 0,100% 70%,0 100%) !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-head{position:relative !important;display:block !important;box-sizing:border-box !important;min-height:23cqw !important;margin:0 !important;padding:4cqw 0 2cqw 7.253cqw !important;border:0 !important;background:url(/assets/tpl-art/es42/es42-27-headermap.webp) no-repeat 42.6cqw 0/57.39cqw 21.31cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-head::after{content:"" !important;position:absolute !important;left:42.4cqw !important;top:17.6cqw !important;width:3.4cqw !important;height:2.6cqw !important;background:#F4F3EC !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-head-left{position:relative !important;display:block !important;width:auto !important;max-width:38cqw !important;margin:0 !important;padding:8cqw 0 0 !important;min-height:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-head-left::before{content:"" !important;position:absolute !important;left:0.6cqw !important;top:-0.2cqw !important;width:17.04cqw !important;height:7.25cqw !important;background:url(/assets/tpl-art/es42/es42-27-logo.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-biz-name{display:block !important;margin:0 0 0.5cqw 7.2cqw !important;font:800 2cqw/1.15 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#1E2B22 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-biz-contact{display:block !important;margin:1cqw 0 0 !important;font:600 0.7cqw/1.7 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#3C453F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-biz-contact div{display:inline !important;font-size:0.7cqw !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-biz-contact div:not(:last-child)::after{content:"\2003 \2022\2003 " !important;letter-spacing:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-biz-address{margin:0.4cqw 0 0 !important;font:600 0.72cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-head-right{display:contents !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-title{display:block !important;position:absolute !important;left:7.253cqw !important;top:100% !important;margin:2.6cqw 0 0 !important;font:400 2.6cqw/1 Georgia,'Times New Roman',serif !important;letter-spacing:0.32em !important;text-transform:uppercase !important;text-align:left !important;color:#1E2B22 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-num{display:block !important;position:absolute !important;right:-0.75cqw !important;top:100% !important;width:30.3cqw !important;min-height:27cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.6cqw 2.4cqw 2.4cqw 2.8cqw !important;background:#EEEBDF !important;border-radius:1.4cqw 0 0 0 !important;clip-path:polygon(0 0,100% 0,100% calc(100% - 3.2cqw),calc(100% - 3.2cqw) 100%,0 100%) !important;font:700 1.5cqw/1.3 Georgia,'Times New Roman',serif !important;text-align:left !important;color:#1E2B22 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-num::before{content:"Invoice No." !important;display:block !important;margin:0 0 0.3cqw !important;font:700 0.62cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-num::after{content:"Survey today\A stronger tomorrow" !important;position:absolute !important;left:2.8cqw !important;bottom:3cqw !important;padding-top:1.6cqw !important;white-space:pre !important;background:linear-gradient(#5E8C5A,#5E8C5A) no-repeat 0 0/3.6cqw 0.2cqw !important;font:600 0.68cqw/1.8 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.26em !important;text-transform:uppercase !important;color:#1E2B22 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-po{display:block !important;position:absolute !important;right:-0.75cqw !important;top:100% !important;width:30.3cqw !important;box-sizing:border-box !important;margin:12.6cqw 0 0 !important;padding:0 2.4cqw 0 2.8cqw !important;font:500 0.86cqw/1.6 Georgia,'Times New Roman',serif !important;text-align:left !important;color:#1E2B22 !important;z-index:4 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-doc-po::before{content:"Project No." !important;display:block !important;font:700 0.58cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-body{position:relative !important;margin:0 32cqw 0 0 !important;padding:6.4cqw 7.253cqw 0 7.253cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-body::before{content:none !important;display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:1cqw 2.2cqw !important;margin:0 0 2.6cqw !important;padding:0 0 2cqw !important;border-bottom:0.09cqw solid #D9D4C6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-parties::before{content:"Accurate Data. A Higher Perspective." !important;grid-column:1 / -1 !important;display:block !important;margin:0 0 1.4cqw !important;padding:0 0 1.2cqw !important;background:linear-gradient(#5E8C5A,#5E8C5A) no-repeat 0 100%/3.6cqw 0.2cqw !important;font:italic 400 1.5cqw/1.3 Georgia,'Times New Roman',serif !important;color:#2E3F32 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-details{position:absolute !important;left:calc(100% + 4.9cqw) !important;top:7cqw !important;width:24.2cqw !important;max-width:none !important;min-width:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:0.5cqw 1cqw !important;padding:0 !important;margin:0 !important;background:transparent !important;text-align:left !important;z-index:4 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-details .inv-label{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-label{display:block !important;margin:0 0 0.8cqw !important;font:800 0.64cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-client-name{font:800 1cqw/1.5 Georgia,'Times New Roman',serif !important;color:#1E2B22 !important;margin:0 0 0.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-bill-to>div{font:500 0.82cqw/1.6 Georgia,'Times New Roman',serif !important;color:#3C453F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-detail-row{display:block !important;padding:0 !important;font:500 0.82cqw/1.6 Georgia,'Times New Roman',serif !important;color:#3C453F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-detail-row span{display:block !important;width:auto !important;font:700 0.58cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-detail-row b{display:block !important;font-weight:500 !important;font-size:0.86cqw !important;color:#1E2B22 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table thead th{background:#3E5544 !important;border-bottom:0 !important;color:#F4F3EC !important;font:800 0.62cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;text-align:left !important;padding:0.8cqw 1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table thead th:nth-child(4){text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table td{padding:0.8cqw 1cqw !important;border-bottom:0.07cqw solid #E3E0D4 !important;font:500 0.8cqw/1.6 Georgia,'Times New Roman',serif !important;color:#1E2B22 !important;vertical-align:top !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table .td-desc{font-weight:400 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-totals{position:absolute !important;right:-30.5cqw !important;top:30.8cqw !important;max-width:27cqw !important;width:27cqw !important;margin:0 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-totals::before{content:"" !important;display:block !important;width:3.6cqw !important;height:0.2cqw !important;margin:0 0 1.6cqw !important;background:#9DB89A !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.5cqw 0 !important;font:500 0.84cqw/1.6 Georgia,'Times New Roman',serif !important;color:#E6EBE4 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-total-grand{flex-direction:column !important;align-items:flex-start !important;border-top:0 !important;padding:0.6cqw 0 1.4cqw !important;margin:0 0 1cqw !important;border-bottom:0.09cqw solid rgba(255,255,255,.25) !important;font:400 2.4cqw/1.3 Georgia,'Times New Roman',serif !important;color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-total-grand span{font:600 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.22em !important;text-transform:uppercase !important;color:#AEBBAE !important;order:-1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-total-grand b{color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-totals::after{content:"\201CGood survey data reduces risk and reveals opportunity.\201D" !important;display:block !important;margin:3cqw 0 0 !important;font:italic 400 1.45cqw/1.5 Georgia,'Times New Roman',serif !important;color:#E6EBE4 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-block{background:#F1EFE4 !important;border-radius:0.5cqw !important;padding:1.4cqw 1.6cqw !important;margin:0 0 1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-terms div{font:500 0.78cqw/1.7 Georgia,'Times New Roman',serif !important;color:#3C453F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-payrow{display:block !important;margin:0 !important;padding:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-block.inv-bank div{font:500 0.78cqw/1.8 Georgia,'Times New Roman',serif !important;color:#3C453F !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-latefee{color:#5F6B61 !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-signature-row{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;margin:2.2cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-signature-row::before{content:"Mapping a Better Tomorrow" !important;flex:0 0 100% !important;margin:0 0 1.8cqw !important;font:italic 400 2.8cqw/1.2 'Brush Script MT','Segoe Script',cursive !important;color:#2E3F32 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-signature-row::after{content:"People\A precision\A progress" !important;position:absolute !important;right:-28.9cqw !important;bottom:9.6cqw !important;white-space:pre !important;text-align:right !important;font:600 0.66cqw/2 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#E6EBE4 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .sig-render{font:italic 600 1.4cqw/1.4 'Brush Script MT',cursive !important;color:#1E2B22 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .sig-line{width:12cqw !important;border-top:0.09cqw solid #3C453F !important;margin:0.6cqw 0 0.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .sig-caption{font:700 0.7cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-footer-note{position:relative !important;margin:4.4cqw -32cqw 0 0 !important;padding:1.4cqw 36cqw 0 0 !important;border-top:0.09cqw solid #D9D4C6 !important;font:600 0.74cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#5F6B61 !important;text-align:left !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-footer-note::after{content:"Civil engineering\2003 |\2003 Land surveying\2003 |\2003 Geospatial solutions" !important;position:absolute !important;right:0 !important;top:1.5cqw !important;font:600 0.6cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:#5F6B61 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-powered{position:relative !important;margin:0.6cqw -32cqw 0 0 !important;text-align:left !important;font:500 0.64cqw/1.6 Inter,'Inter Fallback',sans-serif !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-powered a{color:#5F6B61 !important} /* dark sidebar: starts below the cream meta card (27.8cqw) and tracks inv-body's own content height via an absolutely-positioned ::after (top/bottom pinned), so more line items = taller sidebar. The parcel/topo crop keeps its real aspect (30.3cqw wide, auto height) anchored to the bottom. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-27-ridgelineeng).tmpl-es42-27-ridgelineeng .inv-body::after{content:"" !important;position:absolute !important;top:27.8cqw !important;right:-32.747cqw !important;bottom:7.4cqw !important;width:30.3cqw !important;background:#2E3F32 url(/assets/tpl-art/es42/es42-27-sidebarbg.webp) no-repeat 0 100%/30.3cqw auto !important;clip-path:polygon(0 3.2cqw,3.2cqw 0,100% 0,100% 100%,0 100%) !important;z-index:0 !important} /* ===================================================================================== es42-28-ridgelinegeo (ES-28 "Ridgeline Topographic Invoice Template") Real crops: the mountain-silhouette icon mark (no wordmark text), the full cream topo-texture header band, and the dark navy mountain/river illustration anchoring the bottom-left (its own baked "PEOPLE PLACES POTENTIAL" labels and coordinate readout left as decorative art copy, not business data). The dark full-bleed "INVOICE" band below the header is flat CSS on the live .inv-doc-title (so it follows a Switch), with the reference's subtitle and side labels as live CSS text. Gap: elevation/benchmark/coordinate readouts have no schema field - art only. Audit pass (2 Oct): .inv-head-right was display:none, which also removed its CHILD .inv-doc-num (the real invoice number) - now display:contents, number positioned into the cream details card as in the reference; the fake V-notched ::before banner replaced by the real flat band; mark at its true 26.75x9.07cqw aspect centered above the wordmark slot; header band crop at its true 20.4cqw height with its half-inpainted baked tagline sliver covered by the live tagline line; business address restored (inline, after the contact line); script tagline + footer line added. ===================================================================================== */ .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 0 6cqw 0 !important;border:0 !important;background:#F4F1E7 !important;color:#1B2420 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head{position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:2.6cqw 7.253cqw 0 !important;background:url(/assets/tpl-art/es42/es42-28-topband.webp) no-repeat 0 0/100% 20.4cqw !important;min-height:20.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head::after{content:"Survey\2003 /\2003 Map\2003 /\2003 Analyze\2003 /\2003 Build a brighter tomorrow" !important;position:absolute !important;left:6cqw !important;top:18.2cqw !important;width:51cqw !important;height:2.2cqw !important;box-sizing:border-box !important;padding:0 0 0 0.9cqw !important;background:#F1EEE2 !important;font:600 0.62cqw/2.2cqw Georgia,'Times New Roman',serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#4A5243 !important;white-space:nowrap !important;overflow:hidden !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head-left{position:relative !important;display:block !important;width:auto !important;max-width:34cqw !important;margin:0 auto !important;padding:8.6cqw 0 0 !important;min-height:0 !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head-left::before{content:"" !important;position:absolute !important;left:50% !important;margin-left:-13.4cqw !important;top:-0.4cqw !important;width:26.75cqw !important;height:9.07cqw !important;background:url(/assets/tpl-art/es42/es42-28-logo.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head-left::after{content:"Terrain\A informs\A possibilities" !important;position:absolute !important;left:54.4cqw !important;top:27.2cqw !important;white-space:pre !important;text-align:left !important;font:600 0.6cqw/1.9 Georgia,'Times New Roman',serif !important;letter-spacing:0.26em !important;text-transform:uppercase !important;color:#D6D9CB !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-biz-name{display:block !important;margin:0 0 0.4cqw !important;font:900 2cqw/1.2 Georgia,'Times New Roman',serif !important;letter-spacing:0.2em !important;text-transform:uppercase !important;text-align:center !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-biz-contact{display:block !important;margin:0 !important;text-align:center !important;font:600 0.7cqw/1.7 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-biz-contact div{display:inline !important;font-size:0.7cqw !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-biz-contact div:not(:last-child)::after{content:"\2003 \2022\2003 " !important;letter-spacing:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-biz-address{display:block !important;margin:0.1cqw 0 0 !important;text-align:center !important;font:600 0.7cqw/1.7 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-head-right{display:contents !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-title{display:block !important;position:absolute !important;left:0 !important;top:100% !important;width:100% !important;height:15cqw !important;box-sizing:border-box !important;margin:0 !important;padding:3.1cqw 7.253cqw 0 !important;background:#1E2E27 !important;color:#F4F1E7 !important;font:400 6.2cqw/1 Georgia,'Times New Roman',serif !important;letter-spacing:0.2em !important;text-transform:uppercase !important;text-align:center !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-title::after{content:"Engineering\2003 \25AA\2003 Surveying\2003 \25AA\2003 Geospatial services" !important;display:block !important;margin:1.2cqw 0 0 !important;font:400 0.7cqw/1.5 Georgia,'Times New Roman',serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#F4F1E7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-title::before{content:"Client projects\A shape tomorrow" !important;position:absolute !important;left:3.2cqw !important;top:8.6cqw !important;white-space:pre !important;text-align:left !important;font:600 0.6cqw/1.9 Georgia,'Times New Roman',serif !important;letter-spacing:0.26em !important;text-transform:uppercase !important;color:#D6D9CB !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-num{display:block !important;position:absolute !important;left:57.71cqw !important;top:calc(100% + 17.4cqw) !important;width:35.04cqw !important;box-sizing:border-box !important;margin:0 !important;padding:1.1cqw 1.3cqw 0 !important;font:700 1.7cqw/1.3 Georgia,'Times New Roman',serif !important;letter-spacing:0.06em !important;text-align:left !important;color:#1B2420 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-num::before{content:"Invoice No." !important;display:block !important;margin:0 0 0.2cqw !important;font:700 0.62cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-po{display:block !important;position:absolute !important;left:75.2cqw !important;top:calc(100% + 17.4cqw) !important;width:17.5cqw !important;box-sizing:border-box !important;margin:0 !important;padding:1.1cqw 1.3cqw 0 0 !important;font:500 0.9cqw/1.6 Georgia,'Times New Roman',serif !important;text-align:left !important;color:#1B2420 !important;z-index:3 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-doc-po::before{content:"Project No." !important;display:block !important;margin:0 0 0.2cqw !important;font:700 0.62cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-body{position:relative !important;margin:0 !important;padding:15cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-body::before{content:none !important;display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-parties{display:grid !important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) !important;gap:1.4cqw !important;margin:2.4cqw 7.253cqw 2.6cqw !important;padding:0 0 2cqw !important;border-bottom:0.09cqw solid #DDD6C2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:0.3cqw 1cqw !important;align-content:start !important;background:#EDE8D8 !important;border-radius:0.4cqw !important;padding:5.6cqw 1.3cqw 1.1cqw !important;min-height:5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-details .inv-label{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-label{display:block !important;margin:0 0 0.8cqw !important;font:800 0.64cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-client-name{font:800 1cqw/1.5 Georgia,'Times New Roman',serif !important;color:#1B2420 !important;margin:0 0 0.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-bill-to>div{font:500 0.8cqw/1.6 Georgia,'Times New Roman',serif !important;color:#3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-detail-row{display:block !important;padding:0 !important;font:500 0.8cqw/1.6 Georgia,'Times New Roman',serif !important;color:#3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-detail-row span{display:block !important;font:700 0.6cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#5C6459 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-detail-row b{display:block !important;font-weight:500 !important;font-size:0.9cqw !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table{width:calc(100% - 14.506cqw) !important;margin:0 7.253cqw 1.6cqw !important;border-collapse:collapse !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table thead th{background:#1E2E27 !important;color:#F4F1E7 !important;font:800 0.66cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;text-align:left !important;padding:0.9cqw 1.1cqw !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table thead th:nth-child(4){text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table td{padding:1cqw 1.1cqw !important;border-bottom:0.07cqw solid #E3DECB !important;font:500 0.82cqw/1.6 Georgia,'Times New Roman',serif !important;color:#1B2420 !important;vertical-align:top !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table .td-desc{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-totals{max-width:50% !important;margin:0 7.253cqw 0 auto !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.5cqw 1.1cqw !important;font:600 0.82cqw/1.6 Georgia,'Times New Roman',serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-total-grand{background:#B8C2AC !important;margin-top:0.5cqw !important;padding:0.9cqw 1.1cqw !important;font:700 1.3cqw/1.7 Georgia,'Times New Roman',serif !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-total-grand b{font-size:1.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block{position:relative !important;background:transparent !important;padding:0 7.253cqw 0 41.3cqw !important;margin:1.4cqw 0 !important;min-height:5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-terms div{font:500 0.78cqw/1.7 Georgia,'Times New Roman',serif !important;color:#3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-payrow{position:relative !important;display:block !important;margin:2cqw 0 0 !important;padding:2.4cqw 7.253cqw 24cqw 41.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-payrow::before{content:"" !important;position:absolute !important;left:0 !important;bottom:0 !important;width:38.985cqw !important;height:30.4cqw !important;background:url(/assets/tpl-art/es42/es42-28-mountain.webp) no-repeat 0 0/100% auto !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-payrow::after{content:"Mapping\A a more connected\A tomorrow." !important;position:absolute !important;left:27.4cqw !important;top:0.6cqw !important;white-space:pre !important;font:italic 400 1.3cqw/1.5 'Segoe Print','Bradley Hand','Brush Script MT',cursive !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block.inv-bank{padding-left:0 !important;min-height:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block.inv-bank .inv-label::before{content:"Payment Information" !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block.inv-bank .inv-label{font-size:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block.inv-bank .inv-label::before{font-size:0.78cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-block.inv-bank div{font:500 0.8cqw/1.8 Georgia,'Times New Roman',serif !important;color:#3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-latefee{color:#5C6459 !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-signature-row{position:relative !important;display:flex !important;justify-content:flex-end !important;margin:0 7.253cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .sig-render{font:italic 600 1.4cqw/1.4 'Brush Script MT',cursive !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .sig-line{width:12cqw !important;margin:0.6cqw 0 0.4cqw auto !important;border-top:0.09cqw solid #3C4339 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .sig-caption{font:700 0.7cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#5C6459 !important;text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-footer-note{position:relative !important;margin:1.6cqw 7.253cqw 0 !important;padding-top:1.4cqw !important;border-top:0.09cqw solid #DDD6C2 !important;font:600 0.74cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#5C6459 !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-footer-note::after{content:"Measure further\2003 \25AA\2003 Plan wiser\2003 \25AA\2003 Build better" !important;display:block !important;margin:0.9cqw 0 0 !important;font:600 0.6cqw/1.6 Georgia,'Times New Roman',serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#1B2420 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-powered{text-align:center !important;margin:0.6cqw 7.253cqw 0 !important;font:500 0.64cqw/1.6 Inter,'Inter Fallback',sans-serif !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-28-ridgelinegeo).tmpl-es42-28-ridgelinegeo .inv-powered a{color:#5C6459 !important} /* ===================================================================================== es42-29-mapgrid (ES-29 "Teal Gis Survey Invoice Template") Real crops: the diamond map-pin logo icon (no "MapGrid" wordmark text - live .inv-biz-name takes that spot), the teal client/project circular icon badges, the four small pin/phone/email/globe glyphs for the footer contact row, and a topo corner texture. Flat CSS: teal rounded info cards, teal table header, totals box. Gap: coordinate system / geodatabase format fields have no schema equivalent - left as data-free-edit placeholders in the notes area, not invented. Audit pass (2 Oct): title + invoice number moved below the header (they were painting on top of the topo crop's own "MAP / MEASURE / ANALYZE / DELIVER" text); mark restored to its real 13.15x11.33cqw size; topo crop at its true aspect; business address restored under the contact line; "LAND | DATA | PEOPLE | PROGRESS", "Spatial insight" and footer taglines added. ===================================================================================== */ .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid{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;background:#FFFFFF !important;color:#102A33 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:29.28cqw !important;height:22.67cqw !important;background:url(/assets/tpl-art/es42/es42-29-topo.webp) no-repeat 0 0/100% 100% !important;opacity:0.75 !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-head{position:relative !important;display:block !important;margin:0 0 3.2cqw !important;padding:5.2cqw 7.253cqw 0 !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-head-left{position:relative !important;display:block !important;width:auto !important;max-width:58cqw !important;margin:0 !important;padding:1cqw 0 0 14.6cqw !important;min-height:13.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:-0.8cqw !important;width:13.15cqw !important;height:11.33cqw !important;background:url(/assets/tpl-art/es42/es42-29-logo.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-head-left::after{content:"Spatial insight. Real-world impact." !important;display:block !important;position:absolute !important;left:0 !important;top:11.6cqw !important;margin:0 !important;font:600 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.34em !important;text-transform:uppercase !important;color:#6B7C84 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-biz-name{display:block !important;margin:0 0 0.4cqw !important;font:900 2.8cqw/1.1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.01em !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-biz-contact{display:block !important;margin:0 !important;font:700 0.78cqw/1.7 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#1B8B8C !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-biz-contact div{display:inline !important;font-size:0.78cqw !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-biz-contact div:not(:last-child)::after{content:"\2003 \2022\2003 " !important;letter-spacing:0 !important;color:#1B8B8C !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-biz-address{display:block !important;margin:0.3cqw 0 0 !important;font:500 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-head-right{display:block !important;position:relative !important;text-align:left !important;margin:2.8cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-title{display:block !important;margin:0 !important;font:900 5.2cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.01em !important;text-transform:uppercase !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-title::after{content:"Land\2003 |\2003 Data\2003 |\2003 People\2003 |\2003 Progress" !important;display:block !important;margin:0.8cqw 0 0 !important;font:600 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#5A6A72 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-num{display:block !important;position:absolute !important;left:46cqw !important;top:0.8cqw !important;font:500 0.92cqw/1.9 Inter,'Inter Fallback',sans-serif !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-num::before{content:"Invoice No." !important;display:inline-block !important;width:11.5cqw !important;font:600 0.78cqw/1.9 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-po{display:block !important;position:absolute !important;left:46cqw !important;top:2.8cqw !important;font:500 0.92cqw/1.9 Inter,'Inter Fallback',sans-serif !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-doc-po::before{content:"Project No." !important;display:inline-block !important;width:11.5cqw !important;font:600 0.78cqw/1.9 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-body{position:relative !important;margin:0 !important;padding:0 7.253cqw 6cqw !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:1.6cqw !important;margin:0 0 2.6cqw !important;padding:0 !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-bill-to{max-width:none !important;position:relative !important;background:#F0F8F8 !important;border-radius:0.9cqw !important;padding:1.6cqw 1.8cqw 1.6cqw 5.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-bill-to::before{content:"" !important;position:absolute !important;left:1.6cqw !important;top:1.6cqw !important;width:3.1cqw !important;height:3.1cqw !important;background:url(/assets/tpl-art/es42/es42-29-clienticon.webp) no-repeat 0 0/100% 100% !important;border-radius:50% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important;position:relative !important;background:#F0F8F8 !important;border-radius:0.9cqw !important;padding:1.6cqw 1.8cqw 1.6cqw 5.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-details::before{content:"" !important;position:absolute !important;left:1.6cqw !important;top:1.6cqw !important;width:3.1cqw !important;height:3.1cqw !important;background:url(/assets/tpl-art/es42/es42-29-projecticon.webp) no-repeat 0 0/100% 100% !important;border-radius:50% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-label{display:block !important;margin:0 0 0.8cqw !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#1B8B8C !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-client-name{font:800 1cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#0E2832 !important;margin:0 0 0.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-bill-to>div{font:500 0.82cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-detail-row{display:block !important;padding:0.3cqw 0 !important;font:500 0.82cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-detail-row span{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-detail-row b{font-weight:700 !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th{background:#1B8B8C !important;color:#fff !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.06em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th:first-child{border-top-left-radius:0.6cqw !important;border-bottom-left-radius:0.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th:last-child{border-top-right-radius:0.6cqw !important;border-bottom-right-radius:0.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table thead th:nth-child(4){text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table td{padding:1.2cqw !important;border-bottom:0.07cqw solid #EAF3F3 !important;font:500 0.86cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#102A33 !important;vertical-align:top !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table .td-desc{font-weight:700 !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-totals{max-width:46% !important;margin:0 0 0 auto !important;background:#F0F8F8 !important;border-radius:0.9cqw !important;padding:0.6cqw 0.6cqw 0 !important;overflow:hidden !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.55cqw 1.1cqw !important;font:600 0.86cqw/1.6 Inter,'Inter Fallback',sans-serif !important;text-transform:uppercase !important;letter-spacing:0.02em !important;color:#102A33 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-total-grand{background:#CCE8E8 !important;border-radius:0.4cqw !important;margin:0.5cqw -0.6cqw 0 !important;padding:1.2cqw 1.7cqw !important;font:900 1.15cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-total-grand b{font-size:1.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-block{position:relative !important;background:#F0F8F8 !important;border-radius:0.9cqw !important;padding:1.4cqw 1.6cqw 1.4cqw 5cqw !important;margin:2.2cqw 0 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-notes::before{content:"" !important;position:absolute !important;left:1.4cqw !important;top:1.4cqw !important;width:2.9cqw !important;height:2.9cqw !important;background:#1B8B8C !important;border-radius:50% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-notes div{font:500 0.8cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-terms{padding-left:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-terms div{font:500 0.8cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-payrow{display:block !important;margin:0 !important;padding:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-block.inv-bank{padding-left:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-block.inv-bank::before{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-block.inv-bank div{font:500 0.8cqw/1.8 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-latefee{color:#1B8B8C !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin:2.2cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .sig-render{font:italic 600 1.5cqw/1.4 'Brush Script MT',cursive !important;color:#0E2832 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .sig-line{width:12cqw !important;margin:0.6cqw 0 0.4cqw auto !important;border-top:0.09cqw solid #3C5560 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .sig-caption{font:700 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#1B8B8C !important;text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-footer-note{position:relative !important;margin:2.2cqw 0 0 !important;padding:1.4cqw 26cqw 0 4.2cqw !important;border-top:0.07cqw solid #CFE2E2 !important;font:600 0.76cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C5560 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-footer-note::before{content:"" !important;position:absolute !important;left:0 !important;top:1.8cqw !important;width:1.3cqw !important;height:1.7cqw !important;background:url(/assets/tpl-art/es42/es42-29-pinicon.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-footer-note::after{content:"Spatial data\A stronger communities\A brighter tomorrows" !important;position:absolute !important;right:0 !important;top:1.5cqw !important;white-space:pre !important;text-align:left !important;font:600 0.62cqw/1.7 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.26em !important;text-transform:uppercase !important;color:#1B8B8C !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-powered{text-align:left !important;margin-top:0.6cqw !important;padding-left:4.2cqw !important;font:500 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-29-mapgrid).tmpl-es42-29-mapgrid .inv-powered a{color:#1B8B8C !important} /* ===================================================================================== es42-30-riverdale (ES-30 "Terracotta Engineering Invoice Design") Real crops: the orange/navy geometric mark (no "RIVERDALE" wordmark text) and the fine topo texture at the top right. Everything else is a flat orange/navy numbered-section typographic system (crosshair corner marks are pure CSS gradients on the root's ::after). Gap: milestone- billing (%-of-fee, status column) and separate itemized-services/expenses tables need a second line-item array and a status enum invoice-generator's schema does not have - the real line-item table covers the single live items array (section 05), the milestone and expenses tables are flagged, not fabricated with invented rows; the reference's "01 FROM" block repeats the business identity, which lives once in this generator's header (contact + address shown there instead). Audit pass (2 Oct): "05" was painting on top of the DESCRIPTION header (padding-left on a display:table element indents nothing - the table is now margin-indented); the es42-30-topo crop was never referenced and the crosshairs described above were never written; the signature text was white on the white sheet (invisible); business address was hidden; title/rule/tagline/ meta rows moved to the reference's own positions; the 07 TOTAL DUE orange/navy band restored. ===================================================================================== */ .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale{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;background:#FFFFFF !important;color:#1C2430 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale::before{content:"" !important;position:absolute !important;right:1cqw !important;top:5cqw !important;width:26.29cqw !important;height:16.6cqw !important;background:url(/assets/tpl-art/es42/es42-30-topo.webp) no-repeat 0 -2.44cqw/26.29cqw 19.04cqw !important;opacity:0.85 !important;z-index:0 !important} /* the topo crop's own right-edge label column is clipped inside the file ("STRONG|") and its top row carried baked sample coordinates - the coordinate row is cropped off above (background-position) and the labels are repainted as live CSS text over the clipped baked ones. */ .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head::after{content:"Sites\A systems\A people\A stronger\A cities" !important;position:absolute !important;right:0.9cqw !important;top:9cqw !important;width:5.6cqw !important;height:9.2cqw !important;box-sizing:border-box !important;padding:0.2cqw 0 0 0.5cqw !important;background:#fff !important;white-space:pre !important;text-align:left !important;font:600 0.62cqw/1.95 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.22em !important;text-transform:uppercase !important;color:#3C4350 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale::after{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;z-index:0 !important;background:linear-gradient(#9AA0AA,#9AA0AA) no-repeat 1.6cqw 2.75cqw/2.4cqw 0.09cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat 2.75cqw 1.6cqw/0.09cqw 2.4cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat right 1.6cqw top 2.75cqw/2.4cqw 0.09cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat right 2.75cqw top 1.6cqw/0.09cqw 2.4cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat left 1.6cqw bottom 2.75cqw/2.4cqw 0.09cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat left 2.75cqw bottom 1.6cqw/0.09cqw 2.4cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat right 1.6cqw bottom 2.75cqw/2.4cqw 0.09cqw,linear-gradient(#9AA0AA,#9AA0AA) no-repeat right 2.75cqw bottom 1.6cqw/0.09cqw 2.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head{position:relative !important;display:block !important;margin:0 0 2.2cqw !important;padding:5cqw 7.253cqw 0 !important;border:0 !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head-left{position:relative !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0.3cqw 0 0 10.6cqw !important;min-height:10.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:9.07cqw !important;height:9.07cqw !important;background:url(/assets/tpl-art/es42/es42-30-logo.webp) no-repeat 0 0/100% 100% !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-biz-name{display:block !important;max-width:23cqw !important;margin:0 !important;font:800 1.9cqw/1.2 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.26em !important;text-transform:uppercase !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head-left::after{content:"People\2003 /\2003 Places\2003 /\2003 Possibility" !important;display:block !important;margin:0.7cqw 0 0 !important;font:700 0.64cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-biz-contact{position:absolute !important;left:33.6cqw !important;top:0.4cqw !important;width:24cqw !important;min-height:10cqw !important;box-sizing:border-box !important;display:block !important;margin:0 !important;padding:0 0 0 2.6cqw !important;border-left:0.09cqw solid #D5D1C9 !important;font:700 0.74cqw/1.85 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-biz-contact div{display:block !important;font-size:0.74cqw !important;line-height:1.85 !important;text-transform:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-biz-address{position:absolute !important;left:36.2cqw !important;top:6.6cqw !important;width:24cqw !important;margin:0 !important;display:block !important;font:500 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#8A8F99 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-head-right{display:block !important;position:relative !important;text-align:left !important;margin:1.6cqw 0 0 !important;padding:0 0 2.2cqw !important;border-bottom:0.09cqw solid #E2DED6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-title{display:block !important;position:relative !important;margin:0 !important;padding:1.5cqw 0 0 !important;font:900 5cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.24em !important;text-transform:uppercase !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-title::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:3cqw !important;height:0.3cqw !important;background:#C1552E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-title::after{content:"Engineering a more livable tomorrow" !important;display:block !important;margin:1cqw 0 0 !important;font:600 0.66cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.34em !important;text-transform:uppercase !important;color:#8A8F99 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-num{display:block !important;position:absolute !important;left:46cqw !important;top:2.2cqw !important;font:500 0.88cqw/1.9 Inter,'Inter Fallback',sans-serif !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-num::before{content:"Invoice No." !important;display:inline-block !important;width:10.5cqw !important;font:700 0.64cqw/1.9 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-po{display:block !important;position:absolute !important;left:46cqw !important;top:4.1cqw !important;font:500 0.88cqw/1.9 Inter,'Inter Fallback',sans-serif !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-doc-po::before{content:"Project No." !important;display:inline-block !important;width:10.5cqw !important;font:700 0.64cqw/1.9 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-body{position:relative !important;margin:0 !important;padding:0 7.253cqw 0 !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-parties{position:relative !important;display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,0.7fr) !important;gap:2.4cqw !important;margin:0 0 2.6cqw !important;padding:1.2cqw 0 2.2cqw 7.75cqw !important;border-bottom:0.09cqw solid #E2DED6 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-parties::before{content:"02" !important;position:absolute !important;left:-3.6cqw !important;top:1cqw !important;font:900 5.4cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;color:#C1552E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-parties::after{content:"Better places\A through\A a sharper\A perspective" !important;grid-column:3 !important;grid-row:1 !important;align-self:start !important;margin:1.4cqw 0 0 !important;padding:0 0 0 1.8cqw !important;border-left:0.09cqw solid #C1552E !important;white-space:pre !important;font:700 0.62cqw/1.9 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-label{display:block !important;margin:0 0 0.8cqw !important;font:800 0.66cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:#C1552E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-client-name{font:800 1cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#1C2430 !important;margin:0 0 0.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-bill-to>div{font:500 0.84cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-detail-row{display:block !important;padding:0.3cqw 0 !important;font:500 0.84cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-detail-row span{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-detail-row b{font-weight:700 !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table{position:relative !important;width:calc(100% - 7.75cqw) !important;border-collapse:collapse !important;margin:0 0 2.4cqw 7.75cqw !important;padding:0 !important;display:table !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table::before{content:"05" !important;position:absolute !important;left:-11.35cqw !important;top:0 !important;font:900 5.4cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;color:#C1552E !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table thead th{background:#EFEDE8 !important;color:#3C4350 !important;font:800 0.66cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;text-align:left !important;padding:0.85cqw 1cqw !important;border:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table thead th:nth-child(4){text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table td{padding:0.9cqw 1cqw !important;border-bottom:0.07cqw solid #EFEDE8 !important;font:500 0.8cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#1C2430 !important;vertical-align:top !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table .td-desc{font-weight:500 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-totals{position:relative !important;width:auto !important;max-width:none !important;margin:1.6cqw -7.253cqw 0 !important;padding:2.6cqw 30cqw 1cqw 29cqw !important;background:linear-gradient(90deg,#C1552E 0 23.5cqw,#1C2430 23.5cqw) !important;color:#D8DAE0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-totals::before{content:"07" !important;position:absolute !important;left:5cqw !important;top:2.2cqw !important;font:900 6.4cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-totals::after{content:"Total due" !important;position:absolute !important;left:5cqw !important;top:9.4cqw !important;font:800 1cqw/1.4 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.2em !important;text-transform:uppercase !important;color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.45cqw 1cqw !important;font:600 0.84cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#fff !important;text-transform:uppercase !important;letter-spacing:0.04em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-totals>div span{font:600 0.66cqw/2 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;color:#B9BEC8 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-total-grand{background:transparent !important;color:#fff !important;border-top:0.09cqw solid #3A4352 !important;margin-top:0.8cqw !important;padding:1.3cqw 1cqw 0.6cqw !important;font:900 1cqw/1.4 Inter,'Inter Fallback',sans-serif !important;text-transform:uppercase !important;align-items:center !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-total-grand span{font:800 0.84cqw/1.4 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.16em !important;text-transform:uppercase !important;white-space:nowrap !important;color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-total-grand b{color:#fff !important;font:900 3cqw/1.1 Inter,'Inter Fallback',sans-serif !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-block{position:relative !important;background:#FAF8F4 !important;border-radius:0 !important;padding:1.4cqw 1.6cqw 1.4cqw 7.75cqw !important;margin:0 0 1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-terms div{font:500 0.8cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-payrow{position:relative !important;display:block !important;margin:0 -7.253cqw 1.6cqw !important;padding:0.4cqw 7.253cqw 2.6cqw 29cqw !important;background:linear-gradient(90deg,#C1552E 0 23.5cqw,#1C2430 23.5cqw) !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-block.inv-bank{background:transparent !important;padding:0 !important;margin:0 !important;color:#fff !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-block.inv-bank .inv-label{color:#fff !important;letter-spacing:0.2em !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-block.inv-bank div{font:500 0.8cqw/1.8 Inter,'Inter Fallback',sans-serif !important;color:#D8DAE0 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-latefee{color:#E8A785 !important;font-style:italic !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-signature-row{position:relative !important;display:flex !important;justify-content:flex-start !important;margin:0 !important;padding:1cqw 0 0 7.75cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .sig-render{font:italic 600 1.4cqw/1.4 'Brush Script MT',cursive !important;color:#1C2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .sig-line{width:12cqw !important;border-top:0.09cqw solid #5D6470 !important;margin:0.6cqw 0 0.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .sig-caption{font:700 0.7cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#5D6470 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-footer-note{position:relative !important;margin:2cqw 0 0 !important;padding:1.2cqw 0 0 !important;border-top:0.09cqw solid #E2DED6 !important;font:600 0.74cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#5D6470 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-footer-note::after{content:"Precision today. Stronger tomorrow." !important;display:block !important;margin:0.8cqw 0 0 !important;font:600 0.62cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.3em !important;text-transform:uppercase !important;color:#3C4350 !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-powered{text-align:left !important;margin:0 !important;padding:0.4cqw 0 2.4cqw !important;font:500 0.64cqw/1.6 Inter,'Inter Fallback',sans-serif !important} .invoice-preview:is(#invoicePreview,.tmpl-es42-30-riverdale).tmpl-es42-30-riverdale .inv-powered a{color:#C1552E !important}