.credit-pack-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); }
.credit-pack-grid .pricing-features li { justify-content:space-between; gap:12px; }
.credit-pack-grid .pricing-price strong { font-size:clamp(1.5rem,3vw,2.2rem); overflow-wrap:anywhere; }
.credit-pack-grid .pricing-features strong,.credit-pack-grid .pricing-features span { text-align:right; }
.credit-invoice-report td { vertical-align:middle; }
.credit-invoice-report .credit-invoice-account { min-width:230px; max-width:340px; overflow-wrap:anywhere; }
.credit-invoice-number { overflow-wrap:anywhere; }
.credit-invoice .invoice-detail-layout { grid-template-columns:1fr; }
.credit-invoice .invoice-logo img { width:48px; height:48px; object-fit:contain; }
.credit-invoice .invoice-address-grid>* { min-width:0; overflow-wrap:anywhere; }
/* The on-screen document uses the same comfortable width as a portrait A4 sheet. */
.page-invoice .credit-invoice { width:100%; max-width:210mm; margin-inline:auto; }
.page-invoice .credit-invoice .invoice-hero { padding:20px 24px; gap:16px; flex-wrap:wrap; }
.page-invoice .credit-invoice .invoice-hero h2 { font-size:1.35rem; overflow-wrap:anywhere; }
.page-invoice .credit-invoice .invoice-document { box-sizing:border-box; padding:10mm; }
.page-invoice .credit-invoice .invoice-address-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:24px 0; }
.page-invoice .credit-invoice .invoice-address-grid>div:last-child { grid-column:1/-1; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; }
.page-invoice .credit-invoice .invoice-document-head { flex-direction:row; align-items:center; gap:20px; }
.page-invoice .credit-invoice .invoice-document-head>div:last-child { text-align:right; min-width:0; overflow-wrap:anywhere; }
.page-invoice .credit-invoice .invoice-document-head>div:last-child strong { display:block; margin-top:6px; }
.page-invoice .credit-invoice .invoice-items-wrap { overflow:visible; }
.page-invoice .credit-invoice .invoice-items-table { width:100%; min-width:0; table-layout:fixed; }
.page-invoice .credit-invoice .invoice-items-table th:first-child { width:50%; }
.page-invoice .credit-invoice .invoice-items-table th:nth-child(2) { width:20%; }
.page-invoice .credit-invoice .invoice-items-table th:last-child { width:30%; }
.page-invoice .credit-invoice .invoice-items-table th,.page-invoice .credit-invoice .invoice-items-table td { padding:12px 10px; overflow-wrap:anywhere; }
.page-invoice .credit-invoice .invoice-items-table th:not(:first-child),.page-invoice .credit-invoice .invoice-items-table td:not(:first-child) { text-align:right; }
.page-invoice .credit-invoice .invoice-document-bottom { grid-template-columns:minmax(0,1fr) minmax(230px,.9fr); gap:20px; padding-top:24px; align-items:start; }
.page-invoice .credit-invoice .invoice-note,.page-invoice .credit-invoice .invoice-total-card { padding:16px; min-width:0; overflow-wrap:anywhere; }
.page-invoice .credit-invoice .invoice-total-card strong { white-space:nowrap; }
@media screen and (max-width:600px) {
 .page-invoice .credit-invoice .invoice-document { padding:20px; }
 .page-invoice .credit-invoice .invoice-document-bottom { grid-template-columns:1fr; }
 .page-invoice .credit-invoice .invoice-document-head { flex-wrap:wrap; }
}
@page { size:A4 portrait; margin:14mm; background:#fff; }
@media print {
 :root { color-scheme:light!important; background:#fff!important; }
 html,body { width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; background:#fff!important; color:#172033!important; font-size:10pt!important; }
 .header,.sidebar,.sidebar-overlay,.mobile-header-menu,.mobile-search,.footer,.page-header,.main-content>p,.invoice-actions,.credit-print-hide,.admin-support-banner,.credit-invoice>.invoice-hero,.modal,.modal-backdrop { display:none!important; }
 .main,.main-content,.page-invoice,.credit-invoice,.credit-invoice .invoice-detail-layout { display:block!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; }
 .page-invoice .credit-invoice { --heading-color:#172033; --default-color:#172033; --muted-color:#536176; --background-color:#fff; --surface-color:#fff; --border-color-light:#dbe2ec; color:#172033!important; background:#fff!important; line-height:1.45; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
 .page-invoice .credit-invoice .invoice-document { width:100%; padding:0!important; margin:0!important; border:0!important; box-shadow:none!important; background:#fff!important; border-radius:0; }
 .page-invoice .credit-invoice .invoice-document-head { display:flex; flex-direction:row!important; padding-bottom:7mm; break-inside:avoid; }
 .page-invoice .credit-invoice .invoice-logo img { width:12mm; height:12mm; }
 .page-invoice .credit-invoice .invoice-address-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5mm; padding:7mm 0; break-inside:avoid; }
 .page-invoice .credit-invoice .invoice-items-table th,.page-invoice .credit-invoice .invoice-items-table td { padding:4mm 3mm; }
 .page-invoice .credit-invoice .invoice-items-table thead { display:table-header-group; }
 .page-invoice .credit-invoice .invoice-items-table tr { break-inside:avoid; }
 .page-invoice .credit-invoice .invoice-items-table th { background:#f2f5fa!important; font-size:8pt; letter-spacing:.4px; }
 .page-invoice .credit-invoice .invoice-document-bottom { grid-template-columns:minmax(0,1fr) 68mm!important; gap:6mm; padding-top:7mm; break-inside:avoid; }
 .page-invoice .credit-invoice .invoice-note,.page-invoice .credit-invoice .invoice-total-card { padding:4mm; background:#f7f9fc!important; border:1px solid #dbe2ec; border-radius:2mm; }
 .page-invoice .credit-invoice .invoice-total-card div { gap:3mm; }
 .page-invoice .credit-invoice .invoice-total-card .total strong { font-size:15pt; }
 .page-invoice .credit-invoice .invoice-kicker { font-size:8pt; color:#315cf6!important; }
 .page-invoice .credit-invoice p { orphans:3; widows:3; }
 .page-invoice .credit-invoice a { color:inherit!important; text-decoration:none; }
}
