/* Screen and print styling for the local invoice demonstration only. */
.invoice-page{background:#f2f3f4;color:var(--ink)}
.invoice-page .button{min-height:44px;padding:10px 15px;font-size:13px;text-align:center;white-space:normal}
.invoice-page button:disabled{opacity:.48;cursor:not-allowed}
.invoice-page a:not(.button){color:var(--red);text-decoration:underline;text-underline-offset:3px}
.invoice-toolbar{padding:30px 0 22px;background:#fff;border-bottom:1px solid var(--line)}
.invoice-back{font-size:14px;font-weight:600;display:inline-block;margin-bottom:24px}
.invoice-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.invoice-heading>div:first-child{max-width:690px}.invoice-heading .eyebrow{font-size:12px;margin-bottom:12px}
.invoice-heading h1{font:700 48px/1.08 var(--heading);margin:0 0 15px}
.invoice-context{font-size:16px;color:var(--muted);line-height:1.6;margin:0}
.invoice-actions{display:flex;align-items:start;flex-wrap:wrap;gap:10px;max-width:385px;flex-shrink:0}
.invoice-chooser{margin:24px 0 0;max-width:520px}.invoice-chooser label{font-size:14px;margin:0}.invoice-chooser select{font-size:14px;padding:10px;margin-top:6px}
.invoice-feedback{border-left:3px solid #00638a;padding:13px 17px;background:#eef5f8;font-size:14px;margin:24px 0 12px;line-height:1.6}
.invoice-feedback.error{border-color:var(--red);background:#fff0f1}
.invoice-demo-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.invoice-preview{padding:32px 0 52px}
.invoice-loading{padding:38px;background:#fff;border:1px solid var(--line);text-align:center;font-size:15px;color:var(--muted)}.invoice-loading p:last-child{margin:0}
.invoice-sheet{max-width:1020px;margin:0 auto;padding:44px 48px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 26px #00000009;font-family:var(--body);font-size:14px;line-height:1.6;color:#202326}
.invoice-sheet h1,.invoice-sheet h2,.invoice-sheet h3{font-family:var(--heading);line-height:1.15;color:#202326}
.invoice-sheet h1{font-size:38px;margin:0 0 14px}.invoice-sheet h2{font-size:27px;margin:0 0 14px}.invoice-sheet h3{font-size:23px;margin:0 0 12px}.invoice-sheet p{margin:0 0 14px}
.invoice-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:24px;border-bottom:2px solid var(--red);margin-bottom:24px}
.invoice-company{font-size:13px;line-height:1.65}.invoice-company img{display:block;width:160px;height:auto;max-width:100%;margin-bottom:18px}.invoice-company p{margin:0}.invoice-company strong{font-size:15px}
.invoice-meta{min-width:220px;font-size:13px}.invoice-meta dl{margin:0;display:grid;grid-template-columns:auto auto;gap:5px 20px}.invoice-meta dt{color:var(--muted)}.invoice-meta dd{font-weight:600;text-align:right;margin:0;overflow-wrap:anywhere}.invoice-meta h1,.invoice-meta h2{text-align:right}
.invoice-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:26px 0}.invoice-address-grid>div{min-width:0;overflow-wrap:anywhere}.invoice-address-grid h2,.invoice-address-grid h3{font-size:22px;margin:0 0 12px}.invoice-address-grid address{font-style:normal}.invoice-address-grid p{margin:0 0 8px}
.invoice-notice{padding:15px 18px;border:2px solid var(--red);background:#fff5f6;color:#8f1025;font-weight:600;font-size:14px;line-height:1.55;margin:20px 0 26px}.invoice-notice strong{display:block;font-size:17px}.invoice-notice p:last-child{margin:0}
.invoice-table-wrap{max-width:100%;overflow-x:auto;margin:26px 0}.invoice-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.55}.invoice-table th,.invoice-table td{padding:12px 10px;text-align:left;vertical-align:top;border:1px solid var(--line)}.invoice-table th{background:#f2f3f4;font-size:12px}.invoice-table small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.invoice-table .invoice-numeric{text-align:right;white-space:nowrap}.invoice-table td:first-child{overflow-wrap:anywhere}
.invoice-totals{width:min(100%,360px);margin:25px 0 26px auto;font-size:14px}.invoice-totals dl{margin:0}.invoice-totals dl>div,.invoice-totals>div{display:flex;justify-content:space-between;gap:25px;padding:9px 0;border-bottom:1px solid var(--line)}.invoice-totals dt{font-weight:400}.invoice-totals dd{font-weight:600;margin:0;text-align:right}.invoice-totals .invoice-total{border-top:2px solid #202326;border-bottom:0;font-weight:700;font-size:17px;padding-top:13px}.invoice-totals table{font-size:14px}.invoice-totals th,.invoice-totals td{padding:9px 0;border:0;background:transparent}.invoice-totals td{text-align:right}
.invoice-payment{padding:19px 22px;background:#f2f3f4;font-size:13px;line-height:1.65;margin-top:28px}.invoice-payment h2,.invoice-payment h3{font-size:23px}.invoice-payment p:last-child{margin-bottom:0}
.invoice-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:12px;color:var(--muted)}.invoice-footer p:last-child{margin:0}
.invoice-email-dialog{width:min(730px,94vw);max-width:none;max-height:90vh;max-height:90dvh;padding:26px;border:0;background:#fff;color:var(--ink);overflow-y:auto}
.invoice-email-dialog::backdrop{background:#101820bb}
.invoice-email-header{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.invoice-email-header .eyebrow{font-size:11px;margin:0 0 8px}.invoice-email-header h2{font-size:30px;margin:0}.invoice-email-header button{flex-shrink:0}
#invoice-email-content{padding-top:22px;font-size:14px;overflow-wrap:anywhere;line-height:1.7}#invoice-email-content h3{font-size:23px}#invoice-email-content pre,.invoice-email-message{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere;margin:18px 0;padding:18px;border:1px solid var(--line);background:var(--gray)}
@media(max-width:1050px){.invoice-heading{align-items:start;flex-direction:column;gap:22px}.invoice-actions{max-width:none}.invoice-sheet{padding:34px}}
@media(max-width:850px){.invoice-sheet{padding:28px}.invoice-top{gap:22px}.invoice-meta{min-width:190px}.invoice-table{min-width:720px}.invoice-address-grid{gap:22px}}
@media(max-width:520px){.invoice-toolbar{padding:24px 0 20px}.invoice-heading h1{font-size:40px}.invoice-context{font-size:15px}.invoice-actions>.button{flex:1 1 135px}.invoice-preview{padding:22px 0 32px}.invoice-sheet{padding:22px 19px}.invoice-top{flex-direction:column}.invoice-meta{width:100%}.invoice-meta h1,.invoice-meta h2{text-align:left}.invoice-meta dl{grid-template-columns:1fr 1fr}.invoice-company img{width:150px}.invoice-address-grid{grid-template-columns:1fr;gap:24px}.invoice-notice{font-size:13px;padding:13px}.invoice-totals{width:100%}.invoice-email-dialog{padding:20px}.invoice-email-header h2{font-size:27px}.invoice-email-header{align-items:start;gap:16px}}
@page{size:Letter;margin:.6in}
@media print{
 html,body{background:#fff!important;color:#000!important;padding:0!important;margin:0!important;font-size:11pt;scroll-padding-top:0!important}
 .site-header-shell,.skip,body>.cta,body>footer,.invoice-toolbar,.invoice-email-dialog,.invoice-page>noscript{display:none!important}
 .invoice-page,.invoice-preview,#main{padding:0!important;margin:0!important;background:#fff!important}
 .invoice-preview>.wrap{width:100%!important;max-width:none!important;margin:0!important}
 .invoice-sheet{max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#000!important;font:10pt/1.45 Arial,sans-serif}
 .invoice-sheet h1,.invoice-sheet h2,.invoice-sheet h3{font-family:Arial,sans-serif;color:#000!important}.invoice-sheet h1{font-size:24pt}.invoice-sheet h2{font-size:16pt}.invoice-sheet h3{font-size:13pt}
 .invoice-top{display:flex!important;flex-direction:row!important;border-bottom:2px solid #000;margin-bottom:18pt;padding-bottom:15pt;break-inside:avoid;page-break-inside:avoid}
 .invoice-company{font-size:9pt}.invoice-company img{width:140px!important;height:auto!important}.invoice-company strong{font-size:11pt}
 .invoice-meta{width:auto!important;min-width:175px;font-size:9pt}.invoice-meta h1,.invoice-meta h2{text-align:right!important}.invoice-meta dl{gap:4px 15px}
 .invoice-address-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22pt;margin:18pt 0;break-inside:avoid;page-break-inside:avoid}.invoice-address-grid h2,.invoice-address-grid h3{font-size:12pt}
 .invoice-notice{border:2px solid #000;background:#fff!important;color:#000!important;font-size:10pt;padding:10pt;margin:16pt 0;break-inside:avoid;page-break-inside:avoid}.invoice-notice strong{font-size:12pt}
 .invoice-table-wrap{overflow:visible!important;margin:18pt 0}.invoice-table{min-width:0!important;width:100%!important;table-layout:auto;font-size:8pt;line-height:1.4}.invoice-table th,.invoice-table td{padding:6pt 5pt;border-color:#999;word-break:normal}.invoice-table th{font-size:8pt;background:#fff!important}.invoice-table small{font-size:7pt;color:#333!important}
 .invoice-table thead{display:table-header-group}.invoice-table tfoot{display:table-footer-group}.invoice-table tr{break-inside:avoid;page-break-inside:avoid}
 .invoice-totals{width:270px!important;font-size:10pt;break-inside:avoid;page-break-inside:avoid}.invoice-totals .invoice-total{font-size:12pt}.invoice-totals table{font-size:10pt}
 .invoice-payment{background:#fff!important;border:1px solid #999;font-size:9pt;padding:12pt;break-inside:avoid;page-break-inside:avoid}.invoice-payment h2,.invoice-payment h3{font-size:12pt}
 .invoice-footer{font-size:8pt;color:#333!important;margin-top:20pt;padding-top:12pt;break-inside:avoid;page-break-inside:avoid}
 .invoice-sheet a{color:#000!important;text-decoration:none!important}
}

.invoice-page .button.secondary{background:white;color:var(--ink)!important;border-color:#aeb5bc}.invoice-page .button.secondary:hover{background:#f2f3f4}
