#home.po-desk.purchasing-workspace,#stok.po-desk.purchasing-workspace,.purchasing-workspace{max-width:none;width:100%;padding:clamp(10px,1.5vw,22px);margin:0}.login-purchasing{display:flex;flex-direction:column;gap:5px;width:min(100%,520px);min-height:72px;margin-top:12px;padding:13px 16px;text-align:left;background:#eef2ff;border:2px solid #4f46e5;border-radius:10px;color:#25236a;font:inherit;cursor:pointer}.login-purchasing span{font-size:1rem;font-weight:800}.login-purchasing small{font-size:.8rem;line-height:1.45;color:#344054}.login-purchasing:hover{background:#e0e7ff}.login-purchasing:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.pw-page{width:100%;min-width:0;color:#101828}.pw-page *{min-width:0}.pw-page button,.pw-page select,.pw-page input{font:inherit}.pw-top{display:grid;grid-template-columns:auto minmax(150px,210px) minmax(260px,1fr) auto;gap:9px;align-items:end;margin-bottom:9px}.pw-top h1{margin:0;padding-bottom:6px;font-size:clamp(1.25rem,2vw,1.75rem);white-space:nowrap}.pw-top h1 small{font-size:.76rem;color:#667085}.pw-top label>span,.pw-controls label>span{display:block;margin-bottom:4px;color:#475467;font-size:.72rem;font-weight:800}.pw-top select,.pw-top input,.pw-controls input{width:100%;height:42px;padding:7px 9px;border:1px solid #b8c2d1;border-radius:4px;background:#fff}.pw-pending{height:42px;padding:7px 10px;border:1px solid #4f46e5;border-radius:4px;background:#fff;color:#3730a3;font-weight:800;white-space:nowrap}.pw-pending b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:10px;background:#4338ca;color:#fff;font-size:.75rem}.pw-active-filters{display:flex;align-items:center;gap:8px;margin:-3px 0 8px;color:#475467;font-size:.76rem;font-weight:700;overflow-wrap:anywhere}.pw-active-filters button{min-height:32px;padding:4px 8px;border:1px solid #c3cad5;border-radius:3px;background:#fff;color:#344054;font-size:.75rem;font-weight:750;white-space:nowrap}.pw-controls{display:flex;align-items:end;gap:8px;padding:9px 0 11px;border-block:1px solid #dfe3ea;margin-bottom:9px}.pw-filter-grid{display:flex;gap:5px}.pw-filter-grid button{height:38px;padding:6px 10px;border:1px solid #c3cad5;border-radius:3px;background:#fff;color:#344054;font-size:.82rem;font-weight:750;white-space:nowrap}.pw-filter-grid button[aria-pressed="true"]{border-color:#4f46e5;background:#eef2ff;color:#3730a3}.pw-controls label{width:min(190px,19vw)}.pw-scope{padding-bottom:10px;margin-left:auto;color:#667085;font-size:.78rem;font-weight:700;white-space:nowrap}.pw-results-label{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(360px,1.25fr);gap:12px;padding:0 11px 5px;color:#667085;font-size:.7rem;font-weight:850;text-transform:uppercase}.pw-material-list{display:grid;gap:5px}.pw-material{border:1px solid #d0d5dd;border-radius:4px;background:#fff;overflow:hidden}.pw-material[open]{border-color:#818cf8}.pw-material>summary{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(360px,1.3fr) auto;gap:10px;align-items:center;padding:9px 11px;cursor:pointer;list-style:none}.pw-material>summary::-webkit-details-marker{display:none}.pw-material>summary::after{content:'⌄';color:#4338ca;font-size:1.08rem;font-weight:850}.pw-material[open]>summary::after{transform:rotate(180deg)}.pw-material>summary:focus-visible,.pw-page button:focus-visible,.pw-page select:focus-visible,.pw-page input:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}.pw-name{display:block;font-size:.94rem;line-height:1.25;overflow-wrap:anywhere}.pw-spec{display:block;margin-top:2px;color:#667085;font-size:.77rem;overflow-wrap:anywhere}.pw-spec small{margin-left:4px;color:#475467}.pw-row-data{display:flex;align-items:center;gap:6px;min-width:0}.pw-cell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:baseline;flex:1;min-width:150px;padding:4px 6px;border-left:2px solid #d0d5dd;background:#f8fafc;color:#344054;font-size:.76rem}.pw-cell>b,.pw-cell>strong{white-space:nowrap}.pw-cell>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085}.pw-stock-low{border-color:#f79009;background:#fffaeb;color:#7a2e0e}.pw-price{display:grid;gap:1px;min-width:120px;padding-left:8px;border-left:1px solid #d0d5dd;color:#25236a;white-space:nowrap}.pw-price b{font-size:.84rem}.pw-price small{font-size:.68rem;color:#667085}.pw-muted{font-size:.74rem;color:#667085}.pw-row-state em{display:block;padding:3px 5px;border-radius:3px;background:#fffaeb;color:#9a3412;font-size:.72rem;font-style:normal;font-weight:850;white-space:nowrap}.pw-material-detail{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(330px,1.2fr);gap:14px;padding:10px 11px;border-top:1px solid #e4e7ec;background:#fafbfc}.pw-material-detail h3{margin:0 0 6px;font-size:.8rem;color:#344054}.pw-factory{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #e4e7ec;font-size:.78rem}.pw-factory small{display:block;color:#667085;overflow-wrap:anywhere}.pw-factory strong{white-space:nowrap}.pw-factory button{min-height:32px;padding:5px 8px;border:1px solid #4f46e5;border-radius:3px;background:#fff;color:#4338ca;font-size:.75rem;font-weight:800}.pw-factory button:disabled{border-color:#d0d5dd;background:#f2f4f7;color:#667085}.pw-history-head,.pw-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.35fr) minmax(98px,.5fr);gap:7px;padding:6px 0;border-top:1px solid #e4e7ec;font-size:.75rem}.pw-history-head{font-weight:850;color:#667085}.pw-history-row small{display:block;color:#667085;overflow-wrap:anywhere}.pw-history-row>span:nth-child(2),.pw-history-row strong{text-align:right;white-space:nowrap}.pw-history p{margin:8px 0;color:#667085;font-size:.77rem}.pw-queue{display:none;margin-top:10px;padding:10px 11px;border:1px solid #c7d2fe;border-radius:4px;background:#f8faff}.pw-queue-visible .pw-queue{display:block}.pw-panel-title{display:flex;justify-content:space-between;gap:8px}.pw-panel-title h2{margin:0;font-size:.95rem}.pw-panel-title span{font-size:.77rem;color:#667085;font-weight:750}.pw-queue-list{display:grid;gap:4px;margin-top:8px}.pw-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:7px 0;border-top:1px solid #dbe2ee}.pw-queue-item b,.pw-queue-item small{display:block;overflow-wrap:anywhere}.pw-queue-item b{font-size:.83rem}.pw-queue-item small{color:#667085;font-size:.72rem}.pw-queue-item button{min-height:34px;padding:5px 8px;border:1px solid #c3cad5;border-radius:3px;background:#fff;font-size:.75rem;font-weight:750}.pw-queue-item .pw-primary{border-color:#4338ca;background:#4338ca;color:#fff}.pw-queue-empty{margin:7px 0;color:#667085;font-size:.78rem}.pw-empty{padding:25px 12px;text-align:center;border:1px dashed #cbd5e1;border-radius:4px;color:#667085;font-size:.85rem}
@media(max-width:900px){.pw-top{grid-template-columns:auto minmax(140px,190px) minmax(190px,1fr) auto}.pw-results-label{display:none}.pw-material>summary{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.3fr) auto}.pw-row-data{flex-wrap:wrap}.pw-cell{flex-basis:210px}.pw-material-detail{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.pw-top{grid-template-columns:minmax(0,1fr) auto}.pw-top h1{padding:0}.pw-warehouse{grid-column:1}.pw-search{grid-column:1/-1;grid-row:2}.pw-pending{grid-column:2;grid-row:1}.pw-active-filters{align-items:flex-start}.pw-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.pw-filter-grid{grid-column:1/-1}.pw-filter-grid button,.pw-controls input,.pw-active-filters button{min-height:44px}.pw-filter-grid button{flex:1;padding-inline:5px}.pw-controls label{width:auto}.pw-scope{grid-column:2;justify-self:end;margin:0;padding:0;font-size:.72rem}.pw-material>summary{grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start}.pw-row-data{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.pw-cell{width:100%;min-width:0}.pw-price{padding:3px 6px;border-left:2px solid #c7d2fe;background:#f8faff}.pw-row-state{grid-column:2;grid-row:1}.pw-material>summary::after{grid-column:2;grid-row:2}.pw-material-detail{grid-template-columns:minmax(0,1fr)}.pw-history-head,.pw-history-row{grid-template-columns:minmax(0,1fr) auto auto}.pw-queue-item{grid-template-columns:minmax(0,1fr) auto auto}}@media(max-width:380px){.pw-controls{grid-template-columns:minmax(0,1fr)}.pw-scope{grid-column:auto;justify-self:start}.pw-filter-grid button{font-size:.72rem}.pw-queue-item{grid-template-columns:minmax(0,1fr) auto}.pw-queue-item .pw-primary{grid-column:1}.pw-queue-item button:last-child{grid-column:2;grid-row:1}}
.pw-show-more{display:block;min-height:40px;margin:9px auto 0;padding:7px 12px;border:1px solid #98a2b3;border-radius:3px;background:#fff;color:#344054;font-size:.8rem;font-weight:800}
@media(max-width:680px){.pw-top select,.pw-top input,.pw-pending,.pw-factory button,.pw-queue-item button,.pw-show-more{min-height:44px;height:auto}.pw-history-head,.pw-history-row{font-size:.875rem}.pw-history-row{line-height:1.35}.pw-history-row small{font-size:.8rem}.pw-name{font-size:1rem}.pw-material>summary{align-items:start}}
.pw-material>summary{grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr) auto 28px;min-height:64px}.pw-material>summary>span:nth-of-type(1){grid-column:1}.pw-material>summary>.pw-row-data{grid-column:2}.pw-material>summary>.pw-row-state{grid-column:3}.pw-material>summary::after{grid-column:4;grid-row:1;justify-self:end;align-self:center}.pw-row-state{justify-self:end}
@media(max-width:900px){.pw-material>summary{grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr) auto 28px}}
@media(max-width:680px){.pw-material>summary{grid-template-columns:minmax(0,1fr) auto 28px;min-height:0}.pw-material>summary>span:nth-of-type(1){grid-column:1;grid-row:1}.pw-material>summary>.pw-row-data{grid-column:1/-1;grid-row:2;padding-right:0}.pw-material>summary>.pw-row-state{grid-column:2;grid-row:1}.pw-material>summary::after{grid-column:3;grid-row:1;align-self:start}.pw-row-state{padding-right:2px}}
.pw-material-price>summary{grid-template-columns:minmax(220px,.82fr) minmax(132px,.42fr) minmax(300px,1.1fr) auto 28px}.pw-material-price>summary>.pw-item-info{grid-column:1}.pw-material-price>summary>.pw-item-price{grid-column:2;align-self:center;padding-left:9px;border-left:1px solid #d0d5dd}.pw-material-price>summary>.pw-row-data{grid-column:3}.pw-material-price>summary>.pw-row-state{grid-column:4}.pw-material-price>summary::after{grid-column:5}.pw-item-price .pw-price{border-left:0;padding-left:0}.pw-item-price .pw-price small{display:block}.pw-item-row .pw-row-data{border-left:1px solid #d0d5dd;padding-left:9px}
@media(max-width:900px){.pw-material-price>summary{grid-template-columns:minmax(150px,.72fr) minmax(118px,.42fr) minmax(220px,1fr) auto 28px}}
@media(max-width:680px){.pw-material-price>summary{grid-template-columns:minmax(0,1fr) auto 28px}.pw-material-price>summary>.pw-item-info{grid-column:1;grid-row:1}.pw-material-price>summary>.pw-item-price{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #e4e7ec;padding:6px 0}.pw-material-price>summary>.pw-row-data{grid-column:1/-1;grid-row:3;border-left:0;padding-left:0}.pw-material-price>summary>.pw-row-state{grid-column:2;grid-row:1}.pw-material-price>summary::after{grid-column:3;grid-row:1}.pw-item-price .pw-price{min-width:0;background:transparent}}
.pw-results-label{grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr) auto 28px;align-items:end}.pw-results-label-price{grid-template-columns:minmax(220px,.82fr) minmax(132px,.42fr) minmax(300px,1.1fr) auto 28px}.pw-results-label>span:last-child{justify-self:end}
@media(max-width:900px){.pw-results-label{grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr) auto 28px}.pw-results-label-price{grid-template-columns:minmax(150px,.72fr) minmax(118px,.42fr) minmax(220px,1fr) auto 28px}}
.pw-muted-flag{display:inline-block;margin-top:2px;font-size:.8rem}.pw-material>summary>.pw-mute{grid-column:1/-1;justify-self:start;min-height:44px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;font-size:.8rem;font-weight:750;cursor:pointer}.pw-material>summary>.pw-mute:disabled{opacity:.6;cursor:wait}
/* Bug 4 (Purchasing walkthrough 2026-10-25): calm "Sudah dipesan" marker on a row that already has an active order. Not a warning colour (it is good news). */
.pw-row-state .pw-ordered{display:block;margin-top:3px;padding:3px 6px;border-radius:3px;background:#eef2ff;color:#3730a3;font-size:.72rem;font-weight:800;line-height:1.3;max-width:9.5rem;overflow-wrap:anywhere;text-align:right}
@media(min-width:681px){.pw-row-state .pw-ordered{max-width:15rem}}
.pw-row-state em+.pw-ordered{margin-top:4px}
.pw-queue{scroll-margin-top:10px}
/* Purchasing PR 0: the arrival day of an order that is past its date reads in the red of the PO list "Terlambat" badge (.pom-b-late). */
.pw-row-state .pw-ordered .pw-late{color:#B42318}