.invoice-paper{aspect-ratio:1/1.414;width:100%;color:var(--text);font-family:var(--font);border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;gap:28px;padding:48px 44px 36px;font-size:13px;line-height:1.45;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #080a280f,0 12px 32px #080a2814}.invoice-paper .ip-mono{font-family:var(--mono);font-size:11.5px}.invoice-paper .ip-faint{color:var(--muted);opacity:.75}.invoice-paper .ip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.invoice-paper .ip-n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ip-stamp{letter-spacing:.14em;pointer-events:none;border:3px solid;border-radius:6px;padding:4px 12px;font-size:18px;font-weight:800;position:absolute;top:26px;right:22px;transform:rotate(12deg)}.ip-stamp-draft{color:var(--muted);opacity:.7}.ip-stamp-sent{color:var(--wc-blue)}.ip-stamp-paid{color:var(--positive);border-color:var(--wc-mint)}.ip-head{justify-content:space-between;gap:24px;padding-right:96px;display:flex}.ip-brand{flex-direction:column;gap:10px;min-width:0;display:flex}.ip-logo{object-fit:contain;object-position:left center;max-width:160px;max-height:56px}.ip-monogram{background:var(--wc-navy);width:48px;height:48px;color:var(--wc-lime);letter-spacing:.02em;border-radius:10px;place-items:center;font-size:18px;font-weight:700;display:grid}.ip-supplier{overflow-wrap:anywhere;font-size:16px;font-weight:600}.ip-title{text-align:right;flex-shrink:0}.ip-word{letter-spacing:.18em;color:var(--wc-navy);font-size:26px;font-weight:800}.ip-meta{grid-template-columns:auto auto;justify-content:end;gap:2px 12px;margin:8px 0 0;display:grid}.ip-meta dt{color:var(--muted)}.ip-meta dd{font-variant-numeric:tabular-nums;margin:0;font-weight:500}.ip-parties{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:24px;padding:16px 0;display:grid}.ip-party{flex-direction:column;gap:4px;min-width:0;display:flex}.ip-party-name{font-weight:600}.ip-lines{border-collapse:collapse;width:100%}.ip-lines th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--wc-navy);padding:0 0 8px;font-size:10.5px;font-weight:600}.ip-lines th.ip-n{text-align:right}.ip-lines td{border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;padding:10px 0}.ip-lines th+th,.ip-lines td+td{padding-left:16px}.ip-sums{flex-direction:column;gap:6px;width:min(100%,300px);margin-left:auto;display:flex}.ip-sum{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.ip-due{border-top:2px solid var(--wc-navy);justify-content:space-between;align-items:baseline;gap:16px;margin-top:6px;padding-top:10px;font-weight:600;display:flex}.ip-due .ip-n{font-size:22px;font-weight:700}.ip-unit{color:var(--muted);font-size:13px;font-weight:500}.ip-pay{align-items:flex-end;gap:20px;margin-top:auto;display:flex}.ip-qr-wrap{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.ip-qr{width:132px;height:132px;display:block}.ip-qr-bg{fill:#fff}.ip-qr-fg{fill:var(--wc-navy)}.ip-qr-box{text-align:center;border:1.5px dashed var(--border);border-radius:8px;place-items:center;width:132px;height:132px;padding:12px;font-size:11.5px;display:grid}.ip-pay-text{flex-direction:column;gap:6px;min-width:0;display:flex}.ip-actions{flex-wrap:wrap;gap:8px;display:flex}.ip-paid{color:var(--positive);font-weight:600}.ip-paid a{color:inherit}.ip-foot{border-top:1px solid var(--border);color:var(--text);flex-wrap:wrap;gap:8px 20px;padding-top:14px;font-size:12px;display:flex}.ip-foot .ip-label{margin-right:4px}.ip-foot-note{color:var(--muted);margin-left:auto}.paper-shell{min-width:0;container:paper/inline-size}@container paper (max-width:600px){.invoice-paper{aspect-ratio:auto;gap:22px;padding:28px 20px 24px}.ip-head{flex-direction:column;padding-right:72px}.ip-title{text-align:left}.ip-meta{justify-content:start}.ip-stamp{font-size:14px;top:18px;right:14px}.ip-parties{grid-template-columns:1fr;gap:12px}.ip-pay{flex-direction:column;align-items:flex-start}.ip-foot-note{margin-left:0}}.inv-split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:24px;display:grid}.pay-split{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.inv-split>*,.pay-split>*{min-width:0}@media (max-width:1200px){.inv-split{grid-template-columns:minmax(0,1fr)}.inv-split .paper-sticky{position:static}}@media (max-width:1100px){.pay-split{grid-template-columns:minmax(0,1fr)}.pay-split .pay-actions{order:-1;position:static}}.paper-sticky{flex-direction:column;gap:12px;display:flex;position:sticky;top:24px}.paper-toggle{display:none}.tech-details>summary{cursor:pointer;padding:4px 0;font-weight:500}.tech-details[open]>summary{margin-bottom:12px}@media (max-width:900px){.inv-split,.pay-split{grid-template-columns:minmax(0,1fr)}.paper-sticky{position:static}.paper-toggle{display:flex}.paper-col[data-open=false]{display:none}}.sample-bar{border:1px dashed var(--control);border-radius:var(--radius-inner);background:var(--raised);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.scan-modal{z-index:61;width:min(420px,100vw - 32px);padding:var(--card-pad);background:var(--surface);border-radius:var(--radius-card);flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #080a282e}.scan-video{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-inner);background:var(--wc-navy);width:100%}.list-bar{padding:0 var(--card-pad);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.list-bar .tabs{border-bottom:0}.list-search{width:min(100%,280px);margin-bottom:8px}.tab-count{background:var(--raised);min-width:20px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;margin-left:6px;padding:0 6px;font-size:12px;line-height:18px;display:inline-block}.tab[aria-selected=true] .tab-count{background:var(--wc-navy);color:#fff}.tab-sum{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px;font-weight:400}.inv-row{cursor:pointer}.inv-row[data-selected=true] td{background:var(--raised)}.drawer-overlay{z-index:60;background:#080a2852;position:fixed;inset:0}.drawer{z-index:61;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:480px;max-width:100vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #080a281f}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px 32px;display:flex;overflow-y:auto}.drawer-h{font-size:var(--fs-section);margin:0 0 12px;font-weight:600}.paper-mini .invoice-paper{aspect-ratio:auto;gap:16px;padding:28px 24px 22px;font-size:10.5px}.paper-mini .ip-head{padding-right:64px}.paper-mini .ip-word{font-size:18px}.paper-mini .ip-supplier{font-size:13px}.paper-mini .ip-monogram{width:36px;height:36px;font-size:14px}.paper-mini .ip-stamp{border-width:2px;font-size:13px;top:16px;right:12px}.paper-mini .ip-due .ip-n{font-size:17px}.paper-mini .ip-qr,.paper-mini .ip-qr-box{width:96px;height:96px}@media (max-width:600px){.drawer{border-left:0;width:100vw}.drawer-head,.drawer-body{padding-left:16px;padding-right:16px}}@media print{.paper-col.no-print,.paper-col.no-print *{display:none!important}@page{size:A4;margin:12mm}body :not(:has(.invoice-paper)):not(.invoice-paper):not(.invoice-paper *){display:none!important}:has(.invoice-paper){box-shadow:none!important;background:0 0!important;border:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.invoice-paper{box-shadow:none;aspect-ratio:auto;break-inside:avoid;border:0;border-radius:0;min-height:270mm;padding:0}.invoice-paper a{color:inherit;text-decoration:none}.ip-actions,.drawer-overlay,.drawer-head{display:none!important}.paper-mini .invoice-paper{gap:28px;padding:0;font-size:13px}.paper-mini .ip-word{font-size:26px}.paper-mini .ip-qr,.paper-mini .ip-qr-box{width:132px;height:132px}}.pay-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pay-step{border-radius:var(--radius-inner);border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--muted);align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.pay-step-n{border:2px solid var(--control);border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-grid}.pay-step-label{overflow-wrap:anywhere;min-width:0;line-height:18px}.pay-step[data-state=active]{color:var(--text);border-color:var(--wc-blue);box-shadow:0 0 0 3px #0066ff1f}.pay-step[data-state=active] .pay-step-n{border-color:var(--wc-blue);color:var(--wc-blue)}.pay-step[data-state=done]{color:var(--text)}.pay-step[data-state=done] .pay-step-n{border-color:var(--positive);background:var(--positive);color:#fff}.pay-step[data-state=error]{color:var(--negative);border-color:#f2c4c0}.pay-step[data-state=error] .pay-step-n{border-color:var(--negative);background:var(--negative);color:#fff}.pay-success{padding:20px var(--card-pad);border-radius:var(--radius-card);background:var(--pill-positive-bg);border:1px solid #b4ecd7;align-items:center;gap:20px;display:flex}.pay-success h2{margin:0 0 4px;font-size:20px;line-height:28px}.pay-success p{margin:0 0 12px}.pay-success-body{min-width:0}.pay-success-check{background:var(--positive);color:#fff;border-radius:999px;flex:none;place-items:center;width:64px;height:64px;font-size:34px;font-weight:700;animation:.42s cubic-bezier(.2,1.4,.4,1) both pay-pop;display:grid}.error-detail{opacity:.8;overflow-wrap:anywhere;margin-top:4px;display:block}@keyframes pay-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pay-success-check{animation:none}}@media (max-width:900px){.pay-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-success{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.pay-success-check{width:52px;height:52px;font-size:28px}}@media print{.pay-steps,.pay-success,.toasts{display:none!important}}.pill-wrap .pill{white-space:normal;height:auto;min-height:22px;padding-top:3px;padding-bottom:3px;line-height:16px}.pay-actions .kv{grid-template-columns:minmax(64px,auto) minmax(0,1fr)}.colleagues>summary{cursor:pointer;padding:4px 0;font-weight:500}.colleagues[open]>summary{margin-bottom:8px}.pay-more{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:600px){.list-bar{padding:0 16px}.list-bar .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;width:100%;display:grid;overflow:visible}.list-bar .tab{white-space:normal;text-align:left;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.list-bar .tab .tab-count,.list-bar .tab .tab-sum{margin-left:0}.list-search{width:100%}}.ip-pay{text-align:center;flex-direction:column;align-items:center;gap:12px}.ip-qr-wrap,.ip-pay-text{align-items:center}.ip-actions{justify-content:center}@container paper (max-width:600px){.ip-pay{align-items:center}}.bs-guide{flex-direction:column;gap:12px;margin:0;padding-left:22px;display:flex}.bs-guide>li::marker{color:var(--wc-blue);font-weight:700}.bs-fields{flex-direction:column;gap:8px;margin-top:8px;display:flex}.bs-field{border:1px solid var(--border);border-radius:var(--radius-inner);background:var(--surface);flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.bs-field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bs-preview{color:var(--text);overflow-wrap:anywhere}.bs-parts>summary{cursor:pointer;color:var(--muted);padding:4px 0}.bs-part{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.bs-part-text{flex-direction:column;min-width:0;display:flex}.bs-secondary{color:var(--muted);margin:8px 0 0;font-size:14px;font-weight:600}.side-tabs{padding:0 var(--card-pad)}@media (max-width:600px){.side-tabs{padding:0 16px}}.ip-inr{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.ip-inr span{opacity:.8}.ip-gstin{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:10.5px}.ip-hsn{font-family:var(--mono);color:var(--muted);font-size:11px}.ip-sub{padding-left:12px;font-size:.92em}