:root{--blue:#2563EB;--blue-dark:#1D4ED8;--ink:#1E293B;--muted:#475569;--line:#E2E8F0}
.inv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.08);font-size:13px;color:#1E293B;font-family:'Poppins','Noto Sans Devanagari',sans-serif;line-height:1.5}
.inv .inv-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.inv .inv-biz{display:flex;gap:12px;align-items:flex-start}
.inv .inv-biz img{width:56px;height:56px;object-fit:contain;border-radius:8px}
.inv .inv-biz .n{font-weight:700;font-size:16px}
.inv .inv-biz .s{color:var(--muted);white-space:pre-line}
.inv .inv-title{text-align:right}
.inv .inv-title .t{font-weight:700;font-size:22px;color:var(--blue-dark)}
.inv .inv-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.inv .inv-meta .l{font-size:11px;color:var(--muted);font-weight:600}
.inv .inv-meta .v{white-space:pre-line}
.inv table{width:100%;border-collapse:collapse;margin-top:6px}
.inv th{background:#F1F5F9;font-size:11px;text-align:left;padding:8px 6px;color:#475569}
.inv td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.inv th.r,.inv td.r{text-align:right}
.inv .totals{margin:12px 0 0 auto;width:min(100%,280px);display:flex;flex-direction:column;gap:6px}
.inv .totals div{display:flex;justify-content:space-between}
.inv .totals .grand{border-top:2px solid #0F172A;padding-top:8px;font-weight:700;font-size:17px}
.inv .pay{display:flex;gap:14px;align-items:center;margin-top:18px;background:#F8FAFC;border-radius:12px;padding:12px}
.inv .pay .qr{width:96px;height:96px;flex-shrink:0;background:#fff}
.inv .pay .qr svg{width:100%;height:100%;display:block}
.inv .pay .txt{color:var(--muted);line-height:1.6}
.inv .pay .txt b{color:var(--ink)}
.inv .notes{margin-top:14px;color:var(--muted);white-space:pre-line}
.inv .wm{margin-top:16px;padding-top:10px;border-top:1px solid var(--line);text-align:center;font-size:11px;color:#64748B}

/* ===== Templates ===== */
.inv .tpl{-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* Modern: rang-birangi header band, green accent */
.inv .tpl-modern .inv-top{background:#15803D;color:#fff;margin:-24px -24px 0;padding:22px 24px;border-radius:16px 16px 0 0;align-items:center}
.inv .tpl-modern .inv-biz .s{color:#DCFCE7}
.inv .tpl-modern .inv-biz img{background:#fff;padding:4px}
.inv .tpl-modern .inv-title .t{color:#fff;letter-spacing:.5px}
.inv .tpl-modern th{background:#DCFCE7;color:#14532D}
.inv .tpl-modern .totals .grand{border-top-color:#15803D;color:#14532D}
.inv .tpl-modern .pay{background:#F0FDF4}

/* Minimal: kala-safed, patli lines */
.inv .tpl-minimal{font-family:'Poppins',sans-serif}
.inv .tpl-minimal .inv-title .t{color:#0F172A;font-weight:600;letter-spacing:2px;font-size:20px}
.inv .tpl-minimal .inv-top{border-bottom:2px solid #0F172A;padding-bottom:14px}
.inv .tpl-minimal th{background:transparent;color:#0F172A;border-bottom:1px solid #0F172A}
.inv .tpl-minimal td{border-bottom:1px solid #E2E8F0}
.inv .tpl-minimal .pay{background:transparent;border:1px solid #CBD5E1}
.inv .tpl-minimal .totals .grand{border-top-color:#0F172A}
@media print{
  .inv .tpl-modern .inv-top{margin:0;border-radius:0}
}
@media print{.inv .pay.hint{display:none}}

.inv td.r,.inv th.r{white-space:nowrap}
@media(max-width:480px){
  .inv{padding:16px;font-size:12px}
  .inv td,.inv th{padding:6px 4px}
  .inv th{font-size:10px}
  .inv .tpl-modern .inv-top{margin:-16px -16px 0;padding:16px}
  .inv .inv-title .t{font-size:18px}
}