.invoice{max-width:440px;margin:0 auto;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--bg);font-size:13px;line-height:1.45}
.inv-head{text-align:center}.inv-brand{font-size:18px;font-weight:700}
.inv-title{text-align:center;letter-spacing:.18em;font-weight:700;margin:12px 0;padding:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.inv-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0 0 12px}
.inv-meta div{display:flex;flex-direction:column}.inv-meta dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.inv-meta dd{margin:0;word-break:break-word}
.invoice table{width:100%;border-collapse:collapse}
.invoice th,.invoice td{padding:5px 4px;border-bottom:1px dashed var(--line);font-size:12px;text-align:left;vertical-align:top}
.invoice th.num,.invoice td.num{text-align:right}
.invoice td small{display:block;color:var(--muted);font-size:11px}
.inv-note{color:var(--muted);font-size:11px;margin:4px 0 10px}
.inv-totals div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.inv-totals .grand{font-weight:700;font-size:16px;border-top:1px solid var(--fg);margin-top:4px;padding-top:7px}
.inv-tax{margin-top:12px}.inv-tax caption{text-align:left;font-weight:600;padding-bottom:4px}
.inv-tax tfoot td{font-weight:700;border-bottom:0}
.inv-upi{display:flex;gap:14px;align-items:center;border:1px dashed var(--line);border-radius:10px;padding:10px;margin-top:14px}
.inv-upi img{width:128px;height:128px;background:#fff;border-radius:6px;padding:4px;flex:none}
.inv-upi .upi-id{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.inv-foot{text-align:center;color:var(--muted);margin-top:14px}
.actions .wa{display:flex;gap:8px;flex:1 1 100%;max-width:440px;margin:0 auto}
.actions .wa input{flex:1;min-width:0}
.btn.wa-btn{background:#25d366;color:#0b2e17;white-space:nowrap}
.upibox{display:flex;gap:12px;align-items:center;border:1px dashed var(--line);border-radius:10px;padding:10px;margin-bottom:10px}
.upibox img{width:132px;height:132px;background:#fff;border-radius:6px;padding:4px}
@media print{
  :root{--bg:#fff;--fg:#000;--muted:#444;--line:#888}
  .invoice{border:0;max-width:100%;padding:0}
  .inv-upi img,.upibox img{filter:none}
}