/* Shared HTML previews mirror the ordered A4 PDF sections. */
.invoice-preview.invoice-layout{display:flex;flex-direction:column;min-height:850px;box-sizing:border-box;min-width:0;padding:24px}
.invoice-document-body{display:flex;flex-direction:column;min-width:0;width:100%}
.invoice-section{min-width:0;break-inside:avoid}
.invoice-section:empty{display:none}
.invoice-document-body>.invoice-section:not(:empty)~.invoice-section:not(:empty){margin-top:10px}
.invoice-section[data-invoice-section=items]{break-inside:auto}
.invoice-section .invoice-parties,.invoice-section .invoice-sale-meta,.invoice-section .reference-rule,.invoice-section .invoice-note-block,.invoice-section .invoice-payment-information{margin-top:0;margin-bottom:0}
.invoice-section .invoice-business h2{font-size:18px;line-height:1.3;margin:0 0 5px;color:var(--invoice-accent)}
.invoice-section .invoice-business p{font-size:11.5px;line-height:1.4;margin:1px 0;overflow-wrap:anywhere}
.invoice-business-contacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-items:start}
.invoice-section .invoice-totals{float:none;margin:0 0 0 auto;padding-top:6px;width:300px;max-width:100%;clear:both}
.invoice-section .invoice-totals>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:18px;font-size:11.5px;line-height:1.35;margin:2px 0}
.invoice-section .invoice-totals>div.grand{font-size:17px;margin:4px 0 0;padding-top:4px}
.invoice-section .invoice-totals>div>b{min-width:85px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.invoice-section[data-invoice-section=items] td:not(:first-child),.invoice-section[data-invoice-section=items] th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.invoice-section[data-invoice-section=items] table{table-layout:auto;width:100%}
.invoice-preview.invoice-layout .invoice-document-footer{position:static;display:block;flex:0 0 auto;float:none;clear:both;margin: auto 0 0;padding:12px 0 0;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;border-top:0;max-width:100%;font-size:11px;line-height:1.4}
.invoice-layout .invoice-heading{margin:0;gap:14px}
.invoice-layout .invoice-heading>div:first-child{display:flex;align-items:center;gap:12px}
.invoice-layout.invoice-modern .invoice-heading,.invoice-layout.invoice-honeycomb .invoice-heading{padding:12px}
.invoice-layout.invoice-classic .invoice-heading{padding-bottom:10px}
.invoice-layout.invoice-minimal .invoice-heading{margin-bottom:0}
.invoice-layout .invoice-label{font-size:24px;line-height:1.2}
.invoice-layout .invoice-payment-stamp{font-size:14px;line-height:1.2;margin-top:6px;padding:4px 8px}
.invoice-layout .reference-invoice-header{min-height:64px;gap:14px}
.invoice-layout .reference-invoice-header>div{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}
.invoice-layout .reference-invoice-header>div h1{grid-row:1;grid-column:1/-1}
.invoice-layout .reference-invoice-header>div small{grid-row:2;grid-column:1}
.invoice-layout .reference-invoice-header>div .invoice-payment-stamp{grid-row:2;grid-column:2;margin:0}
.invoice-layout .reference-invoice-header h1{font-size:23px;margin:4px 0;line-height:1.2}
.invoice-layout .bold-invoice-header{grid-template-columns:minmax(0,1fr) auto auto;padding-bottom:8px;gap:12px}
.invoice-layout .bold-invoice-header h1{font-size:32px;line-height:1.1}
.invoice-layout .bold-invoice-header p{margin:3px 0}
.invoice-layout .invoice-parties{gap:16px}
.invoice-layout .invoice-parties h3,.invoice-layout .invoice-note-block h3,.invoice-layout .invoice-payment-information h3{font-size:10px;margin:0 0 4px;line-height:1.25}
.invoice-layout .invoice-parties p{font-size:11.5px;line-height:1.4;margin:1px 0}
.invoice-layout .invoice-note-block,.invoice-layout .invoice-payment-information{font-size:11.5px;line-height:1.4}
.invoice-layout .invoice-note-block p,.invoice-layout .invoice-payment-information p{margin:2px 0}
.invoice-layout .invoice-note-block h3,.invoice-layout .invoice-payment-information h3{display:inline;margin-right:6px}
.invoice-layout .invoice-note-block p,.invoice-layout .invoice-payment-information p{display:inline}
.invoice-layout .invoice-sale-meta{font-size:10.5px;line-height:1.35;gap:10px}
.invoice-layout .table-wrap th,.invoice-layout .table-wrap td{font-size:11.5px;padding:4px 6px;line-height:1.3}
.invoice-layout .table-wrap .product-cell{min-width:0;gap:7px}
.invoice-layout .table-wrap .product-cell strong{font-size:11.5px;line-height:1.3}
.invoice-layout .table-wrap .product-cell small{font-size:9px;line-height:1.2;margin-top:2px}
.invoice-layout .table-wrap .product-thumb{width:30px;height:30px;object-fit:contain}
.invoice-layout .invoice-heading>div:first-child:empty{display:none}
.invoice-layout .invoice-heading>div:last-child{margin-left:auto}
.invoice-layout .invoice-logo,.invoice-layout.invoice-trade .invoice-logo{object-fit:contain;width:120px;height:56px;max-height:56px;margin-bottom:4px}
.invoice-layout.invoice-bold .invoice-logo{width:90px;height:48px;max-height:48px}
.invoice-layout.invoice-bold .invoice-parties{margin-bottom:0;padding-bottom:8px}
.invoice-layout.invoice-trade .invoice-business{border-top:1px solid var(--invoice-accent);padding-top:8px}
.invoice-layout.invoice-bold .invoice-business h2{color:#111}
.designer-preview .invoice-preview.invoice-layout{min-height:760px}
.invoice-order-editor,.invoice-email-defaults{border-top:1px solid var(--line,#e7e2ed);padding-top:20px;margin-top:22px;min-width:0}
.invoice-order-editor h3,.invoice-email-defaults h3{font-size:14px;margin:0 0 10px}
#invoice-section-list,#quotation-section-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:7px}
#invoice-section-list>li,#quotation-section-list>li{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line,#e7e2ed);background:#faf9fc;border-radius:8px;padding:8px 10px;font-size:12px}
#invoice-section-list>li>span:nth-child(2),#quotation-section-list>li>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.invoice-section-position{display:grid;place-items:center;flex:0 0 23px;height:23px;font-size:11px;background:rgba(var(--app-accent-rgb,124,58,237),.1);color:var(--app-accent,#7c3aed);border-radius:50%}
.invoice-section-controls{display:flex;gap:5px;flex:0 0 auto}
.invoice-section-controls .button{min-height:32px;min-width:32px;padding:4px 8px;font-size:17px;line-height:1}
.invoice-email-defaults .field{margin-bottom:15px;min-width:0}
.invoice-email-defaults textarea{min-height:170px;resize:vertical}
.invoice-email-defaults code{display:inline-block;overflow-wrap:anywhere;font-size:11px}
@media(max-width:650px){.invoice-preview.invoice-layout,.designer-preview .invoice-preview.invoice-layout{min-height:650px;padding:16px}.invoice-document-body>.invoice-section:not(:empty)~.invoice-section:not(:empty){margin-top:8px}.invoice-section .invoice-business h2{font-size:17px}.invoice-section .invoice-totals{width:260px}.invoice-section .invoice-totals>div{gap:10px}.invoice-section .invoice-totals>div>b{min-width:75px}.invoice-section-controls .button{min-height:36px;min-width:36px}.invoice-order-editor .help,.invoice-email-defaults .help{font-size:11px}.invoice-layout .table-wrap th,.invoice-layout .table-wrap td{font-size:10px;padding:4px 5px}.invoice-layout .table-wrap .product-cell strong{font-size:10px}.invoice-layout .invoice-heading .invoice-logo{width:80px;height:40px;max-height:40px}.invoice-layout .invoice-heading .invoice-label{font-size:20px}.invoice-layout .invoice-heading>div:first-child{gap:8px}.invoice-layout .bold-invoice-header{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.invoice-layout .bold-invoice-header h1{font-size:26px}.invoice-layout .bold-invoice-header .invoice-logo{width:60px;height:38px;max-height:38px}}
@media print{@page{size:A4;margin:12mm}.invoice-preview.invoice-layout{min-height:260mm;max-width:100%;padding:0}.invoice-document-body>.invoice-section:not(:empty)~.invoice-section:not(:empty){margin-top:2.5mm}.invoice-preview.invoice-layout .invoice-document-footer{margin-top:auto;padding-top:3mm;text-align:center}.invoice-section[data-invoice-section=items] table{min-width:0}.invoice-section .table-wrap{overflow:visible}.invoice-section{break-inside:avoid}.invoice-section[data-invoice-section=items]{break-inside:auto}.invoice-section[data-invoice-section=items] tr{break-inside:avoid}.invoice-section .invoice-heading{break-inside:avoid}.invoice-section .table-wrap thead{display:table-header-group}.invoice-section .table-wrap tbody{break-inside:auto}}

.quotation-terms{overflow-wrap:anywhere;white-space:normal}.quotation-terms p{white-space:pre-wrap}.quotation-document .invoice-note-block h3{display:block;margin-bottom:6px}.quotation-document .invoice-note-block p{display:block}

.invoice-section[data-invoice-section=notes]{break-inside:auto}.invoice-layout .quotation-terms h3{display:block;break-after:avoid;margin-bottom:6px}.invoice-layout .quotation-terms p{display:block;white-space:pre-wrap}