@font-face{font-family:InvoiceSans;src:url('/assets/fonts/invoice-sans.ttf') format('truetype');font-display:swap}
.invoice{--max:1400px}.invoice-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.invoice-layout>*{min-width:0}.invoice-toolbar{padding:16px 22px}.invoice-toolbar .actions{margin-top:0}.invoice-toolbar p{margin:10px 0}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invoice-grid>.wide{grid-column:1/-1}.invoice input:not([type=checkbox]):not([type=file]),.invoice select{width:100%;min-height:44px;padding:9px 10px}.invoice input[type=file]{max-width:100%}.invoice input[type=color]{padding:3px!important}.invoice textarea{font-family:inherit;min-height:70px}.invoice .panel h2{font-size:20px}.invoice fieldset{border:0;margin:0;padding:0;min-width:0}.invoice legend{font-size:15px;font-weight:700;margin:12px 0}.invoice details>summary{cursor:pointer;font-weight:650;margin:12px 0}.invoice details>.invoice-grid{padding-bottom:12px}.invoice-line{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.invoice-line header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.invoice-line .line-total{font-weight:700;font-size:14px}.invoice .text-button{border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:13px;padding:10px 0;min-height:44px}.invoice-review .panel{padding:20px}.invoice-review{align-self:start}.invoice-totals-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px;overflow-wrap:anywhere}.invoice-totals-row:last-child{font-size:20px;font-weight:700;border:0;padding-top:14px}.invoice #invoiceIssues{padding-left:20px;font-size:13px}.invoice #invoiceIssues li{margin:8px 0;overflow-wrap:anywhere}.invoice #invoiceIssues a{color:inherit;text-decoration:underline}.invoice #invoiceIssues .error{color:var(--error)}.invoice #invoiceIssues .warning{color:var(--warn)}.invoice #invoicePreview{display:grid;gap:15px}.invoice #invoicePreview svg{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 12px #0002;border:1px solid #d0d6d6}.invoice #invoicePreview text{font-family:InvoiceSans,sans-serif}.invoice .logo-preview{max-height:70px;max-width:160px;background:#fff;border:1px solid var(--line);padding:4px}.invoice .required-note{font-size:13px;color:var(--muted)}.invoice [aria-invalid=true]{border-color:var(--error)}.invoice .button-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
@media(max-width:1000px){.invoice-layout{grid-template-columns:1fr}.invoice-review{display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-review>.panel{min-width:0}}
@media(max-width:650px){.invoice-review{display:block}.invoice-grid{grid-template-columns:1fr}.invoice-grid>.wide{grid-column:auto}.invoice .panel{padding:16px}.invoice-toolbar .actions{gap:7px}.invoice-toolbar .actions button{flex:1 1 140px}.invoice-line header{flex-wrap:wrap}.invoice .hero h1{font-size:36px}}
@media print{body>*{display:none!important}body:after{display:block;content:'Use Download PDF to print your invoice. The editable page is not the invoice.'}}
.invoice-view-nav{display:none}.invoice #invoiceEditor,.invoice #invoiceCheck,.invoice #invoicePreviewPanel{scroll-margin-top:70px}
@media(max-width:1000px){.invoice-view-nav{display:flex;position:sticky;top:0;z-index:2;gap:8px;padding:8px;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:16px}.invoice-view-nav a{display:block;flex:1;text-align:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}}