.po-docs-card{display:grid;gap:12px}.po-doc-list{display:grid;gap:7px}.po-doc-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--hs-line);border-radius:11px;padding:9px 10px;background:var(--hs-surface-2)}.po-doc-row>div{display:flex;gap:10px;align-items:center}.po-doc-row>div:first-child{display:grid;gap:2px}.po-doc-row span{font-size:9px;color:var(--hs-muted)}.po-doc-row b{font-size:10px}.po-doc-stage{position:fixed;inset:0;z-index:10030;background:rgba(12,12,12,.72);display:grid;place-items:center;padding:18px;overflow:auto}.po-doc-shell{width:min(100%,900px);display:grid;gap:10px}.po-doc-screen{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--hs-surface);border:1px solid var(--hs-line);border-radius:14px;padding:12px 13px}.po-doc-screen>div:first-child{display:grid;gap:2px}.po-doc-screen strong{font-size:13px}.po-doc-screen span{font-size:9.5px;color:var(--hs-muted)}.po-doc-screen>div:last-child{display:flex;gap:7px}.po-paper{position:relative;width:210mm;max-width:100%;min-height:270mm;margin:0 auto;background:#fff;color:#111;padding:11mm 12mm;box-sizing:border-box;font-family:Arial,"Noto Sans Sinhala",sans-serif;font-size:9.5px;line-height:1.35;box-shadow:0 12px 40px rgba(0,0,0,.28);overflow:hidden}.po-paper *{box-sizing:border-box}.po-watermark{position:absolute;inset:42% auto auto 12%;transform:rotate(-24deg);font-size:64px;font-weight:900;letter-spacing:.08em;color:rgba(180,0,0,.11);pointer-events:none}.po-brand{display:flex;justify-content:space-between;gap:24px;padding-bottom:11px;border-bottom:2px solid #111}.po-brand h1{margin:0 0 3px;font-size:22px}.po-brand p{margin:1px 0;font-size:8.5px}.po-title{text-align:right;display:grid;justify-items:end;gap:4px}.po-title span{font-size:7.5px;font-weight:800;letter-spacing:.1em}.po-title strong{font-size:18px}.po-title b{border:1px solid #111;padding:4px 7px;font-size:10px}.po-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:13px 0;padding:9px 0;border-bottom:1px solid #999}.po-meta>div{display:flex;justify-content:space-between;gap:12px}.po-meta span{color:#555}.po-meta strong{text-align:right}.po-lines{border:1px solid #999}.po-line{display:grid;grid-template-columns:28px minmax(220px,1fr) 60px 60px 78px 86px;gap:7px;padding:6px 7px;border-bottom:1px solid #ddd;align-items:start}.po-line:last-child{border-bottom:0}.po-line.head{font-size:7.5px;font-weight:800;text-transform:uppercase;background:#f4f4f4;border-bottom:1px solid #999}.po-line>span:nth-child(n+3){text-align:right}.po-line b{display:block}.po-line small{display:block;color:#555;font-size:7.5px;margin-top:2px}.po-total{display:flex;justify-content:flex-end;gap:26px;margin:10px 0;font-size:11px}.po-total strong{font-size:13px}.po-notes{border:1px solid #aaa;padding:8px 9px;margin-top:9px}.po-notes.danger{border-color:#9d2f2f}.po-notes strong{font-size:8px;text-transform:uppercase;letter-spacing:.07em}.po-notes p{margin:3px 0}.po-signatures{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin:34px 8px 18px}.po-signatures>div{text-align:center;display:grid;gap:3px}.po-signatures strong{font-size:8.5px}.po-signatures span{font-size:8px;color:#555}.po-notice{display:grid;gap:3px;border-top:1px solid #111;padding-top:9px}.po-notice strong{font-size:8px;letter-spacing:.06em}.po-notice span{font-size:7.5px;color:#555}@media(max-width:760px){.po-doc-row,.po-doc-row>div:last-child{display:grid}.po-doc-stage{padding:8px}.po-paper{width:100%;min-height:auto;padding:7mm}.po-meta{grid-template-columns:1fr}.po-lines{overflow:auto}.po-line{min-width:650px}.po-signatures{grid-template-columns:1fr;gap:24px}}@media print{@page{size:A4;margin:8mm}html,body{margin:0!important;padding:0!important;background:#fff!important}body>#app,body>.toast-root{display:none!important}.po-doc-stage{position:static!important;display:block!important;background:#fff!important;padding:0!important;overflow:visible!important}.po-doc-shell{display:block!important;width:auto!important}.po-doc-screen{display:none!important}.po-paper{width:194mm!important;max-width:none!important;min-height:0!important;margin:0!important;padding:4mm!important;box-shadow:none!important;background:#fff!important;color:#000!important}.po-brand,.po-meta,.po-line,.po-total,.po-notes,.po-signatures,.po-notice{break-inside:avoid;page-break-inside:avoid}}