.multi-item-service{grid-column:span 2}
.invitation-panel{grid-column:1/-1;display:grid;gap:10px;padding:14px;border:1px solid #d8cfe9;border-radius:12px;background:#faf8ff}
.invitation-panel[hidden],[data-invitation-extras][hidden]{display:none!important}
.invitation-panel label{display:grid;gap:5px;font-size:.9rem}
.invitation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.invitation-handmade{align-self:end;display:flex!important;align-items:center;gap:8px!important}
.invitation-extra{display:grid;grid-template-columns:minmax(110px,2fr) minmax(65px,1fr) minmax(85px,1fr) auto;gap:8px;margin:6px 0}
.invitation-extra-head{font-size:.85rem;opacity:.8;margin-top:8px}
.cloud-job-type-list{max-height:45vh;overflow:auto;margin-top:14px}
.cloud-job-type{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid #e5e7eb}
@media(max-width:680px){.invitation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-item-service{grid-column:1/-1}.invitation-extra{grid-template-columns:minmax(90px,2fr) 65px 85px auto}}

/* Optional order voucher layout. The existing voucher stays the default. */
.grid-voucher{box-sizing:border-box;background:#fff;color:#17212d;max-width:100%;overflow:visible}
.grid-voucher .grid-voucher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:2px solid #202734}
.grid-voucher .grid-voucher-business{min-width:0;flex:1}
.grid-voucher .grid-voucher-business h2{margin:0 0 6px;font-size:1.45em;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-heading{text-align:right;min-width:130px}
.grid-voucher .grid-voucher-heading b,.grid-voucher .grid-voucher-heading small{display:block}
.grid-voucher .grid-voucher-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding:12px 2px;font-size:.9em}
.grid-voucher .grid-voucher-meta span{border-bottom:1px solid #89919a;padding:3px;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-meta b{margin-right:9px}
.grid-voucher .grid-voucher-table{width:100%;border-collapse:collapse;table-layout:fixed}
.grid-voucher .grid-voucher-table th,.grid-voucher .grid-voucher-table td{border:1px solid #48515c;padding:6px 5px;vertical-align:top;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-table>thead>tr>th{background:#e6e7e9;color:#17212d;text-align:center}
.grid-voucher .grid-voucher-table td:nth-child(3),.grid-voucher .grid-voucher-table td:nth-child(4),.grid-voucher .grid-voucher-table td:nth-child(5){text-align:right}
.grid-voucher .grid-voucher-description{margin-top:4px;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-empty td{height:25px}

/* Strong ink for both order voucher layouts, including saved job details.
   Keep the branded header colors and white text on the navy grid headings. */
.multi-job-invoice :is(.multi-invoice-customer,.grid-voucher-meta,.invoice-total,.grid-voucher-totals,.grid-voucher-signatures,.multi-invoice-note,.invoice-footer),
.multi-job-invoice :is(.multi-invoice-customer,.grid-voucher-meta,.invoice-total,.grid-voucher-totals,.grid-voucher-signatures,.multi-invoice-note,.invoice-footer) *,
.multi-job-invoice .invoice-table tbody,
.multi-job-invoice .invoice-table tbody *,
.multi-job-invoice .invoice-table .muted{color:#080b10!important;opacity:1!important}
.multi-job-invoice .grid-voucher-table>thead>tr>th{color:#fff!important;background:#173655!important}
.multi-job-invoice .grid-voucher-heading>b{color:#fff!important;background:#173655!important}
.multi-job-invoice .grid-voucher-table .invitation-breakdown-table th{color:#080b10!important;background:#fff!important}
.multi-job-invoice,.multi-job-invoice .grid-voucher-head,
.multi-job-invoice .grid-voucher-table>thead>tr>th{-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* Payment receipt and POS output: dark customer data with original accents. */
.payment-receipt :is(.voucher-meta,.invoice-table,.receipt-footer,.payment-receipt-amount span),
.payment-receipt :is(.voucher-meta,.invoice-table,.receipt-footer) *,
.reference-receipt-document :is(.reference-receipt-customer,.reference-receipt-table,.reference-receipt-total,.invoice-footer),
.reference-receipt-document :is(.reference-receipt-customer,.reference-receipt-table,.reference-receipt-total,.invoice-footer) *,
.thermal-pos-slip,.thermal-pos-slip *{color:#080b10!important;opacity:1!important}
.payment-receipt .invoice-table :is(th,td),
.reference-receipt-document .reference-receipt-table :is(th,td){border-color:#8997a7!important}
.payment-receipt-amount{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.payment-receipt .payment-receipt-amount strong{color:#4338ca!important}
.invoice-preview-modal .modal-foot #invoiceLayout[aria-pressed="true"],
.invoice-preview-modal .modal-foot #invoiceDetails[aria-pressed="true"]{background:#173655;color:#fff;border-color:#173655}
.grid-voucher .industry-spec-table td{ text-align:left }
.grid-voucher .grid-voucher-table .industry-detail-row>td,
.grid-voucher .grid-voucher-table .invitation-detail-row>td{text-align:left}

/* Quotation: clear black customer data with blue and warm colored accents. */
.print-quotation{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.print-quotation .quotation-business h2{color:#a82716!important}
.print-quotation .quotation-brand{border-bottom-color:#1763b6!important}
.print-quotation .quotation-title strong{color:#1763b6!important}
.print-quotation .quotation-meta{background:#eef5fd!important}
.print-quotation .quotation-table thead th{background:#dceaff!important;color:#111!important;border-color:#9cbce0!important}
.print-quotation .quotation-total{background:linear-gradient(105deg,#dceeff,#e7e4ff)!important;color:#111!important;border:1px solid #a8bfee!important}
.print-quotation .quotation-total span,.print-quotation .quotation-total strong{color:#111!important}
.print-quotation .quotation-business p,.print-quotation .quotation-title span,
.print-quotation .quotation-meta span,.print-quotation .quotation-meta b,
.print-quotation .quotation-table tbody,.print-quotation .quotation-table tbody *,
.print-quotation .quotation-note,.print-quotation .quotation-note *,
.print-quotation .quotation-terms,.print-quotation .quotation-terms *,
.print-quotation .quotation-sign,.print-quotation .quotation-sign *,
.print-quotation .quotation-footer{color:#111!important}
.print-quotation .quotation-terms{background:#f5f9fe!important;border-color:#d6e4f5!important}

/* POS A4/A5 vouchers and 58/80 mm slips: readable product and payment data. */
.pos-receipt,.pos-receipt *,
.pos632-receipt,.pos632-receipt *,
.sales-receipt-document,.sales-receipt-document *,
.thermal-pos-slip,.thermal-pos-slip *{color:#111!important}
.grid-voucher .grid-voucher-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,44%);gap:12px;margin-top:12px;break-inside:avoid}
.grid-voucher .grid-voucher-signatures{display:flex;align-items:end;justify-content:space-around;gap:10px;padding-bottom:12px}
.grid-voucher .grid-voucher-signatures div{text-align:center}.grid-voucher .grid-voucher-signatures span,.grid-voucher .grid-voucher-signatures b{display:block}
.grid-voucher .grid-voucher-totals{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9em}
.grid-voucher .grid-voucher-totals th,.grid-voucher .grid-voucher-totals td{border:1px solid #48515c;padding:7px;text-align:left;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-totals td{text-align:right}.grid-voucher .grid-voucher-balance{background:#f0f1f3}
@media(max-width:680px){.grid-voucher .grid-voucher-business h2{font-size:1.15em}.grid-voucher .grid-voucher-heading{min-width:90px}.grid-voucher .grid-voucher-meta{gap:5px 8px;font-size:.78em}.grid-voucher .grid-voucher-table{font-size:.77em}.grid-voucher .grid-voucher-table th,.grid-voucher .grid-voucher-table td{padding:4px 2px}.grid-voucher .grid-voucher-bottom{grid-template-columns:minmax(0,1fr) minmax(150px,54%);gap:5px}.grid-voucher .grid-voucher-signatures{font-size:.75em}.grid-voucher .grid-voucher-totals{font-size:.78em}.grid-voucher .grid-voucher-totals th,.grid-voucher .grid-voucher-totals td{padding:4px 2px}}

/* Stronger business identity and printed colors for the optional grid voucher. */
.grid-voucher{color:#14263c;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.grid-voucher .grid-voucher-head{align-items:center;padding:12px 14px 15px;background:#fff6eb;border-bottom:3px solid #ba371b}
.grid-voucher .grid-voucher-business{display:flex;align-items:center;gap:15px;min-width:0}
.grid-voucher .grid-voucher-business .document-business-logo{width:88px;height:88px;min-width:88px;object-fit:contain;border:2px solid #f0c9ae;background:#fff;border-radius:8px}
.grid-voucher .grid-voucher-brand-details{min-width:0;overflow-wrap:anywhere}
.grid-voucher .grid-voucher-brand-details h2{color:#a82716;font-size:1.7em;font-weight:800;line-height:1.25;margin:0 0 6px}
.grid-voucher .grid-voucher-address,.grid-voucher .grid-voucher-phone{color:#173655;font-weight:700;line-height:1.4}
.grid-voucher .grid-voucher-phone{color:#164f83}
.grid-voucher .grid-voucher-heading>b{display:block;color:#fff;background:#173655;border-radius:6px;padding:6px 10px}
.grid-voucher .grid-voucher-heading small{color:#173655;font-weight:700;margin-top:6px}
.grid-voucher .grid-voucher-table>thead>tr>th{background:#173655;color:#fff;border-color:#173655}
.grid-voucher .grid-voucher-totals tr:first-child th,.grid-voucher .grid-voucher-totals tr:first-child td{background:#fff6eb}
.grid-voucher .grid-voucher-balance th,.grid-voucher .grid-voucher-balance td{background:#e8f0f9;color:#122f53}
@media(max-width:680px){.grid-voucher .grid-voucher-head{padding:8px;gap:7px}.grid-voucher .grid-voucher-business{gap:7px}.grid-voucher .grid-voucher-business .document-business-logo{width:54px;height:54px;min-width:54px}.grid-voucher .grid-voucher-brand-details h2{font-size:1.15em}.grid-voucher .grid-voucher-address,.grid-voucher .grid-voucher-phone{font-size:.78em}.grid-voucher .grid-voucher-heading>b{padding:4px;font-size:.8em}}

/* Customer-entered data and amounts must stay clearly readable in JPEG and print. */
.grid-voucher .grid-voucher-address,.grid-voucher .grid-voucher-phone,
.grid-voucher .grid-voucher-heading small,.grid-voucher .grid-voucher-meta,
.grid-voucher .grid-voucher-table>tbody,.grid-voucher .grid-voucher-description,
.grid-voucher .grid-voucher-totals,.grid-voucher .grid-voucher-balance th,
.grid-voucher .grid-voucher-balance td,.grid-voucher .grid-voucher-signatures,
.grid-voucher .multi-invoice-note,.grid-voucher .invoice-footer{color:#111}
.grid-voucher .grid-voucher-empty td{height:25px}