.invoice-portal{display:flex;align-items:center;gap:14px;margin-top:16px}.invoice-portal svg{width:100px;height:100px;display:block}.invoice-credit{border-top:1px solid #ccc;padding-top:8px}details.card{padding:20px}small{overflow-wrap:anywhere}
@media(max-width:550px){.invoice{padding:16px}.invoice-head{flex-wrap:wrap;gap:10px}.invoice-brand>strong{font-size:20px}.invoice-head img{width:48px;height:72px}.invoice-head h1{font-size:24px}.invoice-head>div:last-child{width:100%}.invoice table{font-size:11px}.invoice td,.invoice th{padding:6px 3px;overflow-wrap:anywhere}}
@media print{.invoice{font-size:9px;line-height:1.25}.invoice-head{margin-bottom:10px;padding-bottom:8px}.invoice p{margin:5px 0}.invoice td,.invoice th{padding:4px}.invoice-totals{margin:10px 0 10px auto}.invoice-totals h2{margin:6px 0;padding:8px}.invoice-portal{margin-top:6px;break-inside:avoid}.invoice-portal svg{width:76px;height:76px}.invoice-credit{font-size:8px}.invoice tr{break-inside:avoid}.invoice thead{display:table-header-group}.color-print .invoice-head img{filter:none}.color-print .invoice-brand>strong span{color:#c72242}.color-print .invoice-totals h2{background:#243e2f;color:white;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.nav-group{margin:20px 12px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#b8c4b9}