.invoice-body{background:#e9eef0;color:#172126;font-family:Inter,Arial,sans-serif}.invoice-toolbar{height:68px;background:var(--primary-dark);color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4%;font-size:10px}.invoice-toolbar>p{text-transform:uppercase;letter-spacing:.15em}.invoice-toolbar>div{justify-self:end;display:flex;gap:8px}.invoice-toolbar button{border:1px solid rgba(255,255,255,.35);color:white;padding:9px 15px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.invoice-toolbar .print-button{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--primary-dark)}.invoice-shell{padding:45px 20px 70px}.invoice-document{width:min(900px,100%);min-height:1120px;margin:auto;background:white;padding:55px 60px;box-shadow:0 20px 55px rgba(8,52,63,.14)}.invoice-brand-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px;border-bottom:2px solid var(--primary-color)}.invoice-brand{display:flex;gap:13px;align-items:center}.invoice-logo{width:42px;height:42px;background:var(--primary-color);color:white;display:grid;place-items:center;font:600 22px Manrope}.invoice-brand>div:last-child{display:flex;flex-direction:column}.invoice-brand strong{font-size:19px;letter-spacing:.18em}.invoice-brand span{font-size:7px;letter-spacing:.4em}.invoice-title{text-align:right;display:flex;flex-direction:column}.invoice-title p{font:500 28px Manrope;color:var(--primary-color)}.invoice-title strong{font-size:10px;margin-top:5px}.invoice-title span{font-size:9px;color:var(--muted-text)}.invoice-status{display:grid;grid-template-columns:100px auto 1fr;align-items:center;background:var(--background-color);padding:13px 16px;margin:25px 0;font-size:9px}.invoice-status>span{text-transform:uppercase;color:var(--muted-text)}.invoice-status>strong{color:var(--secondary-color)}.invoice-status>p{text-align:right;color:var(--muted-text)}.invoice-addresses{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:20px 0 40px}.invoice-label{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:var(--muted-text);margin-bottom:12px}.invoice-addresses>div:first-child{display:flex;flex-direction:column;font-size:10px}.invoice-addresses strong{font-size:12px}.invoice-addresses address{font-style:normal;line-height:1.7;margin:6px 0}.invoice-addresses dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border-color);font-size:9px}.invoice-addresses dt{color:var(--muted-text)}.invoice-table-head,.invoice-row{display:grid;grid-template-columns:1fr 110px 55px 115px;gap:10px;align-items:center}.invoice-table-head{background:var(--primary-color);color:white;padding:12px 15px;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.invoice-table-head span:not(:first-child),.invoice-row>span:not(:first-child){text-align:right}.invoice-row{padding:16px 15px;border-bottom:1px solid var(--border-color);font-size:10px}.invoice-item-name{display:flex;align-items:center;gap:12px}.invoice-item-name img{width:46px;height:46px;object-fit:cover}.invoice-item-name strong{display:block;font-size:10px}.invoice-item-name small{font-size:8px;color:var(--muted-text)}.invoice-bottom{display:grid;grid-template-columns:1fr 300px;gap:50px;margin-top:28px}.invoice-note>p:last-child{font-size:9px;color:var(--muted-text);max-width:300px}.invoice-totals p{display:flex;justify-content:space-between;font-size:10px;margin:10px 0}.invoice-totals .invoice-grand{border-top:2px solid var(--primary-color);padding-top:14px;margin-top:14px;font-size:15px;color:var(--primary-color)}.invoice-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border-color);margin-top:70px;padding-top:18px;font-size:8px;color:var(--muted-text)}.invoice-footer p:last-child{text-align:right}.invoice-empty{text-align:center;padding:100px 20px}.invoice-empty h1{font:45px Manrope}.invoice-empty p{margin:10px;color:var(--muted-text)}.invoice-empty a{text-decoration:underline}
.invoice-logo-image{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
@media(max-width:650px){.invoice-toolbar{grid-template-columns:1fr auto;height:auto;padding:13px 4%}.invoice-toolbar>p{display:none}.invoice-toolbar button{padding:8px;font-size:8px}.invoice-shell{padding:14px 8px 40px}.invoice-document{padding:28px 20px;min-height:0}.invoice-brand-row{display:block}.invoice-title{text-align:left;margin-top:22px}.invoice-status{grid-template-columns:1fr 1fr}.invoice-status>p{grid-column:1/3;text-align:left;margin-top:7px}.invoice-addresses{grid-template-columns:1fr;gap:25px}.invoice-table-head{display:none}.invoice-row{grid-template-columns:1fr auto;padding:15px 0}.invoice-row>span:nth-child(2){display:none}.invoice-row>span:nth-child(3):before{content:"Qty ";color:var(--muted-text)}.invoice-row>span:nth-child(4){grid-column:2;grid-row:1}.invoice-bottom{grid-template-columns:1fr;gap:25px}.invoice-footer{display:block;margin-top:40px}.invoice-footer p:last-child{text-align:left;margin-top:10px}}
@media print{@page{size:A4;margin:10mm}.invoice-body{background:white}.invoice-toolbar{display:none}.invoice-shell{padding:0}.invoice-document{box-shadow:none;width:100%;min-height:0;padding:8mm}.invoice-footer{margin-top:35px}.invoice-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-table-head,.invoice-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}