.inv-page{--inv-ink:var(--navy);--inv-rule:#e5e9f0;--inv-rule-strong:#cbd5e1;--inv-soft:#f6f8fb;--inv-label:#64748b;display:flex;flex-direction:column;gap:var(--space-4);max-width:210mm;margin:0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;container-type:inline-size}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.inv-toolbar-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.inv-fx{padding:0 var(--space-2)}.inv-page .mono{font-family:JetBrains Mono,monospace;font-size:.92em;letter-spacing:-.01em}.inv-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--space-2);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--inv-label)}.inv-muted{margin:0;font-size:12px;color:var(--muted)}.inv-sheet{position:relative;background:#ffffff;color:var(--text);border:1px solid var(--inv-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:44px 48px 36px;overflow:hidden}.inv-sheet:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--inv-ink) 0,var(--inv-ink) 70%,var(--ind-primary) 100%)}.inv-head{justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-6)}.inv-head,.inv-supplier{display:flex;align-items:flex-start}.inv-supplier{gap:var(--space-4);min-width:0}.inv-supplier.has-logo{flex-direction:column;gap:var(--space-3)}.inv-monogram{flex:none;width:48px;height:48px;display:grid;place-items:center;background:var(--inv-ink);color:#ffffff;font-size:22px;font-weight:800;border-radius:var(--radius-lg)}.inv-company{margin:2px 0 var(--space-2);font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--inv-ink);text-transform:uppercase}.inv-ids{display:flex;flex-wrap:wrap;gap:4px var(--space-4);margin:0;font-size:12px}.inv-ids div{display:flex;gap:6px}.inv-ids dt{color:var(--inv-label);font-weight:600}.inv-ids dd{margin:0;font-family:JetBrains Mono,monospace;font-weight:500;color:var(--text-secondary)}.inv-title-block{flex:none;text-align:right}.inv-kicker{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--inv-label)}.inv-title{margin:2px 0 0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--inv-ink)}.inv-number{margin:6px 0 10px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;color:var(--text)}.inv-status{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.inv-status-paid{color:var(--green);background:var(--greenLight)}.inv-status-partial{color:var(--orange);background:var(--orangeLight)}.inv-status-overdue{color:var(--red);background:var(--redLight)}.inv-status-pending{color:var(--primary);background:var(--blueLight)}.inv-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--inv-rule-strong);border-bottom:1px solid var(--inv-rule-strong)}.inv-meta div{padding:var(--space-3) var(--space-4)}.inv-meta div+div{border-left:1px solid var(--inv-rule)}.inv-meta dt{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--inv-label)}.inv-meta dd{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--text)}.inv-parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);padding:var(--space-6) 0}.inv-party-name{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text)}.inv-party-addr{margin:0 0 var(--space-2);font-size:13px;line-height:1.5;color:var(--text-secondary)}.inv-party-note{margin:0;font-size:12px;color:var(--inv-label)}.inv-table-wrap{overflow-x:auto;margin:0 -4px}.inv-table{width:100%;border-collapse:collapse;font-size:13px;white-space:normal}.inv-table th{padding:10px 8px;background:var(--inv-ink);color:#ffffff;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap}.inv-table th:first-child{border-top-left-radius:var(--radius-sm)}.inv-table th:last-child{border-top-right-radius:var(--radius-sm)}.inv-table td{padding:12px 8px;border-bottom:1px solid var(--inv-rule);vertical-align:top;color:var(--text-secondary)}.inv-table .num{text-align:right;white-space:nowrap}.inv-table .strong{font-weight:700;color:var(--text)}.inv-col-idx{width:32px;color:var(--inv-label)}.inv-desc{min-width:220px;font-weight:600;color:var(--text)!important}.inv-unit{color:var(--inv-label);font-size:11px}.inv-totals-row{display:grid;grid-template-columns:1fr minmax(280px,360px);grid-gap:var(--space-8);gap:var(--space-8);padding:var(--space-6) 0;align-items:start}.inv-words p{margin:0;font-size:14px;font-style:italic;line-height:1.5;color:var(--text-secondary)}.inv-summary{margin:0}.inv-sum-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:7px 0;font-size:13px;color:var(--text-secondary)}.inv-sum-row dd{margin:0;white-space:nowrap}.inv-sum-total{margin-top:6px;padding-top:12px;border-top:2px solid var(--inv-ink);font-size:15px;font-weight:800;color:var(--text)}.inv-sum-received{color:var(--green)}.inv-sum-due{margin-top:8px;padding:12px 14px;background:var(--inv-ink);color:#ffffff;border-radius:var(--radius-md);font-size:16px;font-weight:800}.inv-sum-due.is-settled{background:var(--green)}.inv-pay{display:grid;grid-template-columns:minmax(230px,270px) 1fr;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6);margin:0 -4px;background:var(--inv-soft);border:1px solid var(--inv-rule);border-radius:var(--radius-lg);align-items:start}.inv-bank-list{display:grid;grid-gap:8px;gap:8px;margin:0 0 var(--space-3);font-size:13px}.inv-bank-list div{display:grid;grid-template-columns:96px 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.inv-bank-list dt{color:var(--inv-label)}.inv-bank-list dd{margin:0;font-weight:600;color:var(--text);word-break:break-word}.inv-sign{grid-column:1/-1;justify-self:end;width:min(260px,100%);text-align:right}.inv-sign-for{margin:0;font-size:12px;font-weight:700;color:var(--text)}.inv-sign-line{height:56px;border-bottom:1px solid var(--inv-rule-strong);margin-bottom:6px}.inv-foot{padding-top:var(--space-6);font-size:12px;color:var(--muted)}.inv-foot ol{margin:0;padding-left:18px;display:grid;grid-gap:3px;gap:3px}.inv-generated{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--inv-rule-strong);text-align:center;font-size:11px}.upi-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:var(--space-4);background:#ffffff;border:1px solid var(--inv-rule-strong);border-top:3px solid var(--inv-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.upi-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.upi-card-head .inv-label{margin:0;white-space:nowrap;color:var(--inv-ink)}.upi-amount{margin:0;font-size:18px;font-weight:800;color:var(--text)}.upi-qr-frame{position:relative;align-self:center;width:184px;aspect-ratio:1;padding:10px;background:#ffffff;border-radius:var(--radius-md)}.upi-qr-frame svg{display:block;width:100%;height:100%}.upi-qr-frame:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(var(--inv-ink),var(--inv-ink)) 0 0 /22px 3px,linear-gradient(var(--inv-ink),var(--inv-ink)) 0 0 /3px 22px,linear-gradient(var(--inv-ink),var(--inv-ink)) 100% 0 /22px 3px,linear-gradient(var(--inv-ink),var(--inv-ink)) 100% 0 /3px 22px,linear-gradient(var(--inv-ink),var(--inv-ink)) 0 100% /22px 3px,linear-gradient(var(--inv-ink),var(--inv-ink)) 0 100% /3px 22px,linear-gradient(var(--inv-ink),var(--inv-ink)) 100% 100% /22px 3px,linear-gradient(var(--inv-ink),var(--inv-ink)) 100% 100% /3px 22px;background-repeat:no-repeat;pointer-events:none}.upi-qr-skeleton{background:linear-gradient(110deg,#eef2f7 30%,#f8fafc 50%,#eef2f7 70%);background-size:200% 100%;animation:upi-shimmer 1.4s linear infinite}@keyframes upi-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.upi-qr-skeleton{animation:none}}.upi-scan{margin:0;text-align:center;font-size:11.5px;color:var(--muted)}.upi-id-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px var(--space-2);gap:2px var(--space-2);padding:8px 10px;background:var(--inv-soft);border:1px solid var(--inv-rule);border-radius:var(--radius-md)}.upi-id-label{grid-column:1;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--inv-label)}.upi-id{grid-column:1/-1;min-width:0;overflow-wrap:anywhere;color:var(--text)}.upi-copy{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--inv-rule-strong);border-radius:var(--radius-sm);background:#ffffff;font-size:11.5px;font-weight:600;color:var(--inv-ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.upi-copy:hover{background:var(--blueLight);border-color:var(--inv-ink)}.pay-reverse:focus-visible,.upi-copy:focus-visible,.upi-open:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.upi-open{display:none;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:var(--inv-ink);color:#ffffff;font-size:14px;font-weight:700;text-decoration:none}@media (hover:none) and (pointer:coarse){.upi-open{display:inline-flex}}.upi-ref{margin:0;text-align:center;font-size:11px;color:var(--muted)}.upi-card-empty,.upi-card-loading{align-items:flex-start}.upi-card-loading .upi-qr-frame{align-self:center}.upi-card-link{font-size:13px;font-weight:700;color:var(--primary)}.pay-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6)}.pay-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.pay-panel-title{margin:0;font-size:var(--font-size-lg);font-weight:800;color:var(--text)}.pay-panel-sub{margin:4px 0 0;font-size:13px;color:var(--muted)}.pay-panel-sub strong{color:var(--text)}.pay-panel-sub .pay-due{color:var(--red)}.pay-panel-sub .pay-settled{color:var(--green)}.pay-progress{height:8px;margin:var(--space-4) 0;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.pay-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#10b981);border-radius:var(--radius-full);transition:width .4s ease}.pay-empty{margin:0;font-size:13px;color:var(--muted)}.pay-list{list-style:none;margin:0;padding:0;display:grid}.pay-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle)}.pay-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--blueLight);color:var(--primary)}.pay-item-earlier .pay-icon{background:var(--bg-subtle);color:var(--muted)}.pay-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.pay-main strong{font-size:14px;color:var(--text)}.pay-meta{font-size:12px;color:var(--muted)}.pay-proof{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;background:var(--orangeLight);color:#92400e;white-space:nowrap}.pay-proof.is-verified{background:var(--greenLight);color:#065f46}.pay-reverse{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.pay-reverse:hover{color:var(--red);border-color:var(--red)}.inv-logo{flex:none;max-width:220px;max-height:60px;object-fit:contain;object-position:left center}.inv-contact{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-wrap:wrap;gap:2px var(--space-4);font-size:12px;color:var(--text-secondary)}.inv-contact li{display:inline-flex;align-items:flex-start;gap:5px}.inv-contact svg{flex:none;margin-top:2px;color:var(--inv-label)}.inv-sign-art{position:relative;height:56px}.inv-sign-art.has-art{height:72px}.inv-signature{right:0;bottom:0;max-width:170px;max-height:64px}.inv-seal,.inv-signature{position:absolute;object-fit:contain}.inv-seal{right:120px;bottom:-6px;width:76px;height:76px;opacity:.9;transform:rotate(-8deg)}.inv-sign-art+.inv-sign-line{height:0}.inv-sheet.inv-print-copy{display:none}.inv-copy-pick{display:inline-flex;align-items:stretch;margin:0;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.inv-copy-pick legend{float:left;align-self:center;padding:0 8px 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.inv-copy-opt{position:relative;display:flex;flex-direction:column;justify-content:center;padding:4px 12px;border-radius:var(--radius-sm);line-height:1.15;cursor:pointer;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.inv-copy-opt input{position:absolute;opacity:0;pointer-events:none}.inv-copy-opt:hover{background:var(--bg-card-hover)}.inv-copy-opt:has(input:checked){background:var(--navy);color:#ffffff}.inv-copy-opt:has(input:focus-visible){outline:2px solid var(--ind-primary);outline-offset:1px}.inv-copy-name{font-size:13px;font-weight:700}.inv-copy-sub{font-size:10.5px;opacity:.75}@container (max-width: 520px){.inv-copy-pick,.inv-toolbar-actions{width:100%}.inv-copy-pick legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}.inv-copy-opt{flex:1 1;padding:4px 6px}}@container (min-width: 700px){.inv-sheet{display:flex;flex-direction:column;min-height:297mm}.inv-foot{margin-top:auto}}.inv-print-only{display:none}.inv-brand-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--border-hover);border-radius:var(--radius-md);background:var(--inv-soft);color:var(--inv-label);font-size:12px;font-weight:600;text-decoration:none}.inv-brand-add:hover{border-color:var(--navy);color:var(--navy)}.inv-brand-add-logo{flex:none;flex-direction:column;width:96px;height:64px;gap:2px}.inv-brand-add-sign{position:absolute;inset:0}.inv-brand-more{font-size:11.5px;font-weight:600;color:var(--navy)}.upi-apps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.upi-apps li{display:grid;place-items:center;height:24px;padding:0 7px;border:1px solid var(--inv-rule);border-radius:var(--radius-sm);background:#ffffff;color:var(--inv-label)}.upi-apps svg{display:block;height:14px;width:auto}.upi-bhim{font-size:10.5px;font-weight:800;font-style:italic;letter-spacing:.02em;color:#f37021}@container (max-width: 820px){.inv-table{font-size:12px}.inv-table td,.inv-table th{padding-left:5px;padding-right:5px}.inv-desc{min-width:120px}.inv-table th{white-space:normal;letter-spacing:.04em;vertical-align:bottom}}@container (max-width: 760px){.inv-sheet{padding:32px 20px 24px}.inv-head{flex-direction:column;gap:var(--space-4)}.inv-title-block{text-align:left}.inv-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-meta div:nth-child(3){border-left:0}.inv-meta div:nth-child(n+3){border-top:1px solid var(--inv-rule)}.inv-parties{grid-template-columns:1fr;gap:var(--space-5)}.inv-sign{justify-self:start;text-align:left}.pay-item{flex-wrap:wrap}.pay-proof{margin-left:44px}}@container (max-width: 600px){.inv-pay,.inv-totals-row{grid-template-columns:1fr;gap:var(--space-5)}.upi-card{width:100%;max-width:320px;justify-self:center}}@container (max-width: 520px){.inv-table-wrap{overflow:visible;margin:0}.inv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.inv-table,.inv-table tbody,.inv-table td,.inv-table tr{display:block}.inv-table tr{padding:var(--space-3) 0;border-bottom:1px solid var(--inv-rule-strong)}.inv-table td{display:flex;justify-content:space-between;gap:var(--space-3);padding:3px 0;border:0;text-align:right}.inv-table td[data-label]:before{content:attr(data-label);font-family:Plus Jakarta Sans,sans-serif;letter-spacing:0;font-size:11px;font-weight:600;color:var(--inv-label);text-align:left}.inv-table .inv-col-idx{display:none}.inv-table .inv-desc{display:block;min-width:0;padding-bottom:6px;text-align:left;font-size:14px}}@media print{@page{size:A4;margin:12mm}.inv-page{max-width:none;gap:0}.inv-print-only{display:grid}.inv-sheet{border:0;box-shadow:none;border-radius:0;padding:0 1px;display:block;min-height:0;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-sheet:before{display:none}.inv-sheet.inv-print-copy{display:block}.inv-sheet+.inv-sheet{page-break-before:always;break-before:page}.upi-apps{display:none}.inv-sign-art.has-art{height:52px}.inv-signature{max-height:48px}.inv-seal{width:58px;height:58px;right:100px}.inv-pay,.inv-table tr,.inv-totals-row{page-break-inside:avoid;break-inside:avoid}.inv-pay{grid-template-columns:190px 1fr 160px}.inv-parties,.inv-totals-row{grid-template-columns:1fr 1fr}.inv-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.inv-head{flex-direction:row}.inv-sign,.inv-title-block{text-align:right}.inv-meta div:nth-child(3){border-left:1px solid var(--inv-rule)}.inv-meta div:nth-child(n+3){border-top:0}.upi-card{box-shadow:none}.upi-qr-frame{width:128px;padding:6px}.inv-head{padding-bottom:10px}.inv-supplier.has-logo{gap:4px}.inv-logo{max-height:40px}.inv-meta div{padding:6px 10px}.inv-parties{padding:14px 0}.inv-table td{padding:6px}.inv-totals-row{padding:14px 0}.inv-sum-row{padding:4px 0}.inv-pay{padding:10px 12px;gap:16px;margin:0}.upi-card{gap:6px;padding:10px}.upi-id-row{padding:5px 8px}.inv-sign{grid-column:3;grid-row:1;align-self:end;justify-self:end;width:100%}.inv-sum-due{padding:8px 12px}.upi-card-head{flex-direction:column;align-items:center;gap:2px}.upi-amount{font-size:15px}.upi-scan{display:none}.inv-title{font-size:26px}.inv-parties,.inv-totals-row{padding:10px 0}.inv-foot{position:relative;font-size:11px}.inv-generated{position:absolute;top:12px;right:0;margin:0;padding:0;border:0}.inv-foot ol{gap:1px}.inv-sign-line{height:28px}.inv-foot{padding-top:12px}.inv-generated{margin-top:4px;padding-top:0;border-top:0;text-align:left}.upi-id{font-size:10.5px;white-space:nowrap;overflow-wrap:normal}}