/*! it-inv-doc-base-v1.css (22 Oct 2026)
 * The invoice document's own base styling, copied verbatim from invoice-generator/index.html (the .invoice-preview
 * block, sections 12) so any generator can render its sheet with the invoice markup built by it-inv-doc-v1.js and
 * get invoice-generator's pixel-perfect universal designs (it-gen-universal-tpl-v1.css + it-gen-universal-30more-batch1..6)
 * unchanged. Every rule is scoped to .invoice-preview (via :where(), so specificity is exactly what it is on the invoice
 * page); nothing here touches a host page's own UI. Roots are marked data-inv-doc by ITInvDoc.applyRoot(), which lets the
 * id-weighted invoice rules (#invoicePreview ...) apply to them too through :is(#invoicePreview,[data-inv-doc]).
 * Load order: this file, then the template CSS. Needs it-gen-v3.css (editor affordances) on the host page.
 */
/* design variables the invoice document reads; scoped to the document so the host page's own tokens are untouched */
.invoice-preview{
  --text:#15151A;--text-soft:#54525E;--text-muted:#93909C;--text-faint:#B4B1BC;--ink:#111114;
  --r-lg:20px;--r-md:14px;--r-sm:10px;--shadow-pop:0 18px 50px rgba(15,12,6,.14);
  --font-sans:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-serif:'Iowan Old Style','Palatino Linotype',Georgia,'Times New Roman',serif;
  --font-mono:'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
}
.invoice-preview{
  position:relative; background:#fff; border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--shadow-pop); border:1px solid #ECE9E0;
}
.invoice-preview.font-sans{ font-family:var(--font-sans); }
.invoice-preview.font-serif{ font-family:var(--font-serif); }
.invoice-preview.font-mono{ font-family:var(--font-mono); }
:where(.invoice-preview) .watermark{ position:absolute; inset:0; z-index:6; pointer-events:none; overflow:hidden; }
:where(.invoice-preview) .watermark span{ position:absolute; white-space:nowrap; font-weight:900; color:#000; letter-spacing:.04em; font-size:min(6vw,40px); }
:where(.invoice-preview) .inv-logo{ max-height:84px; max-width:170px; width:auto; height:auto; margin-bottom:14px; object-fit:contain; }
:where(.invoice-preview) .inv-head{ padding:42px 44px; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
:where(.invoice-preview) .inv-head-left{ max-width:60%; }
:where(.invoice-preview) .inv-biz-name{ font-size:24px; font-weight:900; letter-spacing:-.01em; margin-bottom:12px; }
:where(.invoice-preview) .inv-biz-contact div{ font-size:13.5px; opacity:.85; line-height:1.7; }
:where(.invoice-preview) .inv-biz-address{ font-size:13.5px; opacity:.85; margin-top:10px; max-width:320px; line-height:1.6; }
:where(.invoice-preview) .inv-biz-tax{ font-size:13px; opacity:.7; margin-top:8px; }
:where(.invoice-preview) .inv-head-right{ text-align:right; }
:where(.invoice-preview) .inv-doc-title{ font-size:32px; font-weight:900; letter-spacing:.02em; margin-bottom:10px; }
:where(.invoice-preview) .inv-doc-num{ font-size:13.5px; opacity:.85; letter-spacing:.03em; }
:where(.invoice-preview) .inv-doc-po{ font-size:13px; opacity:.7; margin-top:4px; }
:where(.invoice-preview) .inv-body{ padding:38px 44px 44px; }
:where(.invoice-preview) .inv-label{ font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6E6B78; margin-bottom:10px; }
:where(.invoice-preview) .inv-label-inline{ font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#6E6B78; margin-right:6px; }
:where(.invoice-preview) .inv-parties{ display:flex; justify-content:space-between; gap:28px; flex-wrap:wrap; padding-bottom:30px; border-bottom:1px solid #EEECE4; margin-bottom:26px; }
:where(.invoice-preview) .inv-bill-to{ max-width:52%; }
:where(.invoice-preview) .inv-client-name{ font-size:17px; font-weight:800; margin-bottom:6px; }
:where(.invoice-preview) .inv-bill-to div{ font-size:13.5px; color:#57545F; line-height:1.7; }
:where(.invoice-preview) .inv-client-address{ max-width:280px; }
:where(.invoice-preview) .inv-details{ text-align:right; min-width:200px; }
:where(.invoice-preview) .inv-detail-row{ display:flex; justify-content:space-between; gap:24px; font-size:13.5px; padding:4px 0; color:#57545F; }
:where(.invoice-preview) .inv-detail-row b{ color:var(--text); font-weight:700; }
:where(.invoice-preview) .inv-shipping{ margin-top:8px; font-size:13px; color:#57545F; }
:where(.invoice-preview) .inv-table{ width:100%; border-collapse:collapse; margin-bottom:22px; }
:where(.invoice-preview) .inv-table thead th{ text-align:left; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#6E6B78; padding:0 8px 12px; border-bottom:1.5px solid #EEECE4; }
:where(.invoice-preview) .inv-table thead th:not(:first-child){ text-align:right; }
:where(.invoice-preview) .inv-table tbody td{ padding:14px 8px; border-bottom:1px solid #F2F0E9; font-size:14px; }
:where(.invoice-preview) .inv-table tbody tr:last-child td{ border-bottom:none; }
:where(.invoice-preview) .td-desc{ font-weight:600; }
:where(.invoice-preview) .td-num{ text-align:right; color:#57545F; white-space:nowrap; }
:where(.invoice-preview) .td-amt{ color:var(--text); font-weight:700; }
:where(.invoice-preview) .inv-totals{ margin-left:auto; width:min(320px,100%); margin-bottom:30px; }
:where(.invoice-preview) .inv-totals>div{ display:flex; justify-content:space-between; padding:7px 4px; font-size:14px; color:#57545F; }
:where(.invoice-preview) .inv-total-grand{ margin-top:8px; padding-top:14px !important; border-top:1.5px solid var(--text); font-size:19px !important; font-weight:900; color:var(--text); }
:where(.invoice-preview) .inv-total-grand b{ font-size:20px; }
:where(.invoice-preview) .inv-block{ background:#F7F6F2; border-radius:16px; padding:20px 22px; margin-bottom:18px; }
:where(.invoice-preview) .inv-paylink a{ color:#2A4FC4; font-weight:700; word-break:break-all; font-size:14px; text-decoration:none; }
:where(.invoice-preview) .inv-paylink a:hover{ text-decoration:underline; }
:where(.invoice-preview) .qr-canvas{ display:block; margin-top:14px; border-radius:8px; border:1px solid #EEECE4; }
:where(.invoice-preview) .inv-bank div{ font-size:13.5px; color:#57545F; line-height:1.8; }
:where(.invoice-preview) .inv-latefee{ margin-top:4px; font-size:12.5px !important; color:#6E6B78 !important; }
:where(.invoice-preview) .inv-notes div{ font-size:13.5px; color:#57545F; white-space:pre-wrap; }
:where(.invoice-preview) .inv-terms{ margin-bottom:0; padding:0; background:none; }
:where(.invoice-preview) .inv-terms div{ font-size:13.5px; color:#57545F; line-height:1.7; max-width:620px; }
:where(.invoice-preview) .inv-signature-row{ display:flex; justify-content:flex-end; margin-top:30px; }
:where(.invoice-preview) .inv-signature{ text-align:center; min-width:220px; }
:where(.invoice-preview) .sig-render{ font-size:30px; min-height:42px; margin-bottom:6px; }
:where(.invoice-preview) .sig-render.sig-type{ font-family:var(--font-serif); font-style:italic; font-weight:600; }
:where(.invoice-preview) .sig-render.sig-placeholder{ color:#C7C4D0; font-family:var(--font-serif); font-style:italic; }
:where(.invoice-preview) .sig-render.sig-img{ max-height:64px; max-width:220px; margin:0 auto 6px; display:block; }
:where(.invoice-preview) .sig-line{ border-top:1.5px solid var(--text); margin-bottom:8px; }
:where(.invoice-preview) .sig-caption{ font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6E6B78; }
:where(.invoice-preview) .inv-footer-note{ text-align:center; font-style:italic; color:#6E6B78; font-size:13px; margin-top:34px; }
:where(.invoice-preview) .inv-powered{ text-align:center; font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#6E6B78; margin-top:14px; }

/* --- photos inside the document --- */
:is(#invoicePreview,[data-inv-doc]) .inv-photo-grid{display:flex;gap:12px;margin-top:8px}
:is(#invoicePreview,[data-inv-doc]) .inv-photo{flex:1 1 0;margin:0;min-width:0}
:is(#invoicePreview,[data-inv-doc]) .inv-photo img{width:100%;height:150px;object-fit:contain;object-position:center;background:#f4f4f2;border-radius:8px;border:1px solid rgba(17,17,17,.10);display:block}
.invoice-preview[data-inv-doc][class*="tmpl-"] figure.inv-photo img{object-fit:contain!important;object-position:center!important}
:is(#invoicePreview,[data-inv-doc]) .inv-photo figcaption{margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#646C79;text-align:center}

/* --- on-screen type step under 900px (it-gen-v3.css) --- */
@media screen and (max-width:900px){
  /* the name and title bumps apply to the six original designs only (26 Sep 2026): the ten
     newer designs set their own name and title sizes (Editorial's 64px serif title, Ledger's
     spaced 18px, Luxe's small caps) and those are the design, so they are left alone */
  :is(#invoicePreview,[data-inv-doc]):where(.tmpl-minimal,.tmpl-modern,.tmpl-classic,.tmpl-bold,.tmpl-stripe,.tmpl-notion) .inv-biz-name{font-size:26px}
  :is(#invoicePreview,[data-inv-doc]) .inv-biz-contact div,:is(#invoicePreview,[data-inv-doc]) .inv-biz-address,:is(#invoicePreview,[data-inv-doc]) .inv-biz-tax{font-size:15.5px}
  :is(#invoicePreview,[data-inv-doc]):where(.tmpl-minimal,.tmpl-modern,.tmpl-classic,.tmpl-bold,.tmpl-stripe,.tmpl-notion) .inv-doc-title{font-size:34px}
  :is(#invoicePreview,[data-inv-doc]) .inv-doc-num,:is(#invoicePreview,[data-inv-doc]) .inv-doc-po{font-size:15px}
  :is(#invoicePreview,[data-inv-doc]) .inv-label,:is(#invoicePreview,[data-inv-doc]) .inv-label-inline{font-size:12.5px}
  :is(#invoicePreview,[data-inv-doc]) .inv-client-name{font-size:19px}
  :is(#invoicePreview,[data-inv-doc]) .inv-bill-to div{font-size:15.5px}
  :is(#invoicePreview,[data-inv-doc]) .inv-detail-row{font-size:15.5px}
  :is(#invoicePreview,[data-inv-doc]) .inv-shipping{font-size:15px}
  :is(#invoicePreview,[data-inv-doc]) .inv-table thead th{font-size:12px}
  :is(#invoicePreview,[data-inv-doc]) .inv-table tbody td{font-size:16px}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals>div{font-size:16px}
  :is(#invoicePreview,[data-inv-doc]) .inv-total-grand{font-size:21px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-total-grand b{font-size:22px}
  :is(#invoicePreview,[data-inv-doc]) .inv-paylink a{font-size:16px}
  :is(#invoicePreview,[data-inv-doc]) .inv-bank div{font-size:15.5px}
  :is(#invoicePreview,[data-inv-doc]) .inv-latefee{font-size:14px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-notes div,:is(#invoicePreview,[data-inv-doc]) .inv-terms div{font-size:15.5px}
}

/* editor affordances the invoice page scopes to #invoicePreview; here for any [data-inv-doc] root inside .ige-canvas */
.ige-canvas :is(#invoicePreview,[data-inv-doc]) tr.ige-ui{display:table-row!important}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addrow td{padding:6px 0 0!important;border:0!important}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addpair{display:flex;gap:8px;flex-wrap:wrap}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addpair .ige-addbtn{width:auto;flex:1 1 180px}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addbtn-alt{color:var(--ige-text2);background:#fff;border-color:var(--ige-line2)}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addbtn-alt:hover{background:var(--ige-hover)}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .ige-addbtn-alt .ige-ic{background:var(--ige-hover2)}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) tr.ige-row-on td{background:var(--ige-accent-soft);box-shadow:inset 0 0 0 1px #E8A26F}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .inv-xcell.ige-ui{display:block!important}
.ige-canvas :is(#invoicePreview,[data-inv-doc]) .inv-table td[data-f]{cursor:text}
/* a host page's generic link-size rules must not resize the credit link */
.invoice-preview[data-inv-doc] .inv-powered a{font-size:inherit!important}
/* the export clone and print hide empty-field blocks (copied from invoice-generator's it-empty-doc-v1) */
.it-shot .inv-notes:has(>.ige-empty),.it-shot .inv-terms:has(>.ige-empty),.it-shot .inv-bank:has(>.ige-empty),.it-shot .inv-payrow:has(>.inv-bank>.ige-empty),.it-shot .inv-signature-row:has(.sig-render.ige-empty),.it-shot .inv-biz-tax:has(>.ige-empty),.it-shot .inv-doc-po:has(>.ige-empty),.it-shot .inv-shipping:has(>.ige-empty),.it-shot .inv-bill-to>div:has(>.ige-empty),.it-shot .inv-detail-row:has(>.ige-empty),.it-shot .inv-bill-to.inv-bill-to-empty,.pg-shot .inv-notes:has(>.ige-empty),.pg-shot .inv-terms:has(>.ige-empty),.pg-shot .inv-bank:has(>.ige-empty),.pg-shot .inv-payrow:has(>.inv-bank>.ige-empty),.pg-shot .inv-signature-row:has(.sig-render.ige-empty),.pg-shot .inv-biz-tax:has(>.ige-empty),.pg-shot .inv-doc-po:has(>.ige-empty),.pg-shot .inv-shipping:has(>.ige-empty),.pg-shot .inv-bill-to>div:has(>.ige-empty),.pg-shot .inv-detail-row:has(>.ige-empty),.pg-shot .inv-bill-to.inv-bill-to-empty,#it-print-root .inv-notes:has(>.ige-empty),#it-print-root .inv-terms:has(>.ige-empty),#it-print-root .inv-bank:has(>.ige-empty),#it-print-root .inv-payrow:has(>.inv-bank>.ige-empty),#it-print-root .inv-signature-row:has(.sig-render.ige-empty),#it-print-root .inv-biz-tax:has(>.ige-empty),#it-print-root .inv-doc-po:has(>.ige-empty),#it-print-root .inv-shipping:has(>.ige-empty),#it-print-root .inv-bill-to>div:has(>.ige-empty),#it-print-root .inv-detail-row:has(>.ige-empty),#it-print-root .inv-bill-to.inv-bill-to-empty,.ige-fin-preview .inv-notes:has(>.ige-empty),.ige-fin-preview .inv-terms:has(>.ige-empty),.ige-fin-preview .inv-bank:has(>.ige-empty),.ige-fin-preview .inv-payrow:has(>.inv-bank>.ige-empty),.ige-fin-preview .inv-signature-row:has(.sig-render.ige-empty),.ige-fin-preview .inv-biz-tax:has(>.ige-empty),.ige-fin-preview .inv-doc-po:has(>.ige-empty),.ige-fin-preview .inv-shipping:has(>.ige-empty),.ige-fin-preview .inv-bill-to>div:has(>.ige-empty),.ige-fin-preview .inv-detail-row:has(>.ige-empty),.ige-fin-preview .inv-bill-to.inv-bill-to-empty{display:none!important}
</style>

/* --- secondary line under a table description (additive, used by generators that carry a per-line detail) --- */
:where(.invoice-preview) .td-sub{ font-weight:400; font-size:12px; color:#6E6B78; margin-top:3px; line-height:1.5; }

/* the sheet's elevation on screen, same as invoice-generator's (it-gen-v3.css) */
.ige-canvas :is(#invoicePreview,[data-inv-doc]).invoice-preview{border-radius:4px;border:1px solid transparent;box-shadow:var(--ige-sh-paper)}

/* sub-sections inside the single .inv-notes block (additive): a heading and its lines, stacked in normal flow */
:where(.invoice-preview) .inv-sub{ margin-top:14px; }
/* .inv-sublabel is always paired with .inv-label, so every design styles it like its other labels */

/* --- print: fit the sheet to A4 and tighten spacing like invoice-generator (its @media print block) --- */
@media print{
  :is(#invoicePreview,[data-inv-doc]){width:224mm!important;zoom:.83}
  :is(#invoicePreview,[data-inv-doc]) .inv-head{padding:20px 24px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-body{padding:20px 24px 22px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-parties{padding-bottom:16px!important;margin-bottom:16px!important;gap:18px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-biz-name{font-size:19px!important;margin-bottom:7px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-doc-title{font-size:25px!important;margin-bottom:6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table{margin-bottom:14px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table thead th{padding:0 8px 8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals{margin-bottom:16px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-block{padding:13px 16px!important;margin-bottom:11px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-label{margin-bottom:6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-payrow{gap:11px!important;margin-bottom:11px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature-row{margin-top:16px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-footer-note{margin-top:16px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-powered{margin-top:10px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-photo img{height:30mm!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-body{font-size:11.5px!important;line-height:1.45!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-head{padding:16px 20px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-biz-name{font-size:17px!important;margin-bottom:5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-biz-contact,:is(#invoicePreview,[data-inv-doc]) .inv-biz-address,:is(#invoicePreview,[data-inv-doc]) .inv-biz-tax{font-size:10.5px!important;line-height:1.4!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-doc-title{font-size:21px!important;margin-bottom:4px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-parties{padding-bottom:12px!important;margin-bottom:12px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-bill-to,:is(#invoicePreview,[data-inv-doc]) .inv-details{font-size:10.5px!important;line-height:1.45!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-client-name{font-size:12.5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-detail-row{margin:2px 0!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table thead th{padding:0 6px 6px!important;font-size:9px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table td{padding:6px 6px!important;font-size:10.5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals{margin-bottom:12px!important;font-size:11px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals>div{margin:2px 0!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-total-grand{font-size:14px!important;padding-top:6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-block{padding:10px 12px!important;margin-bottom:9px!important;font-size:10.5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-payrow{gap:9px!important;margin-bottom:9px!important}
  :is(#invoicePreview,[data-inv-doc]) .qr-canvas{width:78px!important;height:78px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature-row{margin-top:12px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature{transform:scale(.85);transform-origin:bottom right}
  :is(#invoicePreview,[data-inv-doc]) .inv-footer-note{margin-top:10px!important;font-size:10.5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-powered{margin-top:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-photo figcaption{margin-top:3px!important;font-size:9px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-head{padding:13px 18px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-body{padding:14px 18px 16px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-parties{padding-bottom:10px!important;margin-bottom:10px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table{margin-bottom:10px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table td{padding:5px 6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals{margin-bottom:10px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-block{padding:9px 11px!important;margin-bottom:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-payrow{gap:8px!important;margin-bottom:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature{transform:scale(.72);transform-origin:bottom right}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature-row{margin-top:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-footer-note{margin-top:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-powered{margin-top:6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-photo img{height:26mm!important}
  :is(#invoicePreview,[data-inv-doc]) .qr-canvas{width:62px!important;height:62px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-head{padding:11px 16px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-body{padding:12px 16px 13px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-parties{padding-bottom:8px!important;margin-bottom:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table{margin-bottom:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-table td{padding:4px 6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-totals{margin-bottom:8px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-block{padding:8px 10px!important;margin-bottom:7px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature{transform:scale(.62);transform-origin:bottom right}
  :is(#invoicePreview,[data-inv-doc]) .inv-signature-row{margin-top:4px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-footer-note{margin-top:6px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-powered{margin-top:5px!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-photo img{height:22mm!important}
  :is(#invoicePreview,[data-inv-doc]) .inv-photos .inv-label{margin-bottom:4px!important}
}