#invoice-preview{width:min(900px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:18px;padding:0;background:#edf0ef;color:#26342e}#invoice-preview::backdrop{background:#14221bcc}.invoice-tools{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid #ddd}.invoice-tools>div{flex:1}.invoice-tools small{display:block;font-size:11px;margin-top:5px}.invoice-tools button{min-height:44px;padding:10px 14px}.invoice-paper{--invoice-accent:#187452;margin:20px;padding:36px;background:white;box-shadow:0 5px 20px #0001}.invoice-mars{--invoice-accent:#bf3446}.invoice-header{display:flex;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:3px solid var(--invoice-accent)}.invoice-header img{width:95px;height:60px;object-fit:contain}.invoice-header h2{font-size:17px;margin:10px 0 5px}.invoice-header p{font-size:12px;margin:5px 0}.invoice-id{max-width:48%;text-align:right;overflow-wrap:anywhere}.invoice-id>span{display:block;font-size:25px;color:var(--invoice-accent);font-weight:800;letter-spacing:2px;margin-bottom:14px}.invoice-id strong{font-size:12px}.invoice-customer{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:25px 0}.invoice-customer small{font-size:10px;letter-spacing:1px;color:var(--invoice-accent);font-weight:750}.invoice-customer h3{font-size:17px;margin:10px 0}.invoice-customer p,.invoice-note p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.invoice-lines table{width:100%;border-collapse:collapse;white-space:normal}.invoice-lines th{background:var(--invoice-accent);color:white;font-size:10px;padding:12px 8px;position:static}.invoice-lines td{padding:13px 8px;font-size:12px;border-bottom:1px solid #e5e7e5;overflow-wrap:anywhere}.invoice-lines th:nth-child(n+3),.invoice-lines td:nth-child(n+3){text-align:right}.invoice-lines td:nth-child(2){width:44%}.invoice-lines td small{display:block}.invoice-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px}.invoice-note h3{font-size:13px}.invoice-bottom dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;font-size:12px}.invoice-bottom dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.invoice-grand{padding-top:14px;border-top:2px solid var(--invoice-accent);color:var(--invoice-accent);font-weight:800;font-size:16px}.invoice-paper footer{margin-top:30px;border-top:1px solid #ddd;padding-top:16px;font-size:10px;line-height:1.8;color:#66716a}@media(max-width:600px){#invoice-preview{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.invoice-tools{flex-wrap:wrap;padding:12px}.invoice-tools>div{flex-basis:100%}.invoice-paper{margin:10px;padding:18px}.invoice-header{gap:12px}.invoice-id>span{font-size:18px;letter-spacing:1px}.invoice-header h2{font-size:13px}.invoice-header img{width:75px;height:46px}.invoice-customer,.invoice-bottom{grid-template-columns:1fr;gap:12px}.invoice-lines th,.invoice-lines td{padding:9px 4px;font-size:10px}.invoice-bottom dl{margin-top:8px}.invoice-id strong{font-size:10px}.invoice-paper footer{font-size:9px}}
@media print{@page{size:A4;margin:12mm}body.printing-invoice{background:white!important}body.printing-invoice>#app{display:none!important}body.printing-invoice>#invoice-preview{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:white!important;border:0!important;box-shadow:none!important}body.printing-invoice .invoice-tools{display:none!important}.invoice-paper{margin:0;padding:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoice-header,.invoice-customer,.invoice-bottom,.invoice-paper footer{break-inside:avoid}.invoice-lines thead{display:table-header-group}.invoice-lines tr{break-inside:avoid}.invoice-customer{grid-template-columns:1.4fr 1fr}.invoice-bottom{grid-template-columns:1fr 1fr}.invoice-lines th,.invoice-lines td{font-size:11px;padding:11px 7px}}
/* Premium invoice stationery — brand colour, restrained detail, print-safe layout. */
.invoice-paper{position:relative;border-top:7px solid var(--invoice-accent);padding:40px;box-shadow:0 12px 40px #1b332019}.invoice-header{border-bottom:1px solid #dce3df;padding-bottom:28px;align-items:center}.invoice-header>div:first-child{flex:1}.invoice-header img{width:112px;height:70px;object-position:left center}.invoice-header h2{font-size:16px;letter-spacing:-.3px;line-height:1.5;max-width:255px}.invoice-header>div:first-child>p{color:var(--invoice-accent);font-weight:700;letter-spacing:.8px;font-size:11px}.invoice-id>span{font-size:31px;letter-spacing:3px;margin-bottom:16px}.invoice-id strong{display:block;background:#f3f6f4;padding:10px 12px;border-radius:8px;line-height:1.6;font-size:10px}.invoice-id>p{font-size:11px;color:#627168;margin-top:10px}.invoice-customer{gap:20px;padding:26px 0}.invoice-customer>div{border:1px solid #e1e8e3;border-radius:12px;padding:18px 20px}.invoice-customer>div:first-child{border-left:3px solid var(--invoice-accent)}.invoice-customer>div:last-child{background:#f7f9f7}.invoice-customer h3{font-size:18px;line-height:1.4}.invoice-customer p{margin:8px 0 0}.invoice-lines{border:1px solid #e0e7e1;border-radius:12px;overflow:hidden}.invoice-lines th{padding:14px 10px;letter-spacing:.65px;text-transform:uppercase}.invoice-lines td{padding:17px 10px;line-height:1.6;font-variant-numeric:tabular-nums}.invoice-lines td:nth-child(2){font-weight:650}.invoice-lines tr:nth-child(even){background:#f7f9f7}.invoice-lines tr:last-child td{border-bottom:0}.invoice-lines td:first-child{color:#7e8981}.invoice-bottom{gap:28px;align-items:start;margin-top:26px}.invoice-note{border-left:3px solid var(--invoice-accent);padding:5px 0 5px 16px}.invoice-note h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--invoice-accent)}.invoice-note p{margin:10px 0}.invoice-bottom dl{margin:0;padding:20px;background:#f5f8f5;border:1px solid #e1e8e3;border-radius:12px;gap:14px 12px}.invoice-bottom dt{color:#627168}.invoice-bottom dd{font-weight:650}.invoice-bottom .invoice-grand{border-top:2px solid var(--invoice-accent);font-size:17px;color:var(--invoice-accent);padding-top:16px}.invoice-paper footer{text-align:center;color:#78827c;font-size:9px;border-top:1px solid #e1e8e3;padding:18px 8px 0;margin-top:32px;line-height:1.9}.invoice-tools{box-shadow:0 3px 14px #16251b08}.invoice-tools .primary{border-radius:10px}.invoice-paper::after{content:'';display:block;height:3px;width:65px;background:var(--invoice-accent);margin:18px auto 0}
@media(max-width:600px){.invoice-paper{padding:20px 16px;margin:10px 8px;border-top-width:5px}.invoice-header{align-items:start;gap:14px;padding-bottom:20px}.invoice-header img{width:83px;height:52px}.invoice-header h2{font-size:12px;max-width:150px}.invoice-header>div:first-child>p{font-size:9px;letter-spacing:.2px}.invoice-id{max-width:46%}.invoice-id>span{font-size:21px;letter-spacing:1.4px;margin-bottom:10px}.invoice-id strong{font-size:9px;padding:8px;line-height:1.7}.invoice-id>p{font-size:10px}.invoice-customer{padding:20px 0;gap:12px}.invoice-customer>div{padding:16px}.invoice-customer h3{font-size:16px}.invoice-lines th{font-size:9px;padding:11px 5px;letter-spacing:0}.invoice-lines td{font-size:10px;padding:12px 5px}.invoice-lines td:nth-child(2){width:38%}.invoice-bottom{gap:20px}.invoice-bottom dl{padding:17px;gap:13px 10px}.invoice-bottom .invoice-grand{font-size:16px}.invoice-paper footer{margin-top:24px}}
@media print{.invoice-paper{padding:18px 0 0;border-top:5px solid var(--invoice-accent);box-shadow:none}.invoice-header{align-items:center}.invoice-header img{width:105px;height:65px}.invoice-header h2{font-size:16px;max-width:255px}.invoice-id>span{font-size:29px}.invoice-id strong{font-size:10px}.invoice-customer{grid-template-columns:1.4fr 1fr}.invoice-customer h3{font-size:17px}.invoice-customer>div{padding:16px}.invoice-lines{overflow:visible;border-radius:0}.invoice-lines td{font-size:11px;padding:13px 8px}.invoice-lines th{font-size:10px;padding:12px 8px}.invoice-lines td:nth-child(2){width:44%}.invoice-bottom{grid-template-columns:1fr 1fr}.invoice-bottom dl{padding:18px}.invoice-paper footer{margin-top:24px}.invoice-paper::after{margin-top:12px}}