/* Printable invoice: shared by the storefront and the admin panel */
.inv{background:#fff;color:#0A2F26;border:1px solid #dde5e0;border-radius:16px;padding:32px;max-width:820px;margin:0 auto;font:400 14px/1.5 "Instrument Sans",system-ui,sans-serif}
.inv h1{font:800 30px Sora,system-ui,sans-serif;letter-spacing:-.02em;margin:0}
.inv .ih{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:2px solid #0A2F26}
.inv .icomp b{font-size:16px}
.inv .icomp div{color:#58706a}
.inv .meta{text-align:right}
.inv .meta div{color:#58706a}.inv .meta b{color:#0A2F26}
.inv .stamp{display:inline-block;margin-top:8px;border:2px solid;border-radius:8px;padding:2px 12px;font-weight:800;letter-spacing:.08em;font-size:13px}
.inv .stamp.paid{color:#1f8a5f}.inv .stamp.due{color:#9a6a14}.inv .stamp.bad{color:#D8343A}
.inv .bill{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:20px 0}
.inv .bill small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#58706a;font-size:11px;margin-bottom:2px}
.inv table{width:100%;border-collapse:collapse}
.inv th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#58706a;border-bottom:1px solid #dde5e0;padding:8px 0}
.inv td{padding:10px 0;border-bottom:1px solid #eef2ef;vertical-align:top}
.inv .r{text-align:right}
.inv .tot{margin-left:auto;width:min(100%,300px);margin-top:12px}
.inv .tot div{display:flex;justify-content:space-between;padding:3px 0}
.inv .tot .g{border-top:2px solid #0A2F26;margin-top:6px;padding-top:8px;font:800 18px Sora,system-ui,sans-serif}
.inv .pay{margin-top:18px;color:#58706a}
.inv .fine{margin-top:26px;padding-top:14px;border-top:1px solid #dde5e0;color:#58706a;font-size:12.5px}
.invbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 16px;max-width:820px}
@media print{
  @page{margin:14mm}
  body{background:#fff!important;padding:0!important}
  .announce,.head,.foot,.toast,.scrim,.drawer,.invbar,.noprint,.sticky-buy,.sidebar,#shell>aside,#topAct,.side,#toast{display:none!important}
  .inv{border:0;border-radius:0;padding:0;max-width:none}
  body.printing-inv>*:not(#invOverlay){display:none!important}
  #invOverlay{position:static!important;background:#fff!important;padding:0!important;overflow:visible!important}
}
.inv .meta{margin-left:auto}