.invoice-editor{display:grid;gap:16px}.invoice-editor .card h2{margin-top:0}.invoice-editor .actions{margin-top:18px}.invoice-totals{margin:20px 0 20px auto;max-width:360px}.invoice-totals p{display:flex;justify-content:space-between;gap:30px;margin:7px 0}.invoice-totals .grand{font-size:19px;border-top:2px solid #123047;padding-top:10px;color:#123047}.payment-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.payment-inline input,.payment-inline select{width:auto;min-width:145px}
.invoice-sheet{--inv-navy:#123047;--inv-teal:#0f766e;--inv-line:#dce5e8;max-width:980px;margin:auto;padding:42px 48px;color:#18252d;background:#fff}.invoice-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border-bottom:3px solid var(--inv-navy);padding-bottom:22px}.invoice-brand{display:flex;gap:14px;align-items:center;max-width:55%}.invoice-brand>div{display:grid;gap:3px}.invoice-brand strong{font-size:18px}.invoice-brand small,.invoice-title>span,.invoice-sheet small{color:#61717b}.invoice-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--inv-navy);color:#fff;font-size:25px;font-weight:800}.invoice-title{text-align:right}.invoice-title>span:first-child{font-size:12px;letter-spacing:.17em;font-weight:800}.invoice-title h1{font-size:28px;margin:4px 0 8px;color:var(--inv-navy)}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#f2f7f7;border-radius:12px;margin:22px 0;padding:15px 18px}.invoice-meta>div{display:grid;gap:4px;padding:0 14px;border-right:1px solid var(--inv-line)}.invoice-meta>div:first-child{padding-left:0}.invoice-meta>div:last-child{border:0}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:25px 0}.invoice-parties>div{border-top:1px solid var(--inv-line);padding-top:14px}.invoice-parties h2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-teal);margin:0 0 10px}.invoice-parties p{min-height:38px}.invoice-parties dl{display:grid;grid-template-columns:80px 1fr;font-size:12px;margin:12px 0 0}.invoice-parties dt{color:#6c7c85}.invoice-parties dd{margin:0;overflow-wrap:anywhere}.invoice-subject{display:grid;gap:5px;border-left:4px solid var(--inv-teal);background:#f5f8f8;padding:12px 16px;margin:20px 0}.invoice-table-wrap{overflow-x:auto}.invoice-lines{width:100%;border-collapse:collapse;font-size:12px}.invoice-lines th{background:var(--inv-navy);color:#fff;padding:11px 9px;text-align:right;white-space:nowrap}.invoice-lines th:nth-child(2){text-align:left}.invoice-lines td{padding:12px 9px;border-bottom:1px solid var(--inv-line);text-align:right;vertical-align:top}.invoice-lines td:nth-child(2){text-align:left;min-width:190px}.invoice-closing{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;margin-top:24px}.invoice-words{display:grid;align-content:start;gap:6px}.invoice-words p{margin-top:18px}.invoice-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--inv-line);margin-top:30px;padding-top:18px}.invoice-footer>div{display:grid;gap:3px}.invoice-footer p{font-weight:700;color:var(--inv-teal)}
@media(max-width:700px){.payment-inline,.payment-inline input,.payment-inline select,.payment-inline button{width:100%}.invoice-totals{max-width:none}.invoice-sheet{padding:20px}.invoice-header,.invoice-footer{display:grid}.invoice-brand{max-width:none}.invoice-title{text-align:left}.invoice-meta{grid-template-columns:1fr 1fr;gap:14px}.invoice-meta>div{border:0;padding:0}.invoice-parties,.invoice-closing{grid-template-columns:1fr;gap:18px}.invoice-lines{min-width:760px}}
@page{size:A4;margin:0}@media print{header,body>footer,.no-print{display:none!important}body,main{background:#fff!important;margin:0!important;padding:0!important;max-width:none!important}.invoice-sheet{border:0!important;box-shadow:none!important;width:210mm;max-width:none;min-height:297mm;margin:0;padding:16mm 17mm;box-sizing:border-box;print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoice-lines{display:table!important;min-width:0}.invoice-lines thead{display:table-header-group}.invoice-lines tr,.invoice-parties,.invoice-meta,.invoice-closing,.invoice-footer{break-inside:avoid}.invoice-title h1{font-size:24px}.invoice-sheet{font-size:10pt}.invoice-lines{font-size:8.5pt}}