.pob-open{overflow:hidden}.pob-overlay{position:fixed;inset:0;z-index:10020;background:#0d1725aa;display:grid;place-items:center;padding:18px}.pob-overlay[hidden]{display:none}.pob{width:min(1320px,100%);max-height:96vh;overflow:auto;background:#fbfaf6;border-radius:16px;box-shadow:0 24px 80px #0005;font:13px "IBM Plex Sans Thai",sans-serif;color:#172033}.pob>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fff;border-bottom:1px solid #ddd6c8}.pob h2,.pob h3{margin:0}.pob mark{border:0;border-radius:999px;padding:5px 14px;background:#dcecff}.pob button{min-height:38px;border:1px solid #c7b98f;border-radius:8px;background:#fff;padding:0 16px;font-weight:700}.pob .primary{background:linear-gradient(135deg,#bd9126,#8e6812);color:#fff}.pob>header span{display:flex;gap:8px}.pob-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 40px}.pob-steps button{border:0;border-bottom:2px solid #d9d9d9;border-radius:0;background:transparent}.pob-steps i{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:#fff;border:1px solid #bbb}.pob-steps .active{color:#88620e;border-color:#aa7c17}.pob-steps .active i{background:#aa7c17;color:#fff}.pob-pane{display:block;margin:14px 22px;padding:18px;border:1px solid #dedbd3;border-radius:12px;background:#fff}.pob-pane.show{display:block}.pob-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 28px;margin-top:16px}.pob label{display:grid;gap:5px}.pob input,.pob select,.pob textarea{min-height:38px;border:1px solid #cdd3dc;border-radius:7px;padding:7px 10px;background:#fff;font:inherit}.pob-title{display:flex;justify-content:space-between}.pob-table{overflow:auto;margin-top:12px}.pob table{width:100%;border-collapse:collapse;table-layout:fixed}.pob-col-no{width:3%}.pob-col-code{width:14%}.pob-col-name{width:22%}.pob-col-unit{width:5%}.pob-col-qty{width:9%}.pob-col-price{width:11%}.pob-col-discount{width:10%}.pob-col-net{width:12%}.pob-col-total{width:10%}.pob-col-action{width:4%}.pob th,.pob td{padding:8px;border-bottom:1px solid #e2e2e2;text-align:left}.pob th{background:#f2f1ed}.pob td input{width:100%;box-sizing:border-box}.pob-code-select{width:100%;min-height:34px;font-weight:700}.pob-table th:nth-child(1),.pob-table td:nth-child(1),.pob-table th:nth-child(4),.pob-table td:nth-child(4),.pob-table th:nth-child(10),.pob-table td:nth-child(10){text-align:center}.pob-table th:nth-child(n+5):nth-child(-n+9),.pob-table td:nth-child(n+5):nth-child(-n+9){text-align:right}.pob-table td:nth-child(2),.pob-table td:nth-child(3){overflow-wrap:anywhere}.pob .num{text-align:right;font-weight:700}.pob-review{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.pob-review textarea{min-height:100px}.pob-upload{margin-top:12px;padding:18px;border:1px dashed #9eb7d8;text-align:center}.pob-review aside{padding:14px;background:#faf7ed;border-radius:10px}.pob-review aside p,.pob-review aside .pob-vat{display:flex;align-items:center;justify-content:space-between}.pob-review aside .pob-vat select{width:90px;margin-left:auto;margin-right:18px}.pob-review .grand{font-size:18px;border-top:1px solid #d1bd84;padding-top:10px}.pob>footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:0 22px 18px}.pob>footer p{margin-right:auto;color:#b42318}.pob-picker{position:fixed;inset:0;z-index:10080;background:#1118;display:grid;place-items:center;padding:18px}.pob-picker>section{width:min(1160px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:20px}.pob-picker header,.pob-picker footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.pob-picker>section>input{width:100%;margin:14px 0}.pob-picker-table{max-height:55vh;overflow:auto}.pob-picker footer{padding-top:16px}@media(max-width:1050px){.pob-form{grid-template-columns:1fr 1fr}}@media(max-width:750px){.pob-overlay{padding:0}.pob{max-height:100vh;border-radius:0}.pob>header,.pob-review{display:block}.pob>header span{margin-top:10px;overflow:auto}.pob-form{grid-template-columns:1fr}.pob-steps{padding:10px}.pob-steps b{display:none}.pob-pane{margin:8px;padding:10px}.pob-review aside{margin-top:12px}.pob-picker{padding:0}.pob-picker>section{max-height:100vh;border-radius:0}}
.pob-selected,.pob-branch-address{font-size:11px;color:#667085}.pob-branch-address{line-height:1.45}.pob input[data-supplier-search]{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23886b21' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px center;padding-left:34px}
.pob-tabs{display:flex;gap:24px;padding:0 22px;border-bottom:1px solid #ded6c6;background:#fff}.pob-tabs button{border:0;border-radius:0;background:transparent;padding:0 4px;min-height:46px;color:#667085}.pob-tabs button.active{color:#8a6414;border-bottom:3px solid #b48720}@media(max-width:750px){.pob-tabs{overflow:auto;white-space:nowrap}}
.stock-tab-panel #stockPoBuilderMount .pob-overlay{position:static;display:block;background:transparent;padding:0;z-index:auto}.stock-tab-panel #stockPoBuilderMount .pob-overlay[hidden]{display:none}.stock-tab-panel #stockPoBuilderMount .pob{width:100%;max-height:none;overflow:visible;box-shadow:none;border:1px solid #ded6c6}.stock-tab-panel #stockPoBuilderMount .pob [data-close]{display:none}