@font-face{font-family:"Archivo";src:url(/fonts/archivo.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/iserif-italic.woff2) format("woff2");font-style:italic;font-display:swap}
:root{--navy:#052A44;--ink:#021422;--sky:#05A4E8;--sky-ink:#016A9E;--pale:#D6EEF7;--line:#e3e9ee;--bg:#f3f6f8}
*{box-sizing:border-box}
.inv{background:#fff;color:var(--ink);font:15px/1.5 "Archivo",system-ui,sans-serif;max-width:860px;margin:0 auto;padding:clamp(22px,5vw,56px);border-radius:14px;box-shadow:0 1px 2px rgba(2,20,34,.06),0 18px 50px -20px rgba(2,20,34,.25)}
.inv h1{font:italic 400 clamp(34px,6vw,48px)/1 "Instrument Serif",Georgia,serif;margin:0;color:var(--navy)}
.inv h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5b6b78;margin:0 0 6px;font-weight:600}
.inv-test{background:#fff4d6;border:1px solid #f0c64f;color:#6b4e00;padding:8px 12px;border-radius:8px;font-weight:600;font-size:13px;margin:0 0 22px}
.inv-h{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:2px solid var(--navy)}
.inv-logo{height:52px;width:auto}
.inv-t{text-align:right}.inv-no{margin:6px 0 8px;font-weight:700;letter-spacing:.04em}
.inv-st{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--pale);color:var(--navy)}
.st-paid{background:#dff5e6;color:#11643a}.st-overdue{background:#fde3e3;color:#9b1c1c}.st-draft{background:#eceff2;color:#4a5864}
.inv-parties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:24px 0}
.inv-parties p{margin:0}
.inv-items{width:100%;border-collapse:collapse;margin-top:6px}
.inv-items th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5b6b78;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.inv-items td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.n{text-align:right;white-space:nowrap}.muted{color:#6b7a86;font-size:13px}
.inv-tot{display:flex;flex-direction:column;align-items:flex-end;padding:18px 0}
.inv-tot dl{display:grid;grid-template-columns:auto auto;gap:6px 36px;margin:0}
.inv-tot dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.inv-tot .g{font-size:20px;font-weight:800;color:var(--navy);padding-top:6px;border-top:2px solid var(--navy)}
.inv-pay{background:var(--bg);border-radius:10px;padding:16px 18px;margin-top:6px}.inv-pay p{margin:0 0 6px}
.inv-f{margin-top:22px;color:#5b6b78;font-size:13px;text-align:center}
@media (max-width:640px){.inv-parties{grid-template-columns:1fr}.inv-t{text-align:left}.inv-items th:nth-child(2),.inv-items td:nth-child(2){display:none}}
@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.no-print{display:none!important}.inv{box-shadow:none;padding:0;max-width:none;border-radius:0}.inv-pay{-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-st,.inv-test{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.inv-logo{height:96px;width:auto;object-fit:contain}
@media print{.inv-logo{height:80px}}