
#procurementApp{--pr-ink:#292d40;--pr-muted:#67718a;--pr-line:#e4e2ef;--pr-accent:#7152b7;color:var(--pr-ink);font-size:14px;line-height:1.45;max-width:1560px;margin:auto;min-width:0}#procurementApp *{box-sizing:border-box}#procurementApp [hidden]{display:none!important}#procurementApp h2,#procurementApp h3,#procurementApp h4,#procurementApp p{margin:0}#procurementApp h2{font-size:clamp(27px,3vw,37px);letter-spacing:-1px;line-height:1.15}#procurementApp h3{font-size:21px;line-height:1.3}#procurementApp h4{font-size:16px}#procurementApp button,#procurementApp input,#procurementApp select,#procurementApp textarea{font:inherit}#procurementApp button{min-height:44px;padding:9px 14px;border:1px solid var(--pr-line);border-radius:12px;background:#fbfaff;color:var(--pr-ink);font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}#procurementApp button:hover{border-color:#b39cd9;background:#f1eafa}#procurementApp button:focus-visible,#procurementApp input:focus-visible,#procurementApp select:focus-visible,#procurementApp textarea:focus-visible,#procurementApp summary:focus-visible{outline:3px solid #ae98dd;outline-offset:3px}#procurementApp button:disabled{opacity:.55;cursor:not-allowed}#procurementApp .pr-primary,#procurementApp button[aria-pressed=true]{background:linear-gradient(115deg,#6552c5,#9a58b2);border-color:transparent;color:white}#procurementApp .pr-danger-button{color:#b63947;background:#fff2f3;border-color:#edcbd0}#procurementApp .pr-link{background:transparent;border:0;padding:3px 0;text-align:left;color:var(--pr-accent);min-height:32px;font-weight:600}#procurementApp input,#procurementApp select,#procurementApp textarea{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid var(--pr-line);border-radius:11px;background:#fbfaff;color:var(--pr-ink)}#procurementApp textarea{resize:vertical;min-height:84px}#procurementApp input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--pr-accent);flex:none}#procurementApp label{display:block;font-size:14px;color:var(--pr-muted);margin-bottom:5px}#procurementApp summary{cursor:pointer;color:var(--pr-accent);font-weight:600;min-height:40px;padding:9px 0}#procurementApp details>p{margin:8px 0 12px}#procurementApp .pr-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}#procurementApp .pr-header>div{min-width:0}#procurementApp .pr-header p{color:var(--pr-muted);margin-top:8px;font-size:14px}#procurementApp .pr-eyebrow{color:#8265b4;font-size:14px;font-weight:650;letter-spacing:.7px;margin-bottom:7px}#procurementApp .pr-header-actions,#procurementApp .pr-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#procurementApp .pr-header-actions{justify-content:flex-end}#procurementApp .pr-pilot{border:1px dashed #d9d1e9;padding:0 12px 8px;border-radius:12px;margin-bottom:14px;background:#f9f6ff;color:var(--pr-muted)}#procurementApp .pr-pilot select{max-width:420px}#procurementApp .pr-panel{padding:20px;border:1px solid var(--pr-line);border-radius:20px;background:#fff;margin-bottom:15px;min-width:0}#procurementApp .pr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}#procurementApp .pr-panel-head p{margin-top:5px;color:var(--pr-muted)}#procurementApp .pr-muted,#procurementApp .pr-caption{color:var(--pr-muted);font-size:14px}#procurementApp .pr-caption{margin:10px 0}#procurementApp .pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#procurementApp .pr-grid>.pr-panel{margin:0}#procurementApp .pr-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:13px 0}#procurementApp .pr-form-grid>div{min-width:0}#procurementApp .pr-form-grid .pr-span{grid-column:1/-1}#procurementApp .pr-form-grid.pr-two{grid-template-columns:repeat(2,minmax(0,1fr))}#procurementApp .pr-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:15px 0}#procurementApp .pr-metric{min-width:0;padding:15px;border:1px solid #e9e2f3;border-radius:17px;background:linear-gradient(120deg,#eee7ff,#eaf3fe)}#procurementApp .pr-metric:nth-child(4n+2){background:linear-gradient(120deg,#e9f7f0,#e1f2f5)}#procurementApp .pr-metric:nth-child(4n+3){background:linear-gradient(120deg,#ffefdf,#f8e4ed)}#procurementApp .pr-metric:nth-child(4n){background:linear-gradient(120deg,#e9edff,#eee4f7)}#procurementApp .pr-metric small{display:block;color:var(--pr-muted);font-size:14px}#procurementApp .pr-metric strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.5px;margin-top:7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#procurementApp .pr-metric p{margin-top:7px;font-size:14px;color:var(--pr-muted)}#procurementApp .pr-notice{padding:12px 14px;border-left:3px solid #b39cdb;border-radius:0 12px 12px 0;background:#f2edfc;color:#5c5273;margin:12px 0;font-size:14px;overflow-wrap:anywhere}#procurementApp .pr-notice.pr-warn{background:#fff5df;border-color:#d8ae57;color:#815d22}#procurementApp .pr-notice.pr-danger{background:#fff1f2;border-color:#d98189;color:#a63340}#procurementApp .pr-notice.pr-good{background:#eaf7ef;border-color:#73ae8d;color:#2a6a47}#procurementApp .pr-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;background:#ece8f8;color:#695389;font-size:14px;font-weight:550;line-height:1.35}#procurementApp .pr-chip.pr-good{background:#e5f5eb;color:#27714a}#procurementApp .pr-chip.pr-warn{background:#fff2d7;color:#8e651e}#procurementApp .pr-chip.pr-danger{background:#fdebed;color:#a93b48}#procurementApp .pr-empty{padding:28px 20px;text-align:center;color:var(--pr-muted);border:1px dashed #d9d2e9;border-radius:15px;background:#fcfbff}#procurementApp .pr-empty p{margin:8px auto 16px;max-width:480px}#procurementApp .pr-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#f0ecf8;border:1px solid var(--pr-line);border-radius:15px;margin-bottom:15px}#procurementApp .pr-tabs button{background:transparent;border:0}#procurementApp .pr-tabs button[aria-pressed=true]{background:linear-gradient(115deg,#6552c5,#9a58b2)}#procurementApp .pr-request-list{display:grid;gap:10px}#procurementApp .pr-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;padding:16px;border:1px solid var(--pr-line);border-radius:15px;background:#fcfbfe;text-align:left;width:100%}#procurementApp .pr-request-card strong{font-size:17px}#procurementApp .pr-request-card p{margin-top:5px;color:var(--pr-muted);font-size:14px;font-weight:400}#procurementApp .pr-request-card>div:last-child{text-align:right}#procurementApp .pr-request-card .pr-chip{margin-bottom:5px}#procurementApp .pr-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#procurementApp .pr-inline>input{max-width:150px}#procurementApp .pr-date-choices{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#procurementApp .pr-date-choices input{max-width:190px}#procurementApp .pr-line-card{padding:15px 0;border-bottom:1px solid var(--pr-line)}#procurementApp .pr-line-card:last-child{border-bottom:0}#procurementApp .pr-line-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}#procurementApp .pr-line-title h4{font-size:16px;overflow-wrap:anywhere}#procurementApp .pr-line-title p{color:var(--pr-muted);margin-top:4px}#procurementApp .pr-line-inputs{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr);gap:10px}#procurementApp .pr-quantity{display:flex;align-items:center;gap:8px}#procurementApp .pr-quantity input{width:100%;max-width:150px}#procurementApp .pr-quantity span{white-space:nowrap;min-width:30px}#procurementApp .pr-stock-summary{display:flex;gap:7px 18px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:14px;color:var(--pr-muted)}#procurementApp .pr-stock-summary button{font-size:14px}#procurementApp .pr-search{position:relative}#procurementApp .pr-search input{font-size:16px;padding:12px 14px;min-height:49px}#procurementApp .pr-search-results{display:grid;gap:7px;max-height:430px;overflow:auto;margin:12px 0}#procurementApp .pr-catalog-item{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 13px;width:100%;border:1px solid var(--pr-line);background:#fff}#procurementApp .pr-catalog-item strong{font-size:15px;overflow-wrap:anywhere}#procurementApp .pr-catalog-item small{font-size:14px;color:var(--pr-muted);font-weight:400}#procurementApp .pr-catalog-item small:last-child{grid-column:1/-1}#procurementApp .pr-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}#procurementApp .pr-suggestions button{font-size:14px;min-height:36px;padding:5px 9px;font-weight:500}#procurementApp .pr-sticky-actions{position:sticky;bottom:0;padding:12px 0 0;background:#fff;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;z-index:3}#procurementApp .pr-check{display:flex;align-items:center;gap:9px;margin:9px 0;min-height:36px;color:var(--pr-ink)}#procurementApp .pr-table-wrap{overflow:auto;border:1px solid var(--pr-line);border-radius:14px;max-width:100%;max-height:650px;overscroll-behavior-inline:contain}#procurementApp table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}#procurementApp th{position:sticky;top:0;z-index:2;background:#efeaf8;color:#615675;text-align:left;font-size:14px;padding:11px 12px;border-bottom:1px solid var(--pr-line);line-height:1.3}#procurementApp td{padding:11px 12px;border-bottom:1px solid #edeaf3;vertical-align:top;overflow-wrap:anywhere}#procurementApp tr:last-child td{border:0}#procurementApp .pr-num{text-align:right;font-variant-numeric:tabular-nums}#procurementApp .pr-table-wrap th:first-child,#procurementApp .pr-table-wrap td:first-child{width:30%}#procurementApp .pr-table-wrap.pr-buyer-table th:first-child,#procurementApp .pr-table-wrap.pr-buyer-table td:first-child{width:42px}#procurementApp .pr-table-wrap.pr-buyer-table th:nth-child(2){width:30%}#procurementApp .pr-sort{padding:0;border:0;background:transparent;color:inherit;font-size:14px;text-align:inherit;min-height:30px}#procurementApp .pr-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#f2edfc;padding:12px;border-radius:13px;margin:12px 0}#procurementApp .pr-bulk select{max-width:260px}#procurementApp .pr-kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 16px;padding:9px 0;border-bottom:1px solid var(--pr-line)}#procurementApp .pr-kv>span{color:var(--pr-muted)}#procurementApp .pr-kv>strong{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#procurementApp .pr-history{display:grid;gap:13px;margin-top:12px}#procurementApp .pr-history article{padding-left:14px;border-left:2px solid #c8b6e3}#procurementApp .pr-history p{font-size:14px;margin-top:4px;color:var(--pr-muted)}#procurementApp .pr-allocations{display:grid;gap:10px}#procurementApp .pr-allocation{border:1px solid var(--pr-line);border-radius:13px;padding:12px;background:#faf8ff}#procurementApp dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--pr-line);padding:0;width:min(860px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;overflow:auto;background:#faf9fd;color:var(--pr-ink);box-shadow:-16px 0 60px #37224c30}#procurementApp dialog::backdrop{background:#24203769;backdrop-filter:blur(3px)}#procurementApp .pr-dialog-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;background:#fff;border-bottom:1px solid var(--pr-line)}#procurementApp .pr-dialog-head h3{font-size:23px;overflow-wrap:anywhere}#procurementApp .pr-dialog-head button{font-size:25px;line-height:1;min-width:44px;flex:none;background:#eee8f7;color:#756080}#procurementApp #prDialogBody{padding:18px;padding-bottom:max(22px,env(safe-area-inset-bottom))}#procurementApp .pr-footer-note{margin:20px 0;color:var(--pr-muted);font-size:14px}#procurementApp .pr-selected{background:#f0e8fc}#procurementApp code{overflow-wrap:anywhere;font-size:14px}
@media(max-width:1050px){#procurementApp .pr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#procurementApp .pr-grid{grid-template-columns:1fr}#procurementApp .pr-header-actions{max-width:240px}#procurementApp .pr-panel{padding:17px}}
@media(max-width:650px){#procurementApp .pr-header{display:block}#procurementApp .pr-header-actions{max-width:none;justify-content:flex-start;margin-top:12px}#procurementApp .pr-header-actions button{flex:1;font-size:14px;padding:8px}#procurementApp .pr-panel{padding:14px;border-radius:16px;margin-bottom:12px}#procurementApp .pr-panel-head{flex-wrap:wrap}#procurementApp .pr-form-grid,#procurementApp .pr-form-grid.pr-two{grid-template-columns:1fr}#procurementApp input,#procurementApp select,#procurementApp textarea{font-size:16px}#procurementApp .pr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#procurementApp .pr-metric{padding:12px}#procurementApp .pr-metric strong{font-size:23px}#procurementApp .pr-request-card{padding:13px;gap:7px}#procurementApp .pr-request-card>div:last-child{text-align:left;grid-column:1/-1}#procurementApp .pr-tabs{display:grid;grid-template-columns:1fr 1fr}#procurementApp .pr-tabs button{padding:8px;font-size:14px}#procurementApp .pr-line-inputs{grid-template-columns:1fr}#procurementApp .pr-quantity input{max-width:160px}#procurementApp .pr-stock-summary{display:grid;gap:5px}#procurementApp .pr-sticky-actions{display:grid;grid-template-columns:1fr;gap:8px;padding-top:10px}#procurementApp .pr-sticky-actions .pr-actions{display:grid;grid-template-columns:1fr 1fr}#procurementApp .pr-sticky-actions .pr-actions button{padding:9px 8px}#procurementApp dialog{width:100vw;max-width:100vw}#procurementApp #prDialogBody,#procurementApp .pr-dialog-head{padding:14px}#procurementApp .pr-dialog-head h3{font-size:21px}#procurementApp .pr-bulk{align-items:stretch;gap:8px}#procurementApp .pr-bulk select,#procurementApp .pr-bulk button{max-width:none;flex:1 1 100%}#procurementApp .pr-table-wrap.pr-responsive table,#procurementApp .pr-table-wrap.pr-responsive tbody{display:block;width:100%}#procurementApp .pr-table-wrap.pr-responsive thead{display:none}#procurementApp .pr-table-wrap.pr-responsive tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-bottom:1px solid var(--pr-line)}#procurementApp .pr-table-wrap.pr-responsive td{display:block;width:auto!important;min-width:0;padding:0;border:0;text-align:left}#procurementApp .pr-table-wrap.pr-responsive td:first-child,#procurementApp .pr-table-wrap.pr-responsive td.pr-main{grid-column:1/-1}#procurementApp .pr-table-wrap.pr-responsive td:before{content:attr(data-label);display:block;color:var(--pr-muted);font-size:14px;font-weight:400;margin-bottom:3px}#procurementApp .pr-table-wrap.pr-responsive td.pr-main:before,#procurementApp .pr-table-wrap.pr-responsive td.pr-select:before{display:none}#procurementApp .pr-table-wrap.pr-responsive td.pr-select{grid-column:auto;justify-self:start}#procurementApp .pr-catalog-item{padding:11px}#procurementApp .pr-kv{gap:8px}#procurementApp .pr-caption{line-height:1.5}#procurementApp .pr-date-choices button{flex:1}#procurementApp .pr-date-choices input{max-width:none}#procurementApp .pr-line-title h4{font-size:16px}#procurementApp summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){#procurementApp *{transition:none!important;scroll-behavior:auto!important}}

#procurementApp pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,monospace}#procurementApp .pr-danger-text{color:#ad3443;font-weight:650}

#procurementApp button.pr-primary,#procurementApp button[aria-pressed="true"]{background:linear-gradient(115deg,#6552c5,#87459e)!important;color:#fff!important;border-color:transparent!important}#procurementApp button.pr-primary:hover,#procurementApp button[aria-pressed="true"]:hover{background:linear-gradient(115deg,#5946b5,#79358d)!important;color:#fff!important}#procurementApp button.pr-primary:disabled{color:#fff!important}

#procurementApp fieldset{border:0;margin:0;padding:0;min-width:0}#procurementApp fieldset:disabled input,#procurementApp fieldset:disabled select{opacity:1;color:#606878;background:#f1eef6}#procurementApp .pr-more-warnings{margin:4px 0 8px}

#procurementApp .pr-price-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#procurementApp .pr-price-metrics .pr-metric strong{font-size:24px}@media(max-width:650px){#procurementApp .pr-price-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#procurementApp .pr-price-metrics .pr-metric:first-child{grid-column:1/-1}}

/* Scope table sizing: platform tables otherwise impose a 1210 px minimum. */
#procurementApp table{min-width:0;max-width:100%}#procurementApp td,#procurementApp th{white-space:normal}#procurementApp .pr-mobile-sort{display:none}
@media(max-width:650px){#procurementApp .pr-mobile-sort{display:block;margin:12px 0}#procurementApp .pr-table-wrap.pr-responsive table,#procurementApp .pr-table-wrap.pr-responsive tbody,#procurementApp .pr-table-wrap.pr-responsive tr{min-width:0!important;width:100%;max-width:100%}#procurementApp .pr-table-wrap.pr-responsive colgroup,#procurementApp .pr-table-wrap.pr-responsive col{display:none}#procurementApp .pr-table-wrap.pr-responsive td{max-width:100%;white-space:normal}}

@media(min-width:651px) and (max-width:1050px){#procurementApp #prContent>.pr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
#procurementApp .pr-catalog-item small{grid-column:1/-1}#procurementApp .pr-catalog-stock{color:#496d69}

#procurementApp .pr-history .pr-audit-changes{padding:7px 0;overflow-wrap:anywhere}#procurementApp .pr-history .pr-audit-changes p{color:var(--pr-ink);line-height:1.5}

#procurementApp .pr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Long purchase requests: compact stock context and reachable batch controls. */
#procurementApp .pr-stock-summary{display:block;margin-top:12px}
#procurementApp .pr-inventory{width:100%;padding:10px 12px;background:linear-gradient(115deg,#f1edfc,#ecf7f5);border-radius:12px}
#procurementApp .pr-inventory-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}
#procurementApp .pr-inventory-total strong{font-size:17px;color:var(--pr-ink);font-variant-numeric:tabular-nums}
#procurementApp .pr-inventory .pr-caption{font-size:14px;margin:5px 0 0}
#procurementApp .pr-warehouse-detail{margin-top:6px}
#procurementApp .pr-warehouse-detail summary{padding:5px 0;min-height:32px}
#procurementApp .pr-stock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:7px 0;border-top:1px solid var(--pr-line);font-size:14px}
#procurementApp .pr-stock-row strong{text-align:right;font-variant-numeric:tabular-nums}
#procurementApp .pr-stock-row small{grid-column:1/-1}
#procurementApp .pr-draft-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px;background:#fffc;border:1px solid var(--pr-line);border-radius:14px;box-shadow:0 -5px 18px #3926650a;backdrop-filter:blur(12px);bottom:8px}
#procurementApp .pr-add-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#procurementApp .pr-batch-results{max-height:none;overflow:visible;gap:10px}
#procurementApp .pr-batch-item{border:1px solid var(--pr-line);border-radius:14px;background:#fff;padding:12px;min-width:0}
#procurementApp .pr-batch-item h4{margin:0 0 8px;font-size:16px;overflow-wrap:anywhere}
#procurementApp .pr-batch-inputs{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:10px;margin-top:10px}
#procurementApp .pr-batch-inputs>div{min-width:0}
#procurementApp .pr-batch-inputs input{width:100%;font-size:16px}
#procurementApp .pr-catalog-footer{position:sticky;bottom:0;z-index:4;background:#faf9fd;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--pr-line);padding:12px 0 max(12px,env(safe-area-inset-bottom))}
@media(max-width:650px){
 #procurementApp .pr-draft-toolbar{grid-template-columns:minmax(0,1fr);padding:10px;bottom:env(safe-area-inset-bottom,0px);gap:8px}
 #procurementApp .pr-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 #procurementApp .pr-add-row .pr-muted{max-width:125px;font-size:14px}
 #procurementApp .pr-draft-toolbar>.pr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
 #procurementApp .pr-draft-toolbar button{font-size:14px;padding:10px 8px;min-height:44px}
 #procurementApp .pr-line-inputs{grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}
 #procurementApp .pr-line-inputs>div{min-width:0}
 #procurementApp .pr-line-inputs input{min-width:0;font-size:16px}
 #procurementApp .pr-line-card{padding:14px 0}
 #procurementApp .pr-catalog-footer button{min-height:44px;font-size:14px}
}

#procurementApp dialog[data-kind="catalog"][open]{display:flex;flex-direction:column;overflow:hidden}
#procurementApp dialog[data-kind="catalog"] .pr-dialog-head{flex:none;position:static}
#procurementApp dialog[data-kind="catalog"] #prDialogBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#procurementApp .pr-catalog-tools{position:sticky;top:-18px;padding:8px 0;background:#faf9fd;z-index:3;border-bottom:1px solid var(--pr-line)}
#procurementApp .pr-catalog-tools details{margin-bottom:8px}
#procurementApp .pr-catalog-tools summary{font-size:14px}
@media(max-width:650px){#procurementApp .pr-catalog-tools{top:-14px}}

/* A single compact action dock, shared by empty and long drafts. */
#procurementApp .pr-draft-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 10px 10px;margin-top:12px;border-color:#e1d8ef;background:#fcfbff;border-radius:16px;box-shadow:0 -3px 16px #4225630c;backdrop-filter:none}
#procurementApp .pr-toolbar-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--pr-muted)}
#procurementApp .pr-toolbar-meta>span{min-width:0;overflow-wrap:anywhere}
#procurementApp button.pr-toolbar-save{background:transparent;border:0;color:#74549c;font-size:14px;font-weight:550;min-height:44px;padding:4px 8px;flex:none;border-radius:9px}
#procurementApp .pr-toolbar-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
#procurementApp .pr-toolbar-buttons button{min-width:0;min-height:46px;padding:10px 8px;line-height:1.3;font-size:16px}
#procurementApp button.pr-toolbar-review{background:#ede7f8;border:1px solid #d8cbea;color:#604384}
#procurementApp button.pr-toolbar-review:hover{background:#e4daf3;border-color:#bda5dc}
#procurementApp .pr-stock-context{font-size:14px;color:var(--pr-muted);margin:0 0 4px}
#procurementApp .pr-stock-context summary{min-height:44px;display:list-item;padding:8px 0;font-weight:500;font-size:14px}
#procurementApp .pr-stock-context p{margin:0 0 12px;max-width:60ch}
#procurementApp .pr-stock-row>span,#procurementApp .pr-stock-row>strong{min-width:0;overflow-wrap:anywhere}
#procurementApp input,#procurementApp select,#procurementApp textarea{max-width:100%}
#procurementApp .pr-batch-inputs label,#procurementApp .pr-line-inputs label{font-size:14px;line-height:1.4}
#procurementApp .pr-line-title h4{line-height:1.4}
#procurementApp .pr-line-title .pr-link{flex:none;min-height:44px;padding:5px 0 5px 8px}
#procurementApp .pr-inventory-total strong{line-height:1.35;overflow-wrap:anywhere}
#procurementApp .pr-catalog-footer{flex-wrap:wrap}
#procurementApp .pr-catalog-footer button{flex:1;min-width:160px}
@media(min-width:800px){#procurementApp .pr-draft-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px}#procurementApp .pr-toolbar-meta{flex:1}#procurementApp .pr-toolbar-buttons{width:min(48%,420px)}}
@media(max-width:650px){
 #procurementApp .pr-draft-toolbar{bottom:max(6px,env(safe-area-inset-bottom));padding:4px 8px 8px;gap:0}
 #procurementApp .pr-toolbar-buttons button{font-size:15px;min-height:44px;padding:10px 6px}
 #procurementApp .pr-toolbar-meta{font-size:14px}
 #procurementApp .pr-panel-head{gap:8px;margin-bottom:6px;align-items:center}
 #procurementApp .pr-panel-head h3{font-size:19px;line-height:1.3}
 #procurementApp .pr-line-title{margin-bottom:6px;align-items:center}
 #procurementApp .pr-line-card{padding:10px 0}
 #procurementApp .pr-line-inputs{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:12px}
 #procurementApp .pr-line-inputs input,#procurementApp .pr-batch-inputs input{font-size:16px;min-height:44px;padding:10px}
 #procurementApp .pr-quantity{gap:6px}#procurementApp .pr-quantity span{min-width:0;font-size:14px}
 #procurementApp .pr-stock-summary{margin-top:10px}
 #procurementApp .pr-inventory{padding:9px 10px}
 #procurementApp .pr-inventory-total{gap:4px 10px}
 #procurementApp .pr-inventory-total strong{font-size:16px}
 #procurementApp .pr-warehouse-detail summary{min-height:44px;padding:10px 0 4px}
 #procurementApp .pr-dialog-head{padding:12px 14px;gap:10px}
 #procurementApp .pr-dialog-head h3{font-size:20px;line-height:1.3}
 #procurementApp .pr-kv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
}
@media(max-width:350px){#procurementApp .pr-line-inputs,#procurementApp .pr-batch-inputs{grid-template-columns:minmax(0,1fr)}#procurementApp .pr-stock-row{grid-template-columns:minmax(0,1fr)}#procurementApp .pr-stock-row strong{text-align:left}}

/* Inventory detail: one summary, one warehouse list, compact actionable context. */
#procurementApp dialog[data-kind="stock"][open]{display:flex;flex-direction:column;overflow:hidden;width:min(640px,100vw);max-width:100vw}
#procurementApp dialog[data-kind="stock"] .pr-dialog-head{flex:none;position:static;align-items:center;padding:14px 18px}
#procurementApp dialog[data-kind="stock"] .pr-dialog-head h3{font-size:21px;line-height:1.3}
#procurementApp dialog[data-kind="stock"] #prDialogBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}
#procurementApp .pr-stock-overview{margin-bottom:14px}
#procurementApp .pr-stock-overview h4{font-size:20px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}
#procurementApp .pr-stock-overview p{font-size:14px;color:var(--pr-muted);margin:0}
#procurementApp .pr-stock-section{margin-top:18px}
#procurementApp .pr-stock-section h4{font-size:16px;line-height:1.35;margin:0 0 8px}
#procurementApp .pr-stock-ledger{border:1px solid var(--pr-line);border-radius:12px;background:#fff;overflow:hidden}
#procurementApp .pr-stock-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,auto);align-items:baseline;gap:8px 14px;padding:10px 12px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--pr-line)}
#procurementApp .pr-stock-detail-row:last-child{border-bottom:0}
#procurementApp .pr-stock-detail-row span{min-width:0;overflow-wrap:anywhere;color:var(--pr-muted)}
#procurementApp .pr-stock-detail-row strong{min-width:0;max-width:230px;text-align:right;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#procurementApp .pr-stock-reasons{margin-top:10px;border-radius:10px;background:#f0ebf9;padding:0 12px;font-size:14px}
#procurementApp .pr-stock-reasons summary{min-height:44px;padding:11px 0;font-size:14px;line-height:1.5}
#procurementApp .pr-stock-reasons ul{margin:0;padding:0 0 12px 18px;color:var(--pr-muted)}
#procurementApp .pr-stock-reasons li+li{margin-top:7px}
#procurementApp .pr-stock-source-note{margin-top:16px;padding:10px 12px;border-radius:10px;background:#fff4dd;color:#815d22;font-size:14px;line-height:1.5}
#procurementApp .pr-stock-technical{margin-top:12px;color:var(--pr-muted);font-size:14px}
#procurementApp .pr-stock-technical summary{padding:10px 0;min-height:44px;font-size:14px}
@media(max-width:650px){#procurementApp dialog[data-kind="stock"] .pr-dialog-head{padding:12px 14px}#procurementApp dialog[data-kind="stock"] .pr-dialog-head h3{font-size:20px}#procurementApp .pr-stock-detail-row{gap:8px;padding:10px}#procurementApp .pr-stock-detail-row strong{max-width:155px}#procurementApp .pr-stock-section{margin-top:16px}}
@media(max-width:350px){#procurementApp .pr-stock-detail-row{grid-template-columns:minmax(0,1fr) minmax(72px,auto)}#procurementApp .pr-stock-detail-row strong{max-width:115px}}

/* Warehouse liquidity keeps available source metrics beside the matching stock. */
#procurementApp .pr-liquidity-warehouses{border:1px solid var(--pr-line);border-radius:12px;background:#fff;overflow:hidden}
#procurementApp .pr-liquidity-warehouse{padding:12px;border-bottom:1px solid var(--pr-line)}
#procurementApp .pr-liquidity-warehouse:last-child{border-bottom:0}
#procurementApp .pr-liquidity-warehouse .pr-stock-detail-row{border:0;padding:0;align-items:start}
#procurementApp .pr-liquidity-warehouse .pr-stock-detail-row span{color:var(--pr-ink);font-weight:600}
#procurementApp .pr-liquidity-facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;line-height:1.5;margin-top:8px;color:var(--pr-muted)}
#procurementApp .pr-liquidity-facts:empty{display:none}
#procurementApp .pr-liquidity-facts strong{color:var(--pr-ink);font-weight:600;font-variant-numeric:tabular-nums}
#procurementApp .pr-liquidity-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:13px;color:var(--pr-muted)}
#procurementApp .pr-liquidity-warehouse .pr-caption{margin:8px 0 0;font-size:13px;line-height:1.5}
#procurementApp .pr-liquidity-method{margin-top:6px;font-size:14px;color:var(--pr-muted)}
#procurementApp .pr-liquidity-method summary{min-height:44px;padding:11px 0;font-size:14px}
#procurementApp .pr-liquidity-method p{font-size:14px;line-height:1.5}

/* Separate draft removal from the primary open action. */
#procurementApp .pr-draft-card{border:1px solid var(--pr-line);border-radius:15px;overflow:hidden;background:#fcfbfe}
#procurementApp .pr-draft-card .pr-request-card{border:0;border-radius:0}
#procurementApp .pr-draft-card-actions{border-top:1px solid var(--pr-line);padding:4px 12px;display:flex;justify-content:flex-end}
#procurementApp .pr-delete-link{min-height:44px;background:transparent;border:0;color:#a63340;font-size:14px;font-weight:550}
#procurementApp .pr-delete-link:hover{background:#fff1f2}
#procurementApp .pr-draft-delete-footer{margin-top:12px;text-align:right}
#procurementApp dialog[data-kind="delete-draft"]{width:min(460px,100vw);max-width:100vw;height:auto;max-height:90dvh;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:18px}
#procurementApp dialog[data-kind="delete-draft"] .pr-actions{justify-content:flex-end;margin-top:20px}

/* Buyer workspace: compact demand, traceable facts and progressive bulk actions. */
#procurementApp .pr-buyer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#procurementApp .pr-buyer-metrics .pr-metric{padding:16px;min-width:0}
#procurementApp .pr-buyer-metrics .pr-metric strong{font-size:26px;overflow-wrap:anywhere}
#procurementApp .pr-buyer-queues{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#procurementApp .pr-buyer-queues button{background:#fff;border:1px solid var(--pr-line);font-size:14px;min-height:44px}
#procurementApp .pr-buyer-queues button[aria-pressed="true"]{background:linear-gradient(115deg,#6851b8,#924c9e);color:white;border-color:transparent}
#procurementApp .pr-buyer-queues span{display:inline-block;padding:2px 7px;border-radius:8px;background:#a995ca26;margin-left:5px;font-variant-numeric:tabular-nums}
#procurementApp .pr-demand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#procurementApp .pr-demand-card{border:1px solid var(--pr-line);border-radius:16px;padding:16px;background:linear-gradient(130deg,#faf7ff,#f3faf9);min-width:0}
#procurementApp .pr-demand-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#procurementApp .pr-demand-card header>div{min-width:0}
#procurementApp .pr-demand-card header .pr-link{text-align:left;font-size:17px;padding:0;min-height:44px;overflow-wrap:anywhere}
#procurementApp .pr-demand-card header>strong{font-size:23px;white-space:nowrap;padding-top:7px;font-variant-numeric:tabular-nums}
#procurementApp .pr-demand-card header small{font-size:14px;font-weight:500}
#procurementApp .pr-demand-card p{margin:0 0 6px;font-size:14px}
#procurementApp .pr-demand-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--pr-muted);border-bottom:1px solid var(--pr-line);margin-bottom:12px}
#procurementApp .pr-buyer-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 4px}
#procurementApp .pr-buyer-evidence>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#procurementApp .pr-buyer-evidence small{font-size:13px;line-height:1.5;color:var(--pr-muted);overflow-wrap:anywhere}
#procurementApp .pr-buyer-evidence strong{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}
#procurementApp .pr-buyer-bulk{display:block;padding:12px;background:#f7f3fd;border-radius:12px;margin-bottom:12px}
#procurementApp .pr-bulk-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
#procurementApp .pr-bulk-controls{display:flex;gap:12px;align-items:start;margin-top:10px}
#procurementApp .pr-bulk-controls details{flex:1;min-width:0}
#procurementApp .pr-bulk-controls summary{min-height:44px;padding:10px 0}
#procurementApp .pr-bulk-controls select{width:100%;min-width:0;margin-bottom:8px}
#procurementApp .pr-buyer-table table{width:100%;table-layout:fixed;min-width:0}
#procurementApp .pr-buyer-table th:first-child{width:42px}
#procurementApp .pr-buyer-table th:nth-child(2){width:32%}
#procurementApp .pr-buyer-table td{overflow-wrap:anywhere;font-size:14px}
#procurementApp .pr-buyer-table .pr-link{text-align:left}
#procurementApp .pr-buyer-workspace .pr-request-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#procurementApp dialog[data-kind="line"] .pr-stock-summary{margin-top:18px;border-top:1px solid var(--pr-line);padding-top:12px}
@media(min-width:1400px){#procurementApp .pr-buyer-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){#procurementApp .pr-demand-grid,#procurementApp .pr-buyer-workspace .pr-request-list{grid-template-columns:1fr}#procurementApp .pr-buyer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#procurementApp .pr-bulk-controls{flex-direction:column}#procurementApp .pr-bulk-controls>*,#procurementApp .pr-bulk-controls>button{width:100%}#procurementApp .pr-bulk-heading{align-items:start}#procurementApp .pr-buyer-table th{width:auto!important}}
@media(max-width:420px){#procurementApp .pr-demand-card{padding:12px}#procurementApp .pr-demand-card header{gap:8px}#procurementApp .pr-demand-card header>strong{font-size:20px}#procurementApp .pr-buyer-metrics .pr-metric{padding:12px}#procurementApp .pr-buyer-metrics .pr-metric strong{font-size:23px}}

#procurementApp .pr-demand-decision{margin-top:10px}#procurementApp .pr-demand-decision button{width:100%;background:#ede6f8;color:#62448a}#procurementApp .pr-demand-more{margin-top:16px;width:100%}
/* Buyer v11: one compact working table, same data on narrow cards. */
#procurementApp .pr-buyer-summary{display:flex;flex-wrap:wrap;gap:12px 26px;padding:12px 4px 18px;color:var(--pr-muted);font-size:14px}
#procurementApp .pr-buyer-summary strong{color:var(--pr-text);font-size:20px;font-variant-numeric:tabular-nums;margin-right:5px}
#procurementApp .pr-buyer-search{grid-template-columns:2fr 1.3fr 1fr}
#procurementApp .pr-order-toolbar{display:flex;align-items:center;gap:12px;position:sticky;top:8px;z-index:4;border:1px solid #dcd3ee;box-shadow:0 3px 16px #65528b12;background:#f6f1ff}
#procurementApp .pr-order-toolbar>button{margin-left:auto;min-width:150px}
#procurementApp .pr-order-toolbar input,#procurementApp .pr-purchase-grid input[type=checkbox]{width:22px;height:22px;accent-color:#7654b9;cursor:pointer}
#procurementApp .pr-purchase-grid table{min-width:0;table-layout:fixed}
#procurementApp .pr-purchase-grid th{width:auto!important;font-size:13px;text-transform:none;padding:12px 8px;letter-spacing:0;vertical-align:middle}
#procurementApp .pr-purchase-grid td{padding:10px 8px;vertical-align:top;font-size:14px;line-height:1.45}
#procurementApp .pr-purchase-grid td.pr-num,#procurementApp .pr-purchase-grid th.pr-num{text-align:right;font-variant-numeric:tabular-nums}
#procurementApp .pr-purchase-grid p{margin:5px 0}
#procurementApp .pr-purchase-grid .pr-link{min-height:32px;padding:3px 0;white-space:normal;line-height:1.4;text-align:left}
#procurementApp .pr-purchase-grid .pr-main>.pr-link:first-child{font-weight:700;font-size:15px}
#procurementApp .pr-purchase-grid .pr-row-details{display:block;font-size:13px;font-weight:500}
#procurementApp .pr-purchase-grid select{width:100%;max-width:100%;height:44px;font-size:14px;overflow:hidden;text-overflow:ellipsis;padding:8px}
#procurementApp .pr-purchase-grid small{font-size:12px;line-height:1.4;display:block}
#procurementApp .pr-purchase-grid .pr-chip{white-space:normal;line-height:1.4}
#procurementApp .pr-purchase-grid tr.pr-selected{background:#eee5fb}
#procurementApp .pr-purchase-grid tr:hover{background:#f7f3fc}
#procurementApp .pr-best-label{color:#277758;font-size:12px;font-weight:600}
#procurementApp .pr-buyer-group{margin:22px 0 0}
#procurementApp .pr-buyer-group h4{margin:0 0 6px;font-size:18px}
#procurementApp .pr-vendor-list{display:grid;gap:10px;margin:16px 0}
#procurementApp .pr-vendor{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.75fr) auto;align-items:center;gap:14px;padding:16px;background:#faf8fe;border:1px solid #e6dfef;border-radius:16px}
#procurementApp .pr-vendor-best{background:linear-gradient(115deg,#eee7fd,#e3f4ee);border-color:#c9dfd4}
#procurementApp .pr-vendor small{display:block;color:var(--pr-muted);font-size:13px;margin-top:4px}
#procurementApp .pr-vendor-price{text-align:right;font-variant-numeric:tabular-nums}
#procurementApp .pr-vendor-price>strong{font-size:21px}
#procurementApp .pr-order-notifications{background:linear-gradient(115deg,#e7f5ee,#f0ebfb);padding:16px;border-radius:18px;margin-bottom:18px;border:1px solid #d4e7db}
#procurementApp .pr-order-notifications article{display:flex;justify-content:space-between;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid #d4e7db}
#procurementApp .pr-order-notifications small{display:block;color:var(--pr-muted);margin-top:4px}
#procurementApp .pr-order-notifications p{margin:4px 0}
#procurementApp .pr-order-notifications article>div:last-child{display:flex;align-items:center;gap:8px}
@media(max-width:1100px) and (min-width:651px){#procurementApp .pr-purchase-grid .pr-col-origin{width:13%}#procurementApp .pr-purchase-grid .pr-col-product{width:17%}#procurementApp .pr-purchase-grid .pr-col-vendor{width:22%}#procurementApp .pr-purchase-grid td,#procurementApp .pr-purchase-grid th{padding:10px 6px}}
@media(max-width:650px){
 #procurementApp .pr-buyer-search{grid-template-columns:1fr 1fr}#procurementApp .pr-buyer-search>div:first-child{grid-column:1/-1}
 #procurementApp .pr-buyer-queues{display:flex;gap:6px}#procurementApp .pr-buyer-queues button{flex:1;font-size:13px;padding:8px 5px;min-width:0}
 #procurementApp .pr-order-toolbar{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;padding:10px;margin:0 0 14px}
 #procurementApp .pr-order-toolbar>label{flex:1;font-size:14px}#procurementApp .pr-order-toolbar>.pr-caption{display:none}#procurementApp .pr-order-toolbar>button{min-width:0;flex:0 1 auto;width:auto;font-size:14px;padding:10px}
 #procurementApp .pr-purchase-grid{border:0;background:transparent;overflow:visible}
 #procurementApp .pr-purchase-grid tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin-bottom:12px;border:1px solid #e0d9ec;border-radius:16px;background:#fff}
 #procurementApp .pr-purchase-grid td.pr-select{position:absolute;right:8px;top:8px;width:44px!important;height:44px;display:grid;place-items:center}
 #procurementApp .pr-purchase-grid td.pr-origin{grid-column:1/-1;padding-right:44px;font-size:13px}
 #procurementApp .pr-purchase-grid td.pr-origin:before{display:none}#procurementApp .pr-purchase-grid td.pr-origin .pr-link{min-height:24px}
 #procurementApp .pr-purchase-grid td.pr-main{grid-column:1/-1}
 #procurementApp .pr-purchase-grid td.pr-num{text-align:left}
 #procurementApp .pr-purchase-grid td.pr-vendor-cell{grid-column:1/-1;background:#f5f0fd;padding:10px;border-radius:12px}
 #procurementApp .pr-purchase-grid td.pr-stock-cell{grid-column:1/-1}
 #procurementApp .pr-purchase-grid select{font-size:16px}
 #procurementApp .pr-vendor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:10px}
 #procurementApp .pr-vendor>button{grid-column:1/-1;width:100%}#procurementApp .pr-vendor-price>strong{font-size:19px}
 #procurementApp .pr-order-notifications article{display:block}#procurementApp .pr-order-notifications article>div:last-child{justify-content:flex-end}
}
#procurementApp .pr-purchase-grid .pr-col-select{width:38px}#procurementApp .pr-purchase-grid .pr-col-origin{width:13%}#procurementApp .pr-purchase-grid .pr-col-product{width:auto}#procurementApp .pr-purchase-grid .pr-col-stock{width:16%}#procurementApp .pr-purchase-grid .pr-col-quantity{width:100px}#procurementApp .pr-purchase-grid .pr-col-date{width:96px}#procurementApp .pr-purchase-grid .pr-col-vendor{width:21%}
#procurementApp .pr-purchase-grid .pr-origin-link{font-weight:700;color:var(--pr-text)}
#procurementApp .pr-purchase-grid .pr-stock-amount{margin:2px 0;color:var(--pr-muted);font-variant-numeric:tabular-nums}
#procurementApp .pr-purchase-grid .pr-status-cell{overflow-wrap:break-word}
#procurementApp .pr-purchase-grid .pr-row-details{font-size:14px;min-height:28px}
#procurementApp .pr-purchase-grid .pr-liquidity-markers{margin:4px 0 0;gap:4px}
@media(min-width:651px){#procurementApp .pr-purchase-grid .pr-liquidity-marker{min-height:32px;padding:5px 7px;font-size:14px}#procurementApp .pr-order-toolbar{padding:10px}}
@media(max-width:650px){#procurementApp .pr-purchase-grid tr{gap:10px}#procurementApp .pr-purchase-grid .pr-stock-cell{padding:10px;background:#faf8fe;border-radius:12px}#procurementApp .pr-purchase-grid .pr-stock-cell:before{display:none}#procurementApp .pr-purchase-grid .pr-stock-amount{margin:0 0 4px}#procurementApp .pr-purchase-grid .pr-liquidity-markers{display:flex;flex-wrap:wrap}#procurementApp .pr-purchase-grid .pr-row-details{min-height:44px}#procurementApp .pr-purchase-grid .pr-origin p{margin:0}}

#procurementApp .pr-order-toolbar{top:70px;bottom:auto}
@media(max-width:650px){#procurementApp .pr-order-toolbar{top:66px;bottom:auto}}
/* Warehouse liquidity markers share the report's existing calculations. */
#procurementApp .pr-liquidity-markers{display:grid;justify-items:start;gap:5px;margin:10px 0 6px;min-width:0}
#procurementApp button.pr-liquidity-marker{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:7px 9px;border-radius:10px;font-size:13px;font-weight:650;line-height:1.35;text-align:left;white-space:normal;border:1px solid transparent;box-shadow:none}
#procurementApp .pr-liquidity-marker>span:nth-child(2){min-width:0;overflow-wrap:break-word}
#procurementApp .pr-liquidity-marker>span:last-child{margin-left:auto;font-size:18px}
#procurementApp .pr-signal-icon{width:17px;flex:0 0 17px;text-align:center;font-weight:800}
#procurementApp button.pr-signal-danger{color:#a13842;background:linear-gradient(120deg,#ffeded,#f8e8ef);border-color:#efd1d6}
#procurementApp button.pr-signal-warn{color:#855c16;background:linear-gradient(120deg,#fff5dd,#fbeddc);border-color:#eadfc5}
#procurementApp button.pr-signal-good{color:#276947;background:#eaf5ef;border-color:#d7e8df}
#procurementApp button.pr-signal-neutral{color:#656077;background:#f3f0f8;border-color:#e4dfed}
#procurementApp button.pr-liquidity-marker:hover{filter:brightness(.97);box-shadow:0 2px 8px #45325a0d}
#procurementApp .pr-liquidity-markers>small{color:var(--pr-muted);font-size:12px;line-height:1.4}
#procurementApp .pr-purchase-grid tr.pr-stock-excess-row>td.pr-select{box-shadow:inset 3px 0 #ce7888}
#procurementApp .pr-liquidity-detail-context{margin-bottom:14px}
#procurementApp .pr-liquidity-detail-context p{margin:5px 0;color:var(--pr-muted)}
#procurementApp dialog[data-kind=liquidity]{max-width:820px}
@media(max-width:650px){#procurementApp button.pr-liquidity-marker{min-height:44px;font-size:14px}#procurementApp .pr-purchase-grid tr.pr-stock-excess-row{border-left:3px solid #ce7888}#procurementApp .pr-purchase-grid tr.pr-stock-excess-row>td.pr-select{box-shadow:none}#procurementApp .pr-liquidity-markers{gap:6px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){#procurementApp button.pr-liquidity-marker{transition:none}}

/* Keep labels intact at laptop widths; only the table scrolls when needed. */
@media(min-width:651px){#procurementApp .pr-purchase-grid table{min-width:1000px}#procurementApp .pr-purchase-grid .pr-col-status{width:112px}#procurementApp .pr-purchase-grid .pr-col-product{width:auto}#procurementApp .pr-purchase-grid .pr-chip{max-width:100%;white-space:normal;overflow-wrap:normal}}
@media(max-width:650px){#procurementApp .pr-purchase-grid td.pr-origin{order:1}#procurementApp .pr-purchase-grid td.pr-main{order:2}#procurementApp .pr-purchase-grid td.pr-num{order:3}#procurementApp .pr-purchase-grid td.pr-needed-cell{order:4}#procurementApp .pr-purchase-grid td.pr-stock-cell{order:5}#procurementApp .pr-purchase-grid td.pr-vendor-cell{order:6}#procurementApp .pr-purchase-grid td.pr-status-cell{order:7}#procurementApp .pr-purchase-grid td.pr-stock-cell:before{display:none!important}}

#procurementApp{max-width:none}#procurementApp .pr-header{margin-bottom:20px}#procurementApp table th{white-space:normal}#procurementApp .pr-header-actions{flex-wrap:wrap}

#procurementApp .pr-profile-compact{display:flex;align-items:center;gap:14px;padding:18px 22px}
#procurementApp .pr-profile-compact>div{flex:1}#procurementApp .pr-profile-compact p{margin:4px 0 0;color:var(--pr-muted)}
#procurementApp .pr-panel{padding:20px}#procurementApp .pr-request-card{padding:16px;min-height:0}#procurementApp .pr-request-card p{margin:5px 0 0}
#procurementApp .pr-draft-menu{padding:0 14px;text-align:right}#procurementApp .pr-order-notifications{padding:4px 12px;margin-bottom:12px}#procurementApp .pr-request-card{padding:12px 14px}#procurementApp .pr-draft-menu summary{cursor:pointer}
#procurementApp .pr-line-card{padding:16px;margin:12px 0}#procurementApp .pr-line-card>input{max-width:220px}#procurementApp .pr-refinement{margin-top:10px}#procurementApp .pr-refinement[open]>input{margin:8px 0}
#procurementApp .pr-inventory{margin:4px 0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:0;background:none;border:0}#procurementApp .pr-inventory details{flex-basis:100%}#procurementApp .pr-stock-quality{font-size:13px;color:var(--pr-muted)}
#procurementApp .pr-stock-summary{font-size:14px;margin:8px 0}#procurementApp .pr-stock-summary>.pr-caption{display:block}
#procurementApp .pr-review-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5e0ee}#procurementApp .pr-review-row p{margin:4px 0}#procurementApp .pr-review-row small{display:block}
#procurementApp .pr-stock-button{border:0;background:none;text-align:left;padding:2px;min-height:44px}#procurementApp .pr-stock-button strong{font-size:15px}
#procurementApp .pr-buyer-search{grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.3fr) 1fr 1fr 1fr}#procurementApp .pr-buyer-queues{display:flex;flex-wrap:wrap}
#procurementApp .pr-purchase-grid th{position:sticky;top:0;z-index:1;background:#eee9f7}#procurementApp .pr-overdue{display:block;color:#926419;margin-top:4px}
#procurementApp .pr-sticky-actions,#procurementApp .pr-catalog-footer,#procurementApp .pr-order-toolbar{position:static;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
#procurementApp dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}#procurementApp input,#procurementApp select,#procurementApp textarea{scroll-margin:80px 0 180px}
#procurementApp .pr-batch-inputs{grid-template-columns:1fr 1fr}#procurementApp .pr-vendor-best{background:#f3eefc;border-color:#d9cfec}
@media(max-width:1050px){#procurementApp .pr-buyer-search{grid-template-columns:repeat(2,minmax(0,1fr))}#procurementApp .pr-buyer-search>div:first-child{grid-column:1/-1}}
@media(max-width:650px){#procurementApp .pr-panel{padding:14px}#procurementApp .pr-profile-compact{flex-wrap:wrap}#procurementApp .pr-profile-compact>.pr-primary{width:100%}#procurementApp .pr-buyer-queues button{flex:1 1 42%;min-height:44px}#procurementApp .pr-batch-inputs{grid-template-columns:1fr}#procurementApp .pr-line-card>input{max-width:none;width:100%}#procurementApp .pr-request-card{gap:10px;align-items:flex-start;flex-wrap:wrap}#procurementApp .pr-header h2{font-size:28px}#procurementApp .pr-header p{font-size:13px}#procurementApp dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);margin:auto;padding:14px}#procurementApp .pr-draft-toolbar{margin:16px 0 0}#procurementApp .pr-draft-toolbar .pr-toolbar-meta{flex-wrap:wrap}#procurementApp .pr-review-row>div{min-width:0;overflow-wrap:anywhere}#procurementApp input,#procurementApp select,#procurementApp textarea{font-size:16px}}


/* Mobile request editor: same catalog, stock calculation and commands. */
#procurementApp.pr-editing>.pr-header{display:none}
#procurementApp .pr-draft-screen{max-width:760px;margin:auto;padding-bottom:88px;overflow-wrap:anywhere}
#procurementApp .pr-draft-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--pr-muted)}
#procurementApp .pr-draft-top [role=status]{text-align:right;max-width:62%}
#procurementApp .pr-draft-context h3{font-size:23px;margin-bottom:5px}
#procurementApp .pr-draft-context>p{color:var(--pr-muted);font-size:13px}
#procurementApp .pr-restaurant-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:#f6f4fa;margin:14px 0 10px}
#procurementApp .pr-restaurant-choice>div{min-width:0}#procurementApp .pr-restaurant-choice small{display:block;color:var(--pr-muted);font-size:12px}
#procurementApp .pr-restaurant-choice strong{display:block;font-size:15px}
#procurementApp .pr-restaurant-choice button{flex:none;padding:6px;min-height:44px;font-size:13px}
#procurementApp .pr-departments{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
#procurementApp .pr-departments button{min-height:44px;padding:8px}
#procurementApp .pr-date-choices{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px}
#procurementApp .pr-date-choices input{width:100%;min-width:0;max-width:none;padding:8px 4px;font-size:14px}
#procurementApp .pr-date-choices button{padding:8px;font-size:13px}
#procurementApp .pr-draft-products{background:#f6f7fb}
#procurementApp .pr-draft-search{margin-bottom:16px}
#procurementApp .pr-draft-search input{background:white}
#procurementApp .pr-quick-results{display:grid;gap:6px;margin-top:6px}
#procurementApp .pr-quick-results:empty{display:none}
#procurementApp .pr-quick-item{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:white;padding:10px;font-size:14px}
#procurementApp .pr-quick-item>span{min-width:0;overflow-wrap:anywhere}
#procurementApp .pr-quick-item small{display:block;color:var(--pr-muted);font-weight:400}
#procurementApp .pr-product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:12px 0 8px}
#procurementApp .pr-product-heading h4{font-size:16px}#procurementApp .pr-product-heading small{font-size:12px;color:var(--pr-muted)}
#procurementApp .pr-mobile-line{padding:12px;margin:10px 0;background:white;border:1px solid var(--pr-line);border-radius:16px}
#procurementApp .pr-mobile-line:last-child{border-bottom:1px solid var(--pr-line)}
#procurementApp .pr-mobile-line .pr-line-title{margin-bottom:8px;gap:4px;align-items:center}
#procurementApp .pr-mobile-line .pr-line-title>div{min-width:0}#procurementApp .pr-mobile-line .pr-line-title p{font-size:12px}
#procurementApp .pr-remove-item{width:44px;height:44px;padding:0;border:0;flex:none;background:transparent;color:var(--pr-muted);font-size:23px;font-weight:400}
#procurementApp .pr-mobile-line .pr-stock-summary{display:block;margin:0}
#procurementApp .pr-stock-pill{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 10px;padding:8px 10px;border-radius:10px;background:#f0f1f5;color:#606878;font-size:13px;line-height:1.4}
#procurementApp .pr-stock-pill[data-quality=complete],#procurementApp .pr-stock-pill[data-quality=zero]{background:#edf6f3;color:#2e685a}
#procurementApp .pr-stock-pill[data-quality=partial],#procurementApp .pr-stock-pill[data-quality=stale],#procurementApp .pr-stock-pill[data-quality=negative]{background:#fff4dd;color:#845f28}
#procurementApp .pr-stock-pill strong{font-weight:600}#procurementApp .pr-stock-pill small{font-size:11px;font-weight:400}
#procurementApp .pr-stock-subnote{display:block;font-size:12px;line-height:1.4;color:var(--pr-muted);margin:5px 0}
#procurementApp .pr-stock-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
#procurementApp .pr-stock-links button{font-size:12px;min-height:36px;padding:4px 0}
#procurementApp .pr-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
#procurementApp .pr-quantity-row>label{font-size:13px;margin:0}
#procurementApp .pr-stepper{display:flex;align-items:center;background:#f6f5fb;border:1px solid #eeebf5;border-radius:11px;width:max-content;max-width:100%;min-width:0}
#procurementApp .pr-stepper button{width:40px;min-width:40px;min-height:44px;padding:0;border:0;background:transparent;color:var(--pr-accent);font-size:22px;box-shadow:none}
#procurementApp .pr-stepper input{width:58px;max-width:58px;min-width:0;min-height:42px;padding:6px 2px;border:0;border-radius:0;background:transparent;text-align:center;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
#procurementApp .pr-stepper>span{font-size:12px;color:var(--pr-muted);max-width:70px;padding:0 8px 0 2px;overflow-wrap:anywhere}
#procurementApp .pr-mobile-line .pr-refinement{margin-top:6px}
#procurementApp .pr-mobile-line .pr-refinement summary{font-size:12px;line-height:1.4;min-height:40px;padding:10px 0}
#procurementApp .pr-mobile-line .pr-refinement input{font-size:16px;padding:9px;min-height:44px}
#procurementApp .pr-stock-explainer{margin:10px 0 0;font-size:12px;color:var(--pr-muted);line-height:1.5}
#procurementApp .pr-draft-screen .pr-draft-toolbar{position:fixed;left:var(--pr-dock-left,8px);width:var(--pr-dock-width,calc(100% - 16px));max-width:760px;bottom:var(--pr-dock-bottom,8px);display:block;margin:0;padding:6px;border-radius:14px;background:#fffc;backdrop-filter:blur(12px);z-index:75;box-shadow:0 -2px 16px #39266510}
#procurementApp .pr-draft-toolbar .pr-toolbar-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;width:100%}
#procurementApp .pr-draft-toolbar button{height:44px;min-height:44px;padding:6px 7px;font-size:13px;line-height:1.15;white-space:nowrap;border-radius:10px}
#procurementApp .pr-draft-toolbar .pr-toolbar-review{background:white;border-color:#d9d1e9;color:var(--pr-accent)}
#procurementApp .pr-item-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border-radius:7px;background:#ffffff32}
#procurementApp .pr-draft-screen .pr-draft-menu{margin-top:6px}
#procurementApp .pr-draft-context label{font-size:12px}
@media(max-width:360px){#procurementApp .pr-draft-screen .pr-panel{padding:10px}#procurementApp .pr-mobile-line{padding:10px}#procurementApp .pr-quantity-row>label{font-size:12px}#procurementApp .pr-stepper input{width:49px;max-width:49px}#procurementApp .pr-draft-toolbar button{font-size:12px}#procurementApp .pr-draft-context h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){#procurementApp .pr-draft-screen *{scroll-behavior:auto;transition:none}}


/* Paired mobile screens: request and searchable restaurant inventory. */
#procurementApp .pr-departments button[aria-pressed=true]{background:#eeebff!important;color:#654db1!important;border:1px solid #e4def8;box-shadow:none}
#procurementApp .pr-draft-context{border-radius:22px;background:white}
#procurementApp .pr-draft-products{border:0;background:#f5f6fb;padding-top:8px}
#procurementApp .pr-search-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 12px;background:white;border:1px solid #dcddea;color:var(--pr-muted);text-align:left;font-weight:400;line-height:1.4}
#procurementApp .pr-search-entry svg{width:18px;height:18px;flex:none}
#procurementApp .pr-search-entry span{min-width:0;overflow-wrap:anywhere}
#procurementApp .pr-product-heading{margin-top:4px;margin-bottom:14px}
#procurementApp .pr-more-products{width:100%;min-height:44px;margin-top:2px;background:transparent;border:1px dashed #d8d8e7;color:var(--pr-accent);font-size:14px}
#procurementApp dialog[data-kind=catalog]{inset:0;margin:auto;padding:0;width:min(720px,100vw);max-width:100vw;height:var(--pr-search-height,100dvh);max-height:100dvh;border:1px solid var(--pr-line);border-radius:22px;background:#f5f6fb;overflow:hidden}
#procurementApp dialog[data-kind=catalog][open]{display:flex;flex-direction:column}
#procurementApp dialog[data-kind=catalog]>.pr-dialog-head{display:none}
#procurementApp dialog[data-kind=catalog] #prDialogBody{display:flex;flex-direction:column;min-height:0;flex:1;padding:0;overflow:hidden}
#procurementApp .pr-search-head{padding:16px 18px 12px;background:white;border-radius:0 0 20px 20px;flex:none}
#procurementApp .pr-search-context{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
#procurementApp .pr-search-context>span{min-width:0;text-align:right;font-size:12px;color:var(--pr-muted);overflow-wrap:anywhere}
#procurementApp .pr-search-context button{flex:none;min-height:44px;font-size:13px}
#procurementApp .pr-search-head h3{font-size:25px;margin-bottom:6px}
#procurementApp .pr-search-head>p{color:var(--pr-muted);font-size:13px;margin-bottom:12px}
#procurementApp .pr-search-box{display:flex;align-items:center;gap:4px;background:white;border:1px solid #baa9df;border-radius:13px;padding-left:12px;box-shadow:0 0 0 2px #f4f0fb}
#procurementApp .pr-search-box svg{width:18px;height:18px;flex:none;color:var(--pr-muted)}
#procurementApp .pr-search-box input{border:0;background:transparent;padding:10px 5px;min-height:46px;flex:1;width:0;font-size:16px;box-shadow:none}
#procurementApp .pr-search-box:focus-within{outline:2px solid #ae98dd;outline-offset:1px}
#procurementApp .pr-search-box input:focus-visible{outline:none!important;box-shadow:none!important}
#procurementApp .pr-search-box input::-webkit-search-cancel-button{display:none}
#procurementApp .pr-clear-search{width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;font-size:23px;font-weight:400;color:var(--pr-muted);flex:none}
#procurementApp .pr-search-freshness{font-size:12px;color:var(--pr-muted);line-height:1.45;margin-top:10px}
#procurementApp .pr-search-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 14px 16px;scroll-padding:12px}
#procurementApp .pr-search-list #prCatalogResults{display:block;overflow:visible;max-height:none;margin:0}
#procurementApp .pr-search-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(66px,90px) 44px;gap:8px;align-items:center;background:white;border-bottom:1px solid #e2e4ef;padding:14px 12px;min-width:0}
#procurementApp .pr-search-result:first-of-type{border-radius:12px 12px 0 0}#procurementApp .pr-search-result:last-of-type{border-radius:0 0 12px 12px;border-bottom:0}
#procurementApp .pr-search-result h4{font-size:15px;line-height:1.3;overflow-wrap:anywhere;margin:0 0 8px}
#procurementApp .pr-search-result p{font-size:12px;line-height:1.4;color:var(--pr-muted);overflow-wrap:anywhere}
#procurementApp .pr-search-stock{text-align:right;min-width:0;font-size:12px;line-height:1.35;color:var(--pr-muted);overflow-wrap:anywhere}
#procurementApp .pr-search-stock strong{display:block;color:var(--pr-ink);font-size:14px;font-weight:650;margin-top:5px}
#procurementApp .pr-search-stock[data-quality=unavailable] strong,#procurementApp .pr-search-stock[data-quality=unmatched] strong{font-size:12px;overflow-wrap:normal}
#procurementApp .pr-search-stock small{display:block;font-size:11px;margin-top:4px}
#procurementApp .pr-search-stock[data-quality=partial] strong,#procurementApp .pr-search-stock[data-quality=stale] strong,#procurementApp .pr-search-stock[data-quality=negative] strong{color:#87602b}
#procurementApp .pr-add-result{height:44px;width:44px;min-height:44px;padding:0;font-size:26px;font-weight:450;border:0;background:#f0ecfa;color:var(--pr-accent);border-radius:12px;box-shadow:none}
#procurementApp .pr-add-result[aria-disabled=true]{background:#f0f3f2;color:#4c6b5c;font-size:20px;cursor:default}
#procurementApp .pr-search-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--pr-line);background:white;flex:none}
#procurementApp .pr-search-footer>div{min-width:0}#procurementApp .pr-search-footer strong{font-size:15px}
#procurementApp .pr-search-footer p{font-size:12px;color:var(--pr-muted);margin-top:3px}
#procurementApp .pr-search-footer button{height:44px;min-height:44px;padding:8px 18px;font-size:14px}
#procurementApp .pr-search-manual{margin-top:12px;padding:8px 4px;font-size:13px;line-height:1.5;color:var(--pr-muted)}
#procurementApp .pr-search-manual button{display:block;min-height:44px;margin-top:6px}
#procurementApp .pr-stock-key{font-size:12px;line-height:1.5;color:var(--pr-muted);margin-top:14px}
@media(max-width:650px){#procurementApp dialog[data-kind=catalog]{border:0;border-radius:0;inset:0 auto auto 0;margin:0;width:100vw;max-width:100vw}#procurementApp dialog[data-kind=catalog] #prDialogBody{padding:0}#procurementApp .pr-search-head{padding:12px 14px}#procurementApp .pr-search-list{padding:12px 10px}#procurementApp .pr-search-result{padding:14px 10px;grid-template-columns:minmax(0,1fr) 80px 44px;gap:7px}#procurementApp .pr-search-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}}
@media(max-width:350px){#procurementApp .pr-search-result{grid-template-columns:minmax(0,1fr) 80px 44px;padding:12px 8px;gap:6px}#procurementApp .pr-search-result h4{font-size:14px}#procurementApp .pr-search-stock strong{font-size:13px}#procurementApp .pr-search-context{gap:6px}#procurementApp .pr-search-context>span{font-size:11px}#procurementApp .pr-search-head h3{font-size:23px}#procurementApp .pr-search-head{padding:10px 12px}#procurementApp .pr-search-footer button{padding:8px 14px}}


/* Compact quantity and optional refinement before adding a search result. */
#procurementApp .pr-search-result{grid-template-columns:minmax(0,1fr) 90px;gap:8px 12px}
#procurementApp .pr-search-order{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:2px}
#procurementApp .pr-search-order label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--pr-muted)}
#procurementApp .pr-search-order input{width:66px;min-width:0;min-height:44px;height:44px;padding:6px;text-align:center;font-size:16px;font-weight:600;background:#f7f6fc;border:1px solid #e0daec;border-radius:10px}
#procurementApp .pr-search-order>span{font-size:12px;color:var(--pr-muted);max-width:45px;overflow-wrap:anywhere}
#procurementApp .pr-search-refine{grid-column:1/-1;font-size:12px;color:var(--pr-muted);min-width:0}
#procurementApp .pr-search-refine summary{cursor:pointer;min-height:32px;display:flex;align-items:center;color:var(--pr-accent);font-size:12px}
#procurementApp .pr-search-refine summary::before{content:'+';margin-right:6px}#procurementApp .pr-search-refine[open] summary::before{content:'−'}
#procurementApp .pr-search-refine input{width:100%;min-width:0;min-height:40px;padding:8px 10px;font-size:16px;border:1px solid #e0daec;background:#faf9fd;border-radius:10px}
#procurementApp .pr-search-order input:disabled,#procurementApp .pr-search-refine input:disabled{opacity:1;color:var(--pr-ink);-webkit-text-fill-color:var(--pr-ink)}
@media(max-width:350px){#procurementApp .pr-search-result{grid-template-columns:minmax(0,1fr) 80px;gap:6px 10px}}

#procurementApp .pr-mobile-line{position:relative;padding:8px 12px;margin-bottom:8px;border-radius:14px}
#procurementApp .pr-mobile-line .pr-line-title{min-height:26px;margin-bottom:2px;padding-right:36px}
#procurementApp .pr-mobile-line .pr-line-title h4{font-size:15px;line-height:1.3}
#procurementApp .pr-mobile-line .pr-remove-item{position:absolute;top:0;right:2px}
#procurementApp .pr-compact-stock{font-size:12px;min-width:0;color:var(--pr-muted)}
#procurementApp .pr-compact-stock>summary{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1px 8px;min-height:32px;padding:3px 0;color:var(--pr-muted);font-weight:400}
#procurementApp .pr-compact-stock>summary strong{font-size:12px;font-weight:550}
#procurementApp .pr-compact-stock>summary small{font-size:10px;font-weight:400}
#procurementApp .pr-compact-stock>summary small:after{content:' ⌄'}
#procurementApp .pr-compact-stock[data-quality=partial]>summary strong,#procurementApp .pr-compact-stock[data-quality=negative]>summary strong,#procurementApp .pr-compact-stock[data-quality=stale]>summary strong{color:#845f28}
#procurementApp .pr-stock-detail{padding:4px 0 8px;font-size:12px}#procurementApp .pr-stock-detail p{margin:3px 0}#procurementApp .pr-stock-detail button{font-size:12px}
#procurementApp .pr-mobile-line .pr-quantity-row{margin-top:2px}
#procurementApp .pr-mobile-line .pr-refinement{margin-top:0}
#procurementApp .pr-mobile-line .pr-refinement summary{min-height:28px;padding:4px 0;font-size:12px}
@media(max-width:360px){#procurementApp .pr-mobile-line{padding:8px 10px}}

#procurementApp #prDraftRestaurant{margin-bottom:14px}
/* Smaller visual controls keep the add button's 44px touch target. */
#procurementApp .pr-search-order input{width:46px;height:31px;min-height:31px;padding:3px 4px;border-radius:8px;font-size:16px}
#procurementApp .pr-search-order label{min-height:44px;gap:7px}
#procurementApp .pr-search-order{gap:5px;margin-top:0}
#procurementApp .pr-search-order .pr-add-result{position:relative;isolation:isolate;background:transparent!important;box-shadow:none!important;font-size:18px;border-radius:8px}
#procurementApp .pr-search-order .pr-add-result:before{content:'';position:absolute;inset:6px;border-radius:8px;background:#f0ecfa;z-index:-1}
#procurementApp .pr-search-order .pr-add-result[aria-disabled=true]:before{background:#f0f3f2}
#procurementApp .pr-search-usage{grid-column:1/-1;min-width:0;color:var(--pr-muted);font-size:11px}
#procurementApp .pr-search-usage summary{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:28px;padding:2px 0;font-size:11px;font-weight:400;color:var(--pr-muted)}
#procurementApp .pr-search-usage summary strong{font-weight:550}#procurementApp .pr-search-usage>p{font-size:12px;line-height:1.4;margin:4px 0 7px}

/* Compact catalog: visible facts, optional detail, unchanged touch targets. */
#procurementApp .pr-search-result{grid-template-columns:minmax(0,1fr) 112px;padding:10px 12px;gap:4px 12px;align-items:start}
#procurementApp .pr-search-result h4{margin-bottom:3px}
#procurementApp .pr-search-stock strong{margin-top:2px}
#procurementApp .pr-search-stock small{margin-top:2px}
#procurementApp .pr-search-usage summary{gap:5px 12px;min-height:32px;font-size:12px;line-height:1.4;padding:3px 0}
#procurementApp .pr-search-fact{display:inline-flex;gap:5px;align-items:baseline;border-bottom:1px solid #ded7ed;padding-bottom:2px}
#procurementApp .pr-search-usage summary strong{font-weight:650;color:var(--pr-ink);font-variant-numeric:tabular-nums}
#procurementApp .pr-search-order{grid-column:2;grid-row:3;align-self:center}
#procurementApp .pr-search-order label{font-size:0;gap:0}
#procurementApp .pr-search-refine{grid-column:1;grid-row:3;align-self:center}
#procurementApp .pr-search-refine summary{min-height:44px;padding:4px 0;line-height:1.35}
#procurementApp .pr-search-refine[open]{grid-column:1/-1;grid-row:4}
#procurementApp .pr-search-usage{grid-row:2}
@media(max-width:350px){#procurementApp .pr-search-result{padding:9px 8px;gap:3px 8px}#procurementApp .pr-search-usage summary{font-size:11px;gap:4px 9px}#procurementApp .pr-search-refine summary{font-size:11px}}

#procurementApp .pr-decision-stock{display:block;font-size:12px;color:var(--pr-muted);font-weight:400}
#procurementApp .pr-decision-stock small{display:block;font-size:11px;line-height:1.45;margin-top:4px}
#procurementApp .pr-stock-fact{display:flex;gap:4px 8px;align-items:baseline;flex-wrap:wrap}
#procurementApp .pr-stock-fact strong{font-size:15px;color:var(--pr-ink);font-variant-numeric:tabular-nums}
#procurementApp .pr-decision-stock[data-quality=excess] .pr-stock-fact,#procurementApp .pr-decision-stock[data-quality=negative] .pr-stock-fact{color:#8a5524}
#procurementApp .pr-summary-grid table{table-layout:fixed;min-width:0;width:100%}
#procurementApp .pr-summary-grid th:first-child{width:44px}
#procurementApp .pr-summary-grid td{vertical-align:top;overflow-wrap:anywhere;padding:10px 8px}
#procurementApp .pr-summary-grid small,#procurementApp .pr-summary-restaurant small{display:block;font-size:12px;color:var(--pr-muted);margin-top:4px}
#procurementApp .pr-summary-grid .pr-link{display:block;font-size:12px;min-height:32px}
#procurementApp .pr-summary-restaurant{padding:14px 0;border-bottom:1px solid var(--pr-line)}
#procurementApp .pr-summary-restaurant>p{margin:6px 0}
#procurementApp .pr-buyer-filter-shell>summary{display:none}
@media(min-width:651px){#procurementApp .pr-buyer-filter-shell::details-content{content-visibility:visible;display:block}}
@media(max-width:650px){#procurementApp .pr-buyer-filter-shell>summary{display:block;padding:10px 12px;background:#f3effb;border-radius:10px;margin-bottom:10px}#procurementApp .pr-summary-grid tr{position:relative;padding:10px}#procurementApp .pr-summary-grid td:nth-child(2){grid-column:1/-1;padding-right:34px}#procurementApp .pr-summary-grid .pr-select{position:absolute;right:8px;top:8px}#procurementApp .pr-summary-grid td:nth-child(4){grid-column:1/-1}#procurementApp .pr-summary-grid .pr-select:before{display:none}}

/* Metric colors distinguish meaning, never inventory thresholds. */
#procurementApp .pr-search-usage summary{gap:5px 7px}
#procurementApp .pr-search-fact{border:0;border-radius:7px;padding:4px 7px;gap:5px;max-width:100%;flex-wrap:wrap;line-height:1.35}
#procurementApp .pr-fact-daily{background:#edf4fc;color:#496784}
#procurementApp .pr-fact-daily strong{color:#275783}
#procurementApp .pr-fact-days{background:#f1edfa;color:#706083}
#procurementApp .pr-fact-days strong{color:#684692}
#procurementApp .pr-fact-unavailable{background:#f0f1f5;color:#697084}
#procurementApp .pr-fact-unavailable strong{color:#596174;font-weight:550}
#procurementApp .pr-fact-review{background:#fff3df;color:#886222}
#procurementApp .pr-fact-review strong{color:#80551a}
@media(max-width:350px){#procurementApp .pr-search-fact{padding:4px 6px;gap:4px}}

#procurementApp .pr-fact-scope{flex-basis:100%;font-size:11px;color:var(--pr-muted)}
#procurementApp .pr-fact-warehouses{padding-left:18px;font-size:12px;color:var(--pr-muted);margin:4px 0 8px}

/* Buyer: factual stock, separate metrics and explicit historical price. */
#procurementApp .pr-purchase-grid table{min-width:0;width:100%}
#procurementApp .pr-stock-button{width:100%;min-width:0;overflow-wrap:anywhere}
#procurementApp .pr-stock-cell .pr-buyer-metrics strong{font-size:12px}
#procurementApp .pr-stock-fact{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
#procurementApp .pr-stock-fact strong{font-size:15px;color:var(--pr-ink)}
#procurementApp .pr-stock-signal{display:inline-flex;gap:4px;align-items:center;margin:5px 0;padding:3px 7px;border-radius:7px;background:#efedf5;color:#615970;font-size:11px}
#procurementApp .pr-decision-stock[data-quality=excess] .pr-stock-signal,#procurementApp .pr-decision-stock[data-quality=low] .pr-stock-signal,#procurementApp .pr-decision-stock[data-quality=negative] .pr-stock-signal,#procurementApp .pr-decision-stock[data-quality=stale] .pr-stock-signal{background:#fff2dc;color:#87531f}
#procurementApp .pr-buyer-metrics{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4px}
#procurementApp .pr-buyer-metrics>span{display:block;padding:4px 6px;border-radius:7px;line-height:1.4;font-size:11px}
#procurementApp .pr-metric-daily{background:#edf4fc;color:#466888}
#procurementApp .pr-metric-days{background:#f0ebfa;color:#6a4c91}
#procurementApp .pr-buyer-metrics strong{display:block;font-size:12px}
#procurementApp .pr-stock-open{display:block;font-size:11px;color:var(--pr-accent);margin-top:6px}
#procurementApp .pr-price-button{font-weight:400;background:transparent;border:0;text-align:left;padding:0;max-width:100%;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
#procurementApp .pr-price-button>span,#procurementApp .pr-price-button>small,#procurementApp .pr-price-button>strong{display:block}
#procurementApp .pr-price-button>small{font-size:11px;margin-top:4px;color:var(--pr-muted)}
#procurementApp .pr-command-progress{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #d9cdee;border-radius:12px;background:#f5efff;color:#59417b;box-shadow:0 4px 20px #30204222;z-index:10000;font-size:14px}
#procurementApp [data-dialog=buyer-movement] .pr-stock-open{display:none}


#procurementApp [data-pr-static-style="0"]{margin-bottom:10px}
#procurementApp [data-pr-static-style="1"]{margin-top:12px}
#procurementApp [data-pr-static-style="2"]{margin-top:14px}
#procurementApp [data-pr-static-style="3"]{margin-top:8px;min-height:36px}
#procurementApp [data-pr-static-style="4"]{margin:12px 0}