.po-entry{display:flex;align-items:center;gap:13px;padding:15px 18px;margin:0 0 20px;border:1px solid #b18bb94d;border-radius:18px;background:linear-gradient(115deg,#f6edf9,#fff9f4);box-shadow:inset 0 1px #fff9}.po-entry-icon,.po-row-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:#ab68b819;color:#8a499a}.po-entry-icon svg,.po-row-icon svg{width:22px;height:22px}.po-entry>div{flex:1}.po-entry strong{display:block;font-size:14px}.po-entry span:not(.po-entry-icon){display:block;font-size:12px;color:var(--muted)}.po-entry-button{font-weight:700;color:#8d4b98;flex:none}.po-eyebrow{color:#93559f;font-size:11px;font-weight:800;letter-spacing:.13em}.po-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.po-metrics>div{border:1px solid #b38bb92e;background:linear-gradient(135deg,#faf5fc,#f1e8f5);border-radius:18px;padding:20px}.po-metrics small{display:block;color:#86758d;font-size:12px}.po-metrics strong{display:block;font-size:32px;color:#80478f;line-height:1.4}.po-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.po-toolbar .tabrow{margin:0}.po-filters{display:grid;grid-template-columns:1fr minmax(170px,220px);gap:12px;margin-bottom:20px}.po-filters:has(>input:last-child){grid-template-columns:1fr}.po-filters .search{margin:0;min-width:0}.po-filters select{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);padding:12px;font:inherit;font-size:13px}.po-history{padding:8px 20px 16px}.po-list-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.po-list-row:last-child{border:0}.po-row-info{flex:1;min-width:0}.po-row-info>strong{display:block;font-size:15px;overflow-wrap:anywhere}.po-row-info>span,.po-row-info>small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.po-code{font-size:10px;letter-spacing:.04em;color:#9c6da6;margin-bottom:5px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.po-status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:750;letter-spacing:0;white-space:nowrap}.po-draft{background:#f6e9c9;color:#946725}.po-sent{background:#e9ddf4;color:#754895}.po-received{background:#dbefe4;color:#2c7955}.po-cancelled{background:#f6e4e3;color:#a45251}.po-empty{padding:35px 15px;display:flex;flex-direction:column;align-items:center}.po-empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#a564b419;color:#945ba2;margin-bottom:15px}.po-empty svg{width:28px;height:28px}.po-empty strong{font-size:19px;color:var(--ink)}.po-empty p{font-size:13px;max-width:420px;margin:10px 0 20px}.po-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.po-form .notice:empty,#purchaseShareStatus:empty{display:none}.po-draft-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px;color:var(--muted);margin-bottom:20px}.po-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.po-section-title h3{font-size:16px;margin:0}.po-section-title .pill{font-size:11px;padding:7px 10px}.po-catalog{padding:16px!important;box-shadow:none!important;background:var(--bg)!important;border:1px solid var(--line)!important}.po-catalog>.search{margin:3px 0 6px;font-size:13px;padding:11px 12px}.po-catalog-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.po-catalog-row>div{flex:1;min-width:0}.po-catalog-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.po-catalog-row span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.po-add{font-size:20px!important;width:34px;height:34px;display:grid;place-items:center;padding:0!important;flex:none;color:#a056a7!important;border-color:#bd8fc45c!important}.po-catalog .pager{font-size:10px;margin:12px 0 0;gap:8px}.po-catalog .pager .pill{font-size:10px;padding:7px 8px}.po-manual{border-top:1px dashed #ad7bbb55;margin-top:17px;padding-top:16px}.po-manual>strong{font-size:12px}.po-manual .small{font-size:10px}.po-manual-fields{display:grid;grid-template-columns:1fr 1fr 70px auto;gap:7px;margin:9px 0}.po-manual-fields input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px;font:inherit;font-size:12px;background:var(--panel);color:var(--ink)}.po-manual-fields .pill{font-size:11px;padding:7px 10px}.po-selection{background:linear-gradient(125deg,#e6f5ed,#f6fcf9)!important;border:1px solid #99c8ac88!important;box-shadow:none!important;padding:18px!important}.po-selection .po-section-title{color:#317e5c}.po-selection .po-section-title>strong{font-size:12px}.po-item-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #8bbaa844}.po-item-row:last-child{border-bottom:0}.po-item-row>div{flex:1;min-width:0}.po-item-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.po-item-row span{display:block;font-size:11px;color:#648273}.po-qty-label{width:77px;flex:none}.po-qty-label>span{font-size:9px;margin-bottom:3px}.po-qty-label input{width:100%;border:1px solid #a4c7b699;border-radius:10px;background:#fff9;padding:8px;font:inherit;font-size:13px;color:#2d5542;text-align:center}.po-remove{padding:6px!important;width:28px;height:28px;border-color:#91b8a96e!important;color:#618675!important}.po-detail-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.po-detail-top h3{margin:8px 0;font-size:23px;overflow-wrap:anywhere}.po-detail-top .small{font-size:12px}.po-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px;padding:16px;border-radius:15px;background:linear-gradient(120deg,#f1e6f7,#fcf5fa);border:1px solid #caa7d34d}.po-detail-summary strong{font-size:18px;color:#8d519b;white-space:nowrap}.po-detail-summary span{font-size:12px;color:var(--muted);text-align:right}.po-detail-items{border-bottom:1px solid var(--line);margin-bottom:16px}.po-detail-items>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.po-detail-items>div:last-child{border:0}.po-detail-items strong{display:block;font-size:14px;overflow-wrap:anywhere}.po-detail-items small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.po-detail-items b{font-size:13px;white-space:nowrap;color:#91579a}.po-notes{padding:15px;border:1px solid var(--line);border-radius:14px;margin:18px 0;background:var(--bg)}.po-notes>strong{font-size:12px}.po-notes p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:8px 0 0}.po-share-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 15px}.po-share-buttons .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;padding:12px 16px;min-height:43px}.po-whatsapp{background:linear-gradient(120deg,#2c9b76,#46b184)!important;color:white!important}.po-status-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin:20px 0 15px}.po-status-actions .pill{font-size:11px}.dark .po-entry{background:linear-gradient(115deg,#34263d,#322732);border-color:#b28bbc44;box-shadow:inset 0 1px #ffffff09}.dark .po-metrics>div{background:linear-gradient(135deg,#34263e,#2a2131);border-color:#b38bb938}.dark .po-metrics strong,.dark .po-eyebrow{color:#d49bdd}.dark .po-metrics small{color:#c2accc}.dark .po-selection{background:linear-gradient(125deg,#213f33,#1c342d)!important;border-color:#6eab8e66!important}.dark .po-selection .po-section-title{color:#a1d4b7}.dark .po-item-row span,.dark .po-qty-label>span{color:#a4c9b3}.dark .po-qty-label input{background:#214131;color:#d9f3e2;border-color:#61977c77}.dark .po-detail-summary{background:linear-gradient(120deg,#392640,#302235)}.dark .po-detail-summary strong,.dark .po-detail-items b{color:#d4a1dc}.dark .po-empty strong{color:var(--ink)}
@media(max-width:649px){.po-entry{padding:13px;gap:10px;flex-wrap:wrap}.po-entry-icon{width:34px;height:34px;border-radius:10px}.po-entry>div{flex-basis:calc(100% - 48px)}.po-entry strong{font-size:12px}.po-entry span:not(.po-entry-icon){font-size:10px}.po-entry-button{margin-left:44px;font-size:11px!important}.po-metrics{gap:7px;margin:18px 0}.po-metrics>div{padding:12px 10px;border-radius:14px}.po-metrics small{font-size:9px;min-height:27px}.po-metrics strong{font-size:26px}.po-toolbar .btn{font-size:12px;padding:10px 13px}.po-toolbar .tabrow{gap:6px}.po-toolbar .tabrow button{padding:9px 12px;font-size:12px}.po-filters{grid-template-columns:1fr;gap:8px;margin-bottom:15px}.po-filters select{padding:10px;font-size:12px}.po-filters .search{font-size:13px;padding:13px}.po-history{padding:5px 13px 12px}.po-list-row{gap:10px;padding:14px 0;flex-wrap:wrap}.po-row-icon{width:32px;height:32px;border-radius:10px}.po-row-info{flex-basis:calc(100% - 44px)}.po-row-info>strong{font-size:13px}.po-row-info>span,.po-row-info>small{font-size:10px}.po-list-row>.pill{margin-left:auto;font-size:11px;padding:7px 12px}.po-code{font-size:9px;gap:6px}.po-status{font-size:9px}.po-catalog{padding:12px!important}.po-section-title h3{font-size:14px}.po-section-title .pill{font-size:9px;padding:6px 8px}.po-manual-fields{grid-template-columns:1fr 64px}.po-manual-fields input:first-child{grid-column:1/-1}.po-manual-fields input:nth-child(2){grid-column:1}.po-manual-fields .pill{grid-column:1/-1}.po-item-row{gap:7px}.po-item-row strong{font-size:12px}.po-qty-label{width:66px}.po-detail-summary{padding:13px;align-items:flex-start;flex-direction:column;gap:4px}.po-detail-summary span{text-align:left}.po-share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.po-share-buttons .btn{font-size:11px;padding:11px 10px}.po-share-buttons .po-whatsapp{grid-column:1/-1}.po-detail-top h3{font-size:19px}.po-catalog .pager{font-size:9px}.po-catalog .pager .pill{font-size:9px;padding:6px}.po-selection{padding:13px!important}}