/* HEXBILL — A4 invoice layouts. All sizes in mm/pt so the PDF is exactly A4. */
.a4{width:210mm;min-height:296mm;background:var(--bg,#fff);color:var(--tx,#1f2430);position:relative;box-sizing:border-box;font:9.6pt/1.42 Inter,Arial,Helvetica,sans-serif;display:flex;flex-direction:column;overflow:hidden;text-align:left}
.a4 *{box-sizing:border-box}
.a4 table{width:100%;border-collapse:collapse}
.a4 .r{text-align:right}.a4 .c{text-align:center}.a4 .l{text-align:left}
.a4 .it{margin:3mm 0}
.a4 .it th,.a4 .it td{padding:2.1mm 2mm;vertical-align:top}
.a4 .it td small{color:#777;font-size:7.5pt}
.a4 .it .w-n{width:11mm}
.a4 .it tr{page-break-inside:avoid;break-inside:avoid}
.a4 .tt td{padding:1.2mm 0}
.a4 .txs{margin:2mm 0 3mm;font-size:8pt}
.a4 .txs th,.a4 .txs td{border:1px solid #d9dce5;padding:1mm 1.5mm}
.a4 .txs th{background:#f4f5f9;font-weight:600}
.a4 .bank{display:flex;gap:4mm;align-items:flex-start;margin:2mm 0;font-size:8.6pt}
.a4 .bank table{width:auto}.a4 .bank table td{padding:.3mm 3mm .3mm 0}
.a4 .bank table td:first-child{color:#666;white-space:nowrap}
.a4 .bank .qr{text-align:center;font-size:7.5pt;color:#555}
.a4 .bank .qr img{width:26mm;height:26mm;object-fit:contain;display:block;border:1px solid #e3e3e3;border-radius:2mm;padding:1mm;background:#fff}
.a4 .bt{font-weight:700;font-size:8.8pt;margin-bottom:1mm;text-transform:none}
.a4 .terms ol{margin:0;padding-left:4.5mm;font-size:8.3pt}
.a4 .notes{margin:2mm 0;font-size:8.6pt}
.a4 .logo{max-height:18mm;max-width:45mm;object-fit:contain;display:block}
.a4 .pn,.a4 .sn{font-weight:700;font-size:11pt}
.a4 .mid{display:flex;justify-content:space-between;gap:8mm;align-items:flex-start}
.a4 .mid>div:first-child{flex:1}
.a4 .mid .sum{width:74mm;flex:0 0 74mm}
.a4 .foot{margin-top:auto}
.a4 .two{display:flex;gap:8mm}.a4 .two>div{flex:1}
.a4 .words{font-style:italic;font-size:8.6pt;color:#444;margin:1mm 0 2mm}
.a4 .sig{text-align:right;margin-top:2mm;font-weight:600;page-break-inside:avoid;break-inside:avoid}
.a4 .sig .simg{height:14mm;display:flex;align-items:flex-end;justify-content:flex-end;gap:1mm;margin:1mm 0}
.a4 .sig .stamp{max-height:21mm;max-width:26mm;object-fit:contain;margin-bottom:-3mm;opacity:.92}
.a4 .sig .sgn{max-height:13mm;max-width:46mm;object-fit:contain}
.a4 .sig .sl{display:inline-block;min-width:46mm;text-align:center;border-top:1px solid #999;padding-top:1mm;font-weight:500;font-size:8.5pt;color:#555}
.a4 .sig.sg-left{text-align:left}.a4 .sig.sg-left .simg{justify-content:flex-start}
.a4 .sig.sg-center{text-align:center}.a4 .sig.sg-center .simg{justify-content:center}
/* Customisation: layers, header/footer text, fonts, positions */
.a4>.bgl{position:absolute;inset:0;z-index:0;pointer-events:none}
.a4>:not(.bgl){position:relative;z-index:1}
.a4 .htxt{padding:1.5mm 12mm .5mm;font-size:9pt;font-weight:600;color:var(--hf,#555)}
.a4 .ftxt{padding:1mm 12mm 2mm;font-size:8.5pt;color:var(--hf,#555)}
.a4.f-arial{font-family:Arial,Helvetica,sans-serif}.a4.f-georgia{font-family:Georgia,"Times New Roman",serif}.a4.f-times{font-family:"Times New Roman",Times,serif}.a4.f-mono{font-family:"Courier New",Courier,monospace}
.a4.fs-s{font-size:8.8pt}.a4.fs-l{font-size:10.6pt}
.a4.fs-s .it td,.a4.fs-s .it th{font-size:8.6pt!important}.a4.fs-l .it td,.a4.fs-l .it th{font-size:10.6pt!important}
.a4.hd-rev .hd,.a4.hd-rev .top,.a4.hd-rev .hin{flex-direction:row-reverse}
.a4.hd-rev .hd .firm,.a4.hd-rev .hd .si,.a4.hd-rev .hd .no{text-align:left}.a4.hd-rev .hd .t{text-align:left}
.a4.pt-rev .two{flex-direction:row-reverse}
.a4.pt-rev .two .rt{text-align:left}
.a4.tot-left .mid,.a4.tot-left .bottom,.a4.tot-left .band{flex-direction:row-reverse}
.a4 .brandline{text-align:center;font-size:7pt;color:#9aa0ad;margin-top:3mm}

/* ---------- 1 Classic Bill Book ---------- */
.inv-1{padding:0 12mm 10mm}
.inv-1 .wave{position:absolute;left:0;top:0;width:100%;height:36mm}
.inv-1 .hd{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding-top:16mm;min-height:38mm}
.inv-1 .hd .lg{margin-top:-9mm;min-width:30mm}.inv-1 .hd .logo{background:#fff;border-radius:2mm;padding:1mm;max-height:17mm}
.inv-1 .firm{text-align:right;max-width:130mm}
.inv-1 .firm .sn{font-family:"Arial Black",Impact,Arial,sans-serif;font-size:24pt;line-height:1.05;color:#0b0b0b;letter-spacing:.3pt;text-transform:uppercase}
.inv-1 .firm .sub{font-weight:600;color:var(--c1)}
.inv-1 .firm .ad{font-size:10pt;color:#222}
.inv-1 .lbl{text-align:center;margin:1mm 0 2mm}.inv-1 .lbl span{border:1.4px solid var(--c1);border-radius:10mm;padding:.6mm 5mm;font-weight:800;letter-spacing:1.5pt;font-size:9pt}
.inv-1 .fields{display:flex;flex-wrap:wrap;column-gap:8mm;row-gap:2.5mm;font-size:10.5pt;margin-bottom:2mm}
.inv-1 .fields .f{display:flex;gap:2mm;flex:1 1 40%}.inv-1 .fields .f.w{flex-basis:100%}.inv-1 .fields .f.w2{flex:1 1 60%}.inv-1 .fields .f.w3{flex:1 1 30%}
.inv-1 .fields b{font-weight:500;white-space:nowrap}.inv-1 .fields span{flex:1;border-bottom:1px solid #555;min-height:5mm;padding-left:1mm}
.inv-1 .it{border:1.3px solid #444}
.inv-1 .it th{background:var(--c2);color:#fff;font-size:11pt;font-weight:500;padding:2.5mm 2mm;text-align:center}
.inv-1 .it td{border-left:1.3px solid #444;border-bottom:1px solid #d8d8d8;font-size:10pt}
.inv-1 .it td:first-child{border-left:0}
.inv-1 .it tr.fill td{height:7mm}
.inv-1 .it tfoot td{border-top:1.3px solid #444;border-bottom:0;padding:2.5mm 2mm;font-size:10pt}
.inv-1 .it .words{font-style:normal}
.inv-1 .mid{margin-top:2mm}
.inv-1 .sum .gt{display:flex;justify-content:space-between;background:var(--c1);color:#fff;padding:2mm 3mm;font-weight:700;font-size:11pt;border-radius:1mm;margin-top:1mm}
.inv-1 .terms{font-size:9pt}.inv-1 .terms .bt{font-weight:500}
.inv-1 .foot .sig{margin-top:1mm}

/* ---------- 2 Midnight Stripe ---------- */
.inv-2 .hd{background:var(--c1);color:#fff;padding:6mm 14mm 5mm;display:flex;justify-content:space-between;align-items:flex-start}
.inv-2 .hd .t{font-size:30pt;font-weight:800;letter-spacing:.5pt;line-height:1}
.inv-2 .hd .t small{display:block;font-size:8.5pt;letter-spacing:2pt;color:var(--c2);margin-top:2mm;font-weight:700}
.inv-2 .hd .no{text-align:right;font-size:15pt}.inv-2 .hd .no span{display:block;font-size:8pt;color:#9aa6bb;font-weight:700;letter-spacing:.5pt}
.inv-2 .stripe{height:2mm;background:var(--c2)}
.inv-2 .body{padding:5mm 14mm 5mm;flex:1;display:flex;flex-direction:column}
.inv-2 .ol{color:var(--c2);font-weight:800;font-size:8.5pt;letter-spacing:.4pt;text-transform:uppercase;margin-bottom:1mm}
.inv-2 .two .sn,.inv-2 .two .pn{font-weight:500;font-size:12pt}
.inv-2 .two{color:#4b5563}
.inv-2 .logo{margin-bottom:1.5mm;max-height:13mm}
.inv-2 .jd{background:var(--c3);border-left:2mm solid var(--c2);padding:2mm 5mm;margin:3mm 0 1mm}
.inv-2 .jt{font-weight:800;font-size:8.5pt;margin-bottom:1.5mm}
.inv-2 .jg{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;font-size:10.5pt}
.inv-2 .jg span{display:block;font-size:7.3pt;font-weight:700;color:#6b7280;text-transform:uppercase}
.inv-2 .it th{font-weight:800;color:var(--c1);text-transform:uppercase;font-size:8.8pt;border-bottom:.8mm solid var(--c1)}
.inv-2 .it td{border-bottom:1px solid #e5e7eb;font-size:10pt}
.inv-2 .sum{font-size:10.5pt;color:#4b5563}
.inv-2 .sum .tt td.r{color:#111}
.inv-2 .gt{display:flex;justify-content:space-between;align-items:center;margin-top:2mm}
.inv-2 .gt span{font-weight:800;font-size:13pt;color:#111}.inv-2 .gt b{background:var(--c1);color:#fff;padding:2.5mm 5mm;font-size:12pt;min-width:36mm;text-align:right}
.inv-2 .foot .bt{color:var(--c2);text-transform:uppercase;font-size:8.5pt;font-weight:800}
.inv-2 .lic{border-top:1px solid #d1d5db;padding-top:1mm;margin-top:2mm;font-size:8.5pt;color:#6b7280}.inv-2 .lic b{color:#374151;margin-right:3mm}

/* ---------- 3 Royal Frame ---------- */
.inv-3{background:var(--c1);padding:0 0 0}
.inv-3 .hd{display:flex;justify-content:space-between;padding:8mm 12mm 6mm 16mm;color:#fff}
.inv-3 .hd .t{font-size:36pt;font-weight:800;line-height:1;margin-bottom:3mm}
.inv-3 .hd .logo{background:#fff;border-radius:2mm;padding:1mm;max-height:16mm}
.inv-3 .si{width:78mm;font-size:9.5pt;line-height:1.5}.inv-3 .si .sn{font-size:13pt}
.inv-3 .sheet{background:var(--bg);margin:0 5mm;border-radius:0 7mm 0 0;padding:7mm 11mm 6mm;flex:1;display:flex;flex-direction:column}
.inv-3 .bh{color:var(--c2);font-weight:700;font-size:12.5pt;margin-bottom:2mm}
.inv-3 .meta td{padding:.6mm 0;font-size:10pt}.inv-3 .meta td:first-child{color:var(--c2);font-weight:700;width:30mm}
.inv-3 .rule{height:1.2px;background:var(--c3);margin:4mm -16mm 2mm}
.inv-3 .it th{color:var(--c2);font-weight:700;text-transform:uppercase;font-size:9.5pt;border-bottom:1px solid #777;padding-bottom:3mm}
.inv-3 .it td{border-bottom:1px solid #777;padding:2.3mm 2mm}
.inv-3 .mid{margin-top:3mm}
.inv-3 .mid .bt{color:var(--c2);font-size:11pt}
.inv-3 .sum .tt td{color:var(--c2);font-weight:700;font-size:10pt;padding:.8mm 0}.inv-3 .sum .tt td.r{color:#111;font-weight:500}
.inv-3 .gt{display:flex;justify-content:space-between;border-top:1.4mm solid var(--c3);margin-top:2mm;padding-top:2mm;font-size:14pt;color:var(--c2);font-weight:800}.inv-3 .gt b{color:#111;font-size:12pt}
.inv-3 .bt2{color:#fff;text-align:right;font-weight:800;font-size:13pt;padding:4mm 12mm}
.inv-3 .terms ol{font-size:8.5pt}

/* ---------- 4 Pastel Waves ---------- */
.inv-4 .waves{position:absolute;left:0;top:0;width:30mm;height:100%}
.inv-4 .wrap{padding:12mm 13mm 10mm 30mm;flex:1;display:flex;flex-direction:column;position:relative}
.inv-4 .top{display:flex;justify-content:space-between}
.inv-4 .t{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;font-size:34pt;font-weight:700;color:var(--c1);letter-spacing:.5pt;line-height:1}
.inv-4 .lb{color:var(--c1);font-size:8pt;letter-spacing:2pt;font-weight:700;margin:1mm 0 3mm}
.inv-4 .sn{font-size:10.5pt}
.inv-4 .three{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:6mm;margin:8mm 0 4mm}
.inv-4 .bh{color:var(--c1);font-weight:700;font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.5pt}
.inv-4 .meta td{padding:.4mm 0}.inv-4 .meta td:last-child{text-align:right}
.inv-4 .it th{color:var(--c1);border-top:1px solid var(--c2);border-bottom:1px solid var(--c2);font-weight:700;letter-spacing:.4pt}
.inv-4 .it td{border-bottom:1px solid #eef2f5}
.inv-4 .sum .tt{border-bottom:1px solid var(--c2)}
.inv-4 .gt{display:flex;justify-content:space-between;font-size:14pt;font-weight:700;color:var(--c1);padding:2mm 0}.inv-4 .gt b{color:#111}
.inv-4 .x-cur{font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:22pt;text-align:center;margin-top:8mm;color:#111}
.inv-4 .x-sgl{text-align:center;font-size:8pt;color:#666;border-top:1px solid #ccc;padding-top:1mm}
.inv-4 .foot .bt{color:var(--c1);font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.5pt}

/* ---------- 5 Violet Lime ---------- */
.inv-5 .hd{background:var(--c1);color:var(--c2);display:flex;align-items:center;gap:7mm;padding:9mm 12mm}
.inv-5 .lgb{width:44mm;height:24mm;background:#fff;display:grid;place-items:center;flex:0 0 44mm}
.inv-5 .lgb .logo{max-height:20mm;max-width:40mm}.inv-5 .lgb span{font-size:24pt;font-weight:800;color:var(--c1)}
.inv-5 .si{flex:1;font-size:10pt;line-height:1.5}.inv-5 .si .sn{font-size:15pt;color:var(--c2)}
.inv-5 .t{font-size:30pt;font-weight:700;text-align:right}.inv-5 .t small{display:block;font-size:8pt;letter-spacing:1.5pt;color:#fff;opacity:.8}
.inv-5 .body{padding:7mm 12mm 8mm;flex:1;display:flex;flex-direction:column}
.inv-5 .bh{font-weight:700;font-size:12.5pt;margin-bottom:1mm}.inv-5 .pn{font-weight:500}
.inv-5 .meta td{padding:.8mm 0;font-size:10.5pt;text-align:right}.inv-5 .meta td:first-child{color:#555;padding-right:4mm}
.inv-5 .meta .big{font-size:15pt;font-weight:700;color:#111}
.inv-5 .it th{background:var(--c2);color:var(--c1);font-weight:700;font-size:10.5pt}
.inv-5 .it td{border-bottom:1px solid #e3e3e3;font-size:10.5pt}
.inv-5 .bank .bt{font-size:11pt}
.inv-5 .sum .tt td{font-weight:700;font-size:10.5pt;padding:1.5mm 0;border-bottom:1px solid #e3e3e3}
.inv-5 .pill{display:flex;margin-top:3mm;height:11mm;border-radius:6mm 1mm 1mm 6mm;overflow:hidden;font-size:13pt;font-weight:700}
.inv-5 .pill span{background:var(--c1);color:var(--c2);flex:1;display:flex;align-items:center;justify-content:center}
.inv-5 .pill b{background:var(--c2);color:var(--c1);flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:3mm}
.inv-5 .sig b{color:#111;font-weight:700}
.inv-5 .bar{height:9mm;background:var(--c1)}

/* ---------- 6 Prism ---------- */
.inv-6 .hd{position:relative;height:42mm;margin:5mm 5mm 0;overflow:hidden}
.inv-6 .poly{position:absolute;inset:0;width:100%;height:100%}
.inv-6 .hin{position:relative;display:flex;align-items:center;gap:6mm;height:100%;padding:0 9mm;color:#fff}
.inv-6 .circ{width:26mm;height:26mm;border-radius:50%;background:var(--c1);display:grid;place-items:center;overflow:hidden;flex:0 0 26mm}
.inv-6 .circ span{font-size:18pt;font-weight:800}.inv-6 .circ .logo{max-width:20mm;max-height:20mm;background:#fff;border-radius:2mm;padding:1mm}
.inv-6 .sn{font-size:26pt!important;font-weight:600!important;letter-spacing:.5pt}.inv-6 .slog{font-style:italic;opacity:.9}
.inv-6 .body{padding:5mm 16mm 9mm;flex:1;display:flex;flex-direction:column}
.inv-6 .info{display:flex;gap:5mm;font-size:8.5pt;color:#777;margin-bottom:7mm}.inv-6 .info .sep{width:1px;background:var(--c3)}
.inv-6 .bh{font-weight:700;margin-bottom:1mm}
.inv-6 .rt{text-align:right}.inv-6 .no{color:var(--c1);font-size:15pt;font-weight:600}.inv-6 .dt{font-size:8.5pt;color:#555}
.inv-6 .it{margin-top:7mm}
.inv-6 .it th{background:var(--c1);color:#fff;font-weight:500;font-size:10pt;border-right:2px solid #fff;padding:2.5mm 2mm}
.inv-6 .it td{background:#f4f4f2;border-bottom:2px solid #fff;border-right:2px solid #fff;padding:3.5mm 2mm}
.inv-6 .it td:first-child{background:#d7ece8;color:#555;font-size:8.5pt}
.inv-6 .bottom{display:flex;gap:1mm;margin-left:11mm}
.inv-6 .nb{flex:1;background:var(--c2);font-style:italic;font-size:8.5pt;padding:4mm 5mm;color:#333}.inv-6 .nb .w{margin-top:2mm;font-weight:600}
.inv-6 .sum{width:68mm}
.inv-6 .sr{display:flex;border-bottom:2px solid #fff;font-size:9.5pt}
.inv-6 .sr span{flex:1;padding:2mm;background:#fff;color:#333}.inv-6 .sr b{width:30mm;background:var(--c2);padding:2mm;text-align:right;font-weight:600}
.inv-6 .sr.g span,.inv-6 .sr.g b{font-weight:800;color:#111}

/* ---------- 7 Memo Register ---------- */
.inv-7{padding:8mm 11mm 7mm;color:var(--c1)}
.inv-7 .hd{text-align:center;position:relative}
.inv-7 .memo{font-weight:700;text-decoration:underline;font-size:12pt}
.inv-7 .ph{position:absolute;right:0;top:0;font-size:8pt;text-align:left;font-weight:600}
.inv-7 .nm{display:flex;align-items:center;justify-content:center;gap:4mm;font-family:"Times New Roman",Georgia,serif;font-size:29pt;line-height:1.1;margin:.5mm 0}
.inv-7 .nm .logo{max-height:16mm}.inv-7 .ini{font-family:Georgia,serif;font-size:13pt;border:2px solid var(--c1);border-radius:2mm;padding:1mm 2mm}
.inv-7 .pl{display:inline-block;background:var(--c1);color:#fff;border-radius:6mm;padding:1mm 8mm;font-weight:800;font-size:11pt;border:1.5px solid #fff;outline:1.5px solid var(--c1)}
.inv-7 .ad{font-size:10pt;margin-top:1mm}
.inv-7 .dots{margin:4mm 0 3mm;font-size:10.5pt}
.inv-7 .dl{display:flex;gap:2mm;margin-bottom:2mm;align-items:flex-end}
.inv-7 .dl span{white-space:nowrap}.inv-7 .dl i{flex:1;font-style:normal;border-bottom:1.5px dotted var(--c1);color:#111;padding-left:2mm;min-height:5mm}
.inv-7 .it{border:2px solid var(--c1);margin:0}
.inv-7 .it th{border:2px solid var(--c1);font-size:12pt;font-weight:500;text-align:center}
.inv-7 .it td{border-left:2px solid var(--c1);color:#111}
.inv-7 .it tr.fill td{height:7mm}
.inv-7 .bot{border:2px solid var(--c1);border-top:0}
.inv-7 .bot td{border:2px solid var(--c1);padding:1mm 2mm;color:#111}.inv-7 .bot .aw{width:60%;vertical-align:top}.inv-7 .bot .aw .c{color:var(--c1);margin-bottom:1mm}
.inv-7 .bot .k{color:var(--c1);text-align:right;font-size:9pt;width:20%}
.inv-7 .note{border:2px solid var(--c1);border-top:0;padding:2mm 3mm;font-size:9pt}
.inv-7 .signs{border:2px solid var(--c1);padding:0 3mm 1.5mm;font-weight:700;margin-top:2mm}.inv-7 .signs .sig{margin-top:0}
.inv-7 .thx{text-align:center;font-size:14pt;margin-top:0}
.inv-7 .txs th,.inv-7 .txs td{border-color:var(--c1);color:var(--c1)}

/* ---------- 8 Corporate Arc ---------- */
.inv-8 .hd{display:flex;justify-content:space-between;align-items:center;height:36mm}
.inv-8 .arc{position:relative;width:112mm;height:36mm;background:var(--c1);border-bottom-right-radius:100% 100%}
.inv-8 .arc .in{position:absolute;left:12mm;top:8mm;display:flex;align-items:center;gap:3mm;color:#fff}
.inv-8 .arc .logo{max-height:14mm;background:#fff;border-radius:1mm;padding:.8mm}
.inv-8 .arc .sn{font-size:15pt;font-weight:600;letter-spacing:.5pt;max-width:62mm;line-height:1.15}
.inv-8 .arc .sw{position:absolute;right:26mm;top:5mm;width:40mm;height:14mm;border-top:2.2mm solid var(--c2);border-radius:50%/100% 100% 0 0;transform:rotate(-8deg)}
.inv-8 .t{font-size:28pt;letter-spacing:10pt;font-weight:800;padding-right:12mm;color:#111}
.inv-8 .body{padding:4mm 14mm 9mm;flex:1;display:flex;flex-direction:column}
.inv-8 .sub2{font-size:8pt;color:#666;margin-bottom:3mm}
.inv-8 .grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10mm}
.inv-8 .fl{border-bottom:1px solid var(--c3);padding:1.3mm 0;font-size:9.5pt}.inv-8 .fl span{display:inline-block;width:30mm}
.inv-8 .client{display:flex;margin:5mm 0 3mm;gap:4mm}.inv-8 .cl{font-weight:700;width:18mm}.inv-8 .cv{width:84mm}
.inv-8 .it{border:1px solid var(--c3)}
.inv-8 .it th{background:var(--c3);color:#111;font-weight:700;border-bottom:2px solid var(--c3)}
.inv-8 .it td{border-left:1px solid var(--c3);border-bottom:1px solid #eef2f8}
.inv-8 .it tr.fill td{height:8mm}
.inv-8 .gt{display:flex;justify-content:space-between;background:var(--c1);color:#fff;padding:2mm 3mm;font-size:12pt;margin-top:1mm}.inv-8 .gt b{color:var(--c2)}

/* ---------- 9 Purple Minimal ---------- */
.inv-9 .hd{background:var(--c1);color:#fff;display:flex;justify-content:space-between;padding:10mm 14mm 8mm}
.inv-9 .ic{width:15mm;height:15mm;border-radius:50%;border:1.6mm solid #fff;display:grid;place-items:center;overflow:hidden;font-weight:800}
.inv-9 .ic .logo{max-width:11mm;max-height:11mm}
.inv-9 .t{font-size:30pt;font-weight:400;margin-top:3mm;line-height:1}.inv-9 .lb{font-size:7.5pt;letter-spacing:2pt;opacity:.8;margin-top:1mm}
.inv-9 .si{text-align:right;font-size:8.5pt;line-height:1.75}.inv-9 .si .sn{font-size:12.5pt;margin-bottom:1mm}
.inv-9 .body{padding:8mm 14mm 6mm;flex:1;display:flex;flex-direction:column}
.inv-9 .bh{font-size:7.5pt;color:#555;letter-spacing:.3pt;margin-top:1mm}
.inv-9 .pn{font-weight:400;font-size:12pt}
.inv-9 .rt{text-align:right}.inv-9 .rt>div:not(.bh){color:#777}
.inv-9 .hr{border-top:1px solid #bbb;margin:6mm 0 2mm}
.inv-9 .it th{font-size:7.8pt;color:#333;font-weight:500;padding:3mm 2mm}
.inv-9 .it td{color:#666;padding:3.2mm 2mm;font-size:8.5pt}
.inv-9 .foot{margin:auto -14mm 0}
.inv-9 .band{display:flex;min-height:36mm}
.inv-9 .nt{flex:1.6;background:var(--c2);padding:6mm 14mm;font-size:8.3pt;color:#555}.inv-9 .nt .bh{margin-bottom:2mm}
.inv-9 .tot{flex:1;background:var(--c1);color:#fff;text-align:right;padding:6mm 14mm}.inv-9 .tot .bh{color:#fff;opacity:.9}.inv-9 .tot .big{font-size:22pt;font-weight:700}.inv-9 .tot .w{font-size:7.5pt;opacity:.85}
.inv-9 .sig{text-align:center;margin-top:3mm;font-size:8.5pt;font-weight:500;color:#555}
.inv-9 .brandline{margin-bottom:3mm}

/* On-screen presentation */
.inv-stage{background:#e9ebf3;padding:18px;border-radius:16px;overflow:auto}
.inv-stage .a4{margin:0 auto;box-shadow:0 10px 40px rgba(20,20,60,.18)}
@media (max-width:860px){.inv-zoom{zoom:.45}}
@media print{
  @page{size:A4;margin:0}
  body:has(.inv-stage) *{visibility:hidden}
  .inv-stage,.inv-stage *{visibility:visible}
  .inv-stage{position:absolute;left:0;top:0;padding:0;background:#fff}
  .inv-stage .a4{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .inv-zoom{zoom:1!important}
}