.request-footer{position:sticky;z-index:20;bottom:max(10px,env(safe-area-inset-bottom));max-width:680px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border:2px solid #aec3d5;border-radius:14px;box-shadow:0 4px 22px #17334824}.request-footer small{display:block;font-size:11px;color:#667587}.request-footer .primary{flex:none;min-height:42px}.shell:has(.request-footer){padding-bottom:max(10px,env(safe-area-inset-bottom))}.rq-item-pending{display:inline-block;color:#75520b;background:#fff2c9;padding:1px 6px;border-radius:5px;font-size:10px}.rq-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.rq-tabs button{background:#f0f4f8;text-align:center}.rq-tabs .selected{background:#dceaf6;border:2px solid #6184a5;color:#173a59}.rq-help{font-size:12px;line-height:1.6;color:#56677a;margin:8px 0 12px}.rq-state{font-size:11px;color:#7b570e;background:#fff2d4;padding:2px 6px;border-radius:6px;white-space:nowrap}.rq-sources{display:flex;flex-direction:column;font-size:11px;line-height:1.5;color:#647389}.rq-text{font-size:11px!important;padding:2px 6px!important;min-height:24px!important;line-height:1.4!important}.rq-sources span{overflow-wrap:anywhere}.rq-prepared{padding:10px;border:2px solid #aabfd5;border-radius:10px;background:#edf4fa;margin:12px 0}.rq-prepared h2{font-size:14px;margin:0 0 6px}.rq-prepared>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0}.rq-prepared span,.rq-prepared b{font-size:12px}.rq-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid #d7e0e8;align-items:center}.rq-review-row strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.rq-review-row small{display:block;color:#5b6b7e;font-size:11px}.rq-number{display:inline-flex;gap:4px;align-items:center;flex-shrink:0}.rq-quantity{width:62px!important;min-width:0!important;text-align:center;text-align-last:center;padding:5px!important;font-size:14px!important;color:#193f60;background:#f0f5fb;border:1px solid #a8bbcf;border-radius:7px}.rq-direct{width:75px;padding:5px;min-width:0}.rq-ack,.rq-remainder{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;margin:10px 0}.rq-ack input,.rq-remainder input{width:16px;min-width:16px;margin-top:2px}.rq-batch-line{padding:10px;margin:8px 0;border:2px solid #c4d0dc;border-radius:10px;background:#f8fafc}.rq-batch-line h3{font-size:14px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.rq-batch-line small{font-size:11px;color:#66768b}.rq-batch-line p{font-size:12px;margin:3px 0}.rq-batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0}.rq-batch-actions a{font-size:12px;padding:5px 8px;background:#e6eef6;border-radius:6px}.rq-remainder{font-size:11px;color:#54697e}.rq-history{margin:12px 0;padding:8px 10px;border:1px solid #c6d1de;border-radius:8px;font-size:12px}.rq-history summary{cursor:pointer;font-weight:600}.rq-history article{padding:8px 0;border-bottom:1px solid #e0e7ef}.rq-history p{font-size:12px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}.rq-history .small{min-height:26px;padding:3px 7px}@media(max-width:480px){.request-footer{padding:8px 10px;gap:6px}.request-footer strong{font-size:13px}.request-footer .primary{padding:8px 12px;font-size:13px}.order-toolbar h1{font-size:20px}.rq-prepared>div strong{flex-basis:100%}.rq-review-row{gap:5px}.rq-batch-line{padding:8px}}

.rq-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rq-complete-actions button{font-size:13px;padding:9px 6px;white-space:nowrap}.rq-complete-actions .subtle{grid-column:1/-1;min-height:24px;padding:3px;font-size:12px}

.rq-window{display:block;font-size:11px;color:#795515;margin-top:3px}.rq-review-row>div:last-child{display:flex;align-items:center;gap:4px}

.rq-quantity-help{font-size:12px;color:#52667d;margin:0}.rq-detail-quantity,.rq-board-quantity{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rq-board-quantity{font-size:12px;margin:0}.rq-board-quantity .rq-quantity{width:48px!important}.rq-board-quantity .rq-direct{width:66px}.rq-detail-quantity{margin:10px 0}

.rq-item-detail{display:inline;min-height:0;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-decoration:underline;text-decoration-color:#8199ad;text-underline-offset:.16em;overflow-wrap:anywhere}

/* Keep the order quantity and selection together in the detailed list as well. */
html[data-inventory-view=detail] .stock-row{grid-template-columns:24px minmax(0,1fr) 48px 44px;gap:6px;align-items:center}
html[data-inventory-view=detail] .stock-row .stock-info{grid-column:2;grid-row:1}
html[data-inventory-view=detail] .stock-row .favorite{grid-column:1;grid-row:1;align-self:center}
html[data-inventory-view=detail] .stock-row .stock-controls{grid-column:3;grid-row:1;display:flex;width:48px;max-width:48px;margin:0}
html[data-inventory-view=detail] .stock-row .order-toggle{grid-column:4;grid-row:1;width:44px;height:44px;min-height:44px;margin:0}
.stock-price{font-size:12px;color:#244d3b;font-weight:600;line-height:1.5}.stock-price>span{font-size:10px;color:#69796f;font-weight:400}
html[data-item-prices="0"] [data-list-price]{display:none!important}
.rq-done{background:#e2f1e8;color:#24583c}.rq-completed-lines{display:flex;gap:4px 12px;flex-wrap:wrap;font-size:12px}.rq-completed-lines>span{overflow-wrap:anywhere}
.rq-tabs button{min-height:40px;padding:6px 12px}.order-card-links .danger{color:#943d38!important}
.order-toolbar{flex-wrap:wrap}
.rq-pending-count{font-size:.75rem;font-weight:500;color:#56677a;white-space:nowrap}
.order-toolbar .rq-view-actions{flex-wrap:wrap}
.rq-supplier-nav{display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;margin:6px 0;padding:2px 2px 5px;scrollbar-width:thin}
.rq-supplier-nav button{flex:none;min-height:40px;padding:6px 10px;white-space:nowrap;background:#edf4fa;color:#244963}
.rq-supplier-nav button:hover,.rq-supplier-nav button:focus-visible{background:#dceaf6}
[data-rq-supplier]{scroll-margin-top:7rem}
[data-rq-supplier]:focus{outline:2px solid #6184a5;outline-offset:-2px}
#rq-late-notice[hidden]{display:none}
.order-groups .order-route{border:2px solid #9eb2bf;background:#f6f9fb}
.order-groups .order-route-head{padding:8px 10px;background:#e7eff5;border-bottom-color:#a9bdca}
.order-groups .order-route-head strong{font-size:16px;color:#243f54;overflow-wrap:anywhere}
.order-groups .order-route-head span:not(.rq-move-count),.order-groups .rq-seller-head span{font-size:12px;color:#466177}
.order-groups .rq-seller-block{margin:8px;border:1px solid #a9bdca;border-radius:8px;background:#fff;overflow:hidden;padding:0 0 4px}
.order-groups .rq-seller-head{justify-content:space-between;flex-wrap:wrap;background:#eef3f7;color:#243f54;font-size:14px}
.rq-route-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.rq-route-actions button{min-height:32px;padding:4px 7px;font-size:12px;white-space:nowrap}
.rq-route-actions button:disabled{opacity:.55;cursor:default}
.rq-move-count{display:inline-block;margin-left:2px;padding:0 4px;border-radius:4px;background:#fff;color:#294e66;font-size:11px}
.rq-move-check{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #a9bdca;border-radius:5px;background:#fff;cursor:pointer}
.rq-move-check input{width:15px;height:15px;min-width:15px;margin:0;accent-color:#275875}
.order-product-card:has([data-rq-move-selection]:checked){box-shadow:inset 0 0 0 2px #628ca8;background:#f3f9ff}
html .top details.account-menu{display:block;position:relative;flex:none;margin-left:auto;overflow:visible}
.account-menu>summary{list-style:none;display:flex;align-items:center;gap:4px;cursor:pointer;min-height:40px;padding:4px 7px;border:1px solid #ccd9d1;border-radius:8px;background:#f1f6f3;color:#2c4c3d;font-size:12px;max-width:130px}
.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary>span[data-no-vi]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-popover{position:absolute;z-index:80;right:0;top:calc(100% + 5px);width:220px;max-width:calc(100vw - 20px);padding:8px;border:1px solid #bfcec5;border-radius:10px;box-shadow:0 8px 24px #183c3026;background:white;display:flex;flex-direction:column;gap:4px}
.account-popover strong,.account-popover small{padding:3px 7px;overflow-wrap:anywhere}.account-popover small{font-size:11px;color:#68796f}.account-popover button{text-align:left;background:#f4f7f5;min-height:40px;font-size:13px}
html .top .top-actions nav button,html .top .top-actions .display-toolbar button{height:40px;min-height:40px;box-sizing:border-box}
@media(max-width:1050px){.top .logo>div{display:none}}
/* Put the star in the badge line, preserving the full product-name width. */
html[data-inventory-view] .stock-row{grid-template-columns:minmax(0,1fr) 48px 44px;gap:6px}
html[data-inventory-view] .stock-row .stock-info{grid-column:1;grid-row:2}
html[data-inventory-view] .stock-row .favorite{display:flex;grid-column:1;grid-row:1;align-self:start;justify-self:start;align-items:center;justify-content:center;z-index:1;width:24px;height:24px;min-height:24px;padding:0;margin:0;border:1px solid #dce2dd;border-radius:7px;background:#f7f9f7;color:#78847a;font-size:0;line-height:0}
html[data-inventory-view] .stock-row .favorite.is-favorite{background:#fff5d5;color:#9a6500;border-color:#e4cd8b}
html[data-inventory-view] .stock-row .item-marks-line{padding-left:28px;padding-right:0;min-height:24px;box-sizing:border-box;align-items:center}
html[data-inventory-view] .stock-row .brand-name-line{display:flex;height:auto;gap:1px}
.stock-brandbar{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;min-height:24px;grid-column:1/-1;grid-row:1}
.stock-brandbar .stock-location-marks{max-width:58%;min-width:0;flex:0 1 auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.stock-brandbar .stock-location-mark{flex:none;min-height:18px;padding:1px 4px;font-size:10px}
html[data-inventory-view] .stock-row .brand-name-line .stock-name{width:100%;min-width:0;min-height:22px;height:auto;padding:0;line-height:1.3;flex:0 1 auto;white-space:normal;overflow:visible}
.stock-brandbar .comparison-badge{min-height:23px;height:23px;padding:0 5px;font-size:10px}
.stock-brandbar .comparison-badge:focus-visible{outline:2px solid currentColor;outline-offset:1px}
html[data-inventory-view] .stock-row .stock-controls{grid-column:2;grid-row:2}
html[data-inventory-view] .stock-row .order-toggle{grid-column:3;grid-row:2}
.stock-row .favorite svg{display:block;flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;pointer-events:none}
.stock-row .favorite.is-favorite svg{fill:currentColor}
.inventory-secondary{grid-column:1 / -1;display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;max-width:100%}
html[data-inventory-view] .favorite-filters{display:flex;gap:5px;flex-wrap:wrap;margin:0}
.inventory-secondary .inventory-tools{margin-left:auto;min-width:0;max-width:100%}
.inventory-secondary .inventory-tools[open]{flex-basis:100%;margin-left:0}
.favorite-filters button{min-height:36px;padding:5px 10px;border:1px solid #d3dfd6;border-radius:7px;background:#f3f7f4;color:#3d5545;font-size:12px;text-align:center}
.favorite-filters button.selected{background:#e8f0e9;border-color:#7e9e88;font-weight:700}
@media(max-width:380px){.favorite-filters button{padding-inline:7px}}
/* Classification navigation; the shared sticky wrapper is defined below. */
html[data-inventory-view] .inventory-main>.inventory-toolbar{position:static}
.classification-nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:2px;min-width:0;height:42px;margin:0 0 8px;padding:3px 2px;border:1px solid #b8cbbf;border-radius:8px;background:#edf4ef;box-shadow:0 2px 5px #233c2b0a}
.classification-top,.classification-scroll-controls button{display:flex;align-items:center;justify-content:center;flex:none;width:26px;min-width:26px;height:34px;min-height:34px;padding:0;border:1px solid #c7d7cc;background:#fff;border-radius:5px;font-size:19px;line-height:1}
.classification-tabs{position:relative;display:flex;align-items:center;gap:2px;flex:1;min-width:0;height:36px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}
.classification-tabs::-webkit-scrollbar{display:none}
.classification-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:1 0 auto;width:max-content;min-width:34px;min-height:34px;height:34px;margin:0;padding:1px 2px;border:0;border-bottom:2px solid transparent;border-radius:5px 5px 2px 2px;background:transparent;color:#52675b;font-size:12px;line-height:15px;white-space:nowrap}
.classification-tab small{font-size:10px;line-height:11px;font-weight:500;color:#6d8174}
.classification-tab[aria-current=location]{border-bottom-color:#2e6c4b;background:#d9eadf;color:#1d4933;font-weight:750}
.classification-tab[aria-current=location] small{color:#365f46}
.classification-tab:focus-visible{outline-offset:-3px}
.classification-scroll-controls{display:flex;align-items:center;gap:2px;flex:none}
.classification-scroll-controls[hidden]{display:none}
.classification-scroll-controls button:disabled{opacity:.3}
.classification-empty{padding:0 6px;color:#718176;font-size:12px;white-space:nowrap}
#inventory-content .stock-section{scroll-margin-top:50px}
@media(max-width:620px){.top .logo{display:none}.top{gap:4px!important;padding:6px 8px!important;flex-wrap:nowrap!important}.top-actions{flex:1!important;min-width:0}.top nav button,.top .display-toolbar button{min-width:0;padding:5px;font-size:12px;min-height:40px}.top .density-controls{gap:1px}.account-menu .live-dot{display:none}.account-menu>summary{padding:4px;max-width:76px}.account-popover{position:fixed;right:8px;top:54px}.order-card-controls{gap:4px}}

/* Minimum holding is a persistent reference, beside the separate order quantity. */
html[data-inventory-view] .stock-row,html[data-inventory-view] .inventory-columns{grid-template-columns:minmax(0,1fr) 48px 48px 44px;gap:1px 6px}
html[data-inventory-view] .stock-row .minimum-control{grid-column:2;grid-row:2}
html[data-inventory-view] .stock-row .stock-controls{grid-column:3;grid-row:2}
html[data-inventory-view] .stock-row .order-toggle{grid-column:4;grid-row:2}
.minimum-button{flex-direction:column;gap:1px;background:#f0f4fa;border-color:#bccbdb;color:#37516c;line-height:1.1}
.minimum-button small{font-size:9px;font-weight:500;white-space:nowrap}
.minimum-button [data-minimum-label]{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.minimum-button[value=""] [data-minimum-label]{font-size:10px;color:#687a8c}
.minimum-note{display:inline-flex;gap:3px;align-items:center;padding:1px 4px;border-radius:4px;background:#edf2f8;color:#385572;font-size:11px;white-space:nowrap}
.inventory-columns>span:not(:first-child){text-align:center}
.classification-tabs.is-scrollable,.classification-tabs.is-scrollable button{cursor:grab}
.classification-tabs.is-dragging,.classification-tabs.is-dragging button{cursor:grabbing}
.classification-tabs{user-select:none;-webkit-user-select:none}
@media(max-width:480px){
 html[data-inventory-view] .stock-row,html[data-inventory-view] .inventory-columns{grid-template-columns:minmax(0,1fr) 44px 44px 44px;gap:1px 4px}
 html[data-inventory-view] .stock-row .stock-controls,html[data-inventory-view] .stock-row .quantity-control{width:44px;max-width:44px}
 html[data-inventory-view] .stock-row .quantity-button{width:44px}
 .minimum-button small{font-size:9px}
}

/* Two fully visible control rows and horizontally scrolling category tabs. */
.catalog-browse-tools{container-type:inline-size;position:sticky;top:0;z-index:15;min-width:0;max-width:100%;margin-bottom:8px;background:#fff}
html[data-inventory-view] .catalog-browse-tools>.inventory-toolbar{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0;min-height:99px;margin:0;padding:4px;border:1px solid #c6d5ca;border-bottom:0;border-radius:8px 8px 0 0;background:#f8faf8;overflow:visible}
html[data-inventory-view] .catalog-browse-tools .inventory-controls{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.45fr);gap:4px!important;width:100%!important;min-width:0;margin:0;isolation:auto}
.catalog-browse-tools .inventory-filter,.catalog-browse-tools .inventory-filter:has(>[data-menu=sort]){position:static;width:auto;min-width:0;margin:0}
html[data-inventory-view] .catalog-browse-tools .inventory-filter>button{width:100%;height:44px;min-height:44px;margin:0;padding:3px;white-space:nowrap}
.catalog-browse-tools .filter-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-browse-tools .inventory-filter>button:disabled{opacity:.55;cursor:default}
html[data-inventory-view] .catalog-browse-tools .inventory-secondary{display:flex!important;align-items:center;flex-wrap:nowrap;gap:5px;width:100%;min-width:0;max-width:100%;margin:0;padding:0}
html[data-inventory-view] .catalog-browse-tools .inventory-search-row{display:flex;flex:1 1 120px;width:auto;min-width:0;margin:0}
html[data-inventory-view] .catalog-browse-tools .inventory-search-row .search{flex:1;flex-basis:auto;width:100%;min-width:0;max-width:none;margin:0}
.catalog-browse-tools .search input{width:100%;height:44px;min-height:44px;padding:5px 8px;font-size:16px}
html[data-inventory-view] .catalog-browse-tools .favorite-filters{display:flex;flex:none;flex-wrap:nowrap;gap:5px;width:auto;min-width:0;max-width:100%;margin:0}
.catalog-browse-tools .favorite-filters button,.catalog-browse-tools .add-product,.catalog-browse-tools .inventory-tools>button{flex:none;min-height:44px;height:44px;margin:0;padding:5px 9px;white-space:nowrap;font-size:12px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:2px}
html[data-inventory-view] .catalog-browse-tools .inventory-tools{display:block!important;grid-column:auto;flex:none;width:auto;min-width:0;max-width:100%;margin:0;padding:0;border:0}
.catalog-browse-tools .toolbar-symbol{display:none}
.catalog-browse-tools [data-filter=recent] .toolbar-icon{display:none}
.recent-order-tools{display:flex;gap:5px;margin:0 0 8px}
.recent-order-tools button{min-height:36px;padding:4px 10px}
.recent-order-tools button[aria-pressed=true]{background:#e0edf9;border-color:#789ab9;color:#244e73}
.recent-order-mark{display:inline-flex;gap:3px;align-items:center;white-space:nowrap;border-radius:4px;padding:1px 5px;background:#e0edf9;color:#244e73;font-size:11px;font-weight:600}
.recent-order-badge{display:inline-block;white-space:nowrap;border-radius:4px;padding:0 4px;background:#e1e9fb;color:#274581;font-size:10px;font-weight:700;line-height:1.5;vertical-align:1px}
.recent-order-badge[hidden]{display:none}
.catalog-browse-tools .classification-nav{position:static;margin:0;border-radius:0 0 8px 8px}
#inventory-content .stock-section{scroll-margin-top:153px}
@container (max-width:620px){
html[data-inventory-view] .catalog-browse-tools .inventory-secondary{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
html[data-inventory-view] .catalog-browse-tools .inventory-search-row{grid-column:1/-1;gap:5px}
html[data-inventory-view] .catalog-browse-tools .inventory-search-row .catalog-scan{width:44px;min-height:40px}
html[data-inventory-view] .catalog-browse-tools .favorite-filters{display:contents}
html[data-inventory-view] .catalog-browse-tools .inventory-tools{width:100%}
html .catalog-browse-tools .inventory-tools>button,html .catalog-browse-tools .favorite-filters>button,html .catalog-browse-tools .add-product{width:100%;min-width:0;min-height:34px;height:34px;padding:3px;font-size:11px;overflow:hidden}
html .catalog-browse-tools .toolbar-label{display:none}
html .catalog-browse-tools .toolbar-symbol{display:inline}
html .catalog-browse-tools .toolbar-icon{font-size:19px;line-height:1}
html .catalog-browse-tools [data-filter=all] .toolbar-icon{font-size:11px;line-height:15px}
html .catalog-browse-tools [data-filter=recent] .toolbar-icon{display:inline;font-size:11px;line-height:15px}
html .catalog-browse-tools .search input{height:40px;min-height:40px;padding-inline:9px}
html .catalog-browse-tools .filter-title{font-size:11px}
html .catalog-browse-tools .filter-value{font-size:9px}
html[data-language=vi] .catalog-browse-tools .filter-title{font-size:10px}
}

/* Open menus live outside the clipped horizontal strip. */
body>.inventory-menu{position:fixed!important;z-index:90;min-width:0;max-width:calc(100vw - 16px);margin:0;padding:5px;overflow:auto;border:1px solid #b8cbbf;border-radius:8px;background:#fff;box-shadow:0 8px 24px #253e3029;overscroll-behavior:contain}
body>.inventory-menu>div{display:grid;gap:2px}
body>.inventory-menu button{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 10px;text-align:center;white-space:normal;font-size:13px;border:0;border-radius:5px;background:#fff}
body>.inventory-menu button[aria-selected=true]{background:#e3eee6;color:#244f37;font-weight:700}
body>.inventory-menu [role=option]{white-space:normal;overflow-wrap:anywhere}
.item-refrigerators{margin-top:16px;padding-top:12px;border-top:1px solid #d5dfd8}
.fridge-room{margin:8px 0 0;padding:8px;border:1px solid #cedbd2;border-radius:7px;min-width:0}
.fridge-room legend{padding:0 5px;font-size:12px;font-weight:700;color:#415c4b}
.fridge-number-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:6px}
.fridge-number-choices label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:6px;border:1px solid #c7d8ce;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}
.fridge-number-choices input{width:16px!important;min-width:16px!important;height:16px;margin:0}
.fridge-number-choices label:has(:checked){background:#deeee5;border-color:#6c9980;color:#20553c}
.fridge-prior{background:#fff8e9}

.storage-class-title{grid-column:1/-1;margin:5px 2px 0;padding:3px 6px;border-left:3px solid #9aafa4;background:#edf4ef;color:#38564b;font-size:12px;font-weight:650;line-height:18px}
.rq-issues {display:grid;gap:8px;min-width:0}
.rq-issue {border:1px solid #d3deea;border-radius:10px;padding:10px;background:#f7faff;overflow-wrap:anywhere}
.rq-issue p {margin:5px 0}
.estimate-issues {grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
.estimate-issues summary {cursor:pointer;font-size:12px}
.estimate-issues ul {margin:6px 0;padding-left:18px;font-size:12px}
.order-card-links .rq-edit-product,.rq-batch-actions .rq-edit-product,.rq-issue .rq-edit-product{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:max-content;min-height:30px;padding:5px 9px;font-size:12px;line-height:1.2;white-space:nowrap;align-self:center;text-align:center}
.order-card-links:has(.rq-edit-product){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#dialog:has(#rq-complete){width:min(1160px,calc(100vw - 28px))}
#dialog:has(#rq-complete) .dialog-body{padding:12px 16px}
.rq-batch-overview{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px}
#rq-item-count{white-space:nowrap;font-size:13px;padding-top:6px}
.rq-batch-overview .purchase-estimate{margin:0}
.rq-batch-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px;align-items:center;padding:8px 10px;margin:6px 0}
.rq-batch-info{min-width:0}
.rq-batch-heading{display:flex;align-items:center;gap:4px 6px;flex-wrap:wrap}
.rq-batch-heading h3{margin:0;font-size:13px;line-height:1.4}
.rq-batch-spec{font-size:12px;color:#526579}
.rq-batch-metadata{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px;font-size:11px;line-height:1.5;margin-top:3px;color:#53677a}
.rq-batch-sources summary{cursor:pointer;white-space:nowrap}
.rq-batch-sources small{display:block;padding-top:3px;line-height:1.5}
.rq-batch-actions{margin:0;gap:6px;justify-content:flex-end}
.rq-batch-quantity{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.rq-batch-quantity>span{font-size:11px;color:#53677a}
.rq-batch-line .rq-remainder{margin:0;font-size:11px;white-space:nowrap;gap:3px}
.rq-batch-line .rq-remainder input{margin:0}
.rq-no-link{font-size:11px;color:#66768b}
.rq-batch-footer{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;margin-top:12px}
.rq-complete-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
.rq-complete-actions button{padding:7px 12px}
@media(max-width:760px){#dialog:has(#rq-complete) .dialog-body{padding:10px}}

.rq-seller-block{border-top:1px solid #d5dfda;padding:6px 0}.rq-seller-head,.rq-batch-seller{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#edf7ef;color:#24583b;font-size:13px}.rq-seller-head span,.rq-batch-seller span{font-size:12px}.rq-batch-seller{border-radius:6px;margin:10px 0 4px}.rq-seller-block .purchase-estimate{margin:4px 10px}
.rq-forecast{margin:.6rem 0;padding:.55rem .75rem;background:#fffbeb;border:1px solid #e7d195;border-radius:.65rem;color:#573c14}
.rq-forecast[hidden],#rq-forecast-settings[hidden]{display:none}
.rq-forecast h2{margin:0;font-size:1rem}
.rq-forecast h2 span{margin-inline-start:.3rem;color:#7c4a12}
.rq-forecast p,.rq-forecast summary{margin:.22rem 0 0;font-size:.78rem}
.rq-forecast-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-top:1px solid #eadbb4;margin-top:.3rem;overflow-wrap:anywhere}
.rq-forecast-row small{display:block;font-size:.73rem}
.rq-forecast-row button{flex:none;white-space:nowrap}
#rq-forecast-settings{display:grid;gap:.55rem}
#rq-forecast-settings input[type=checkbox]{width:auto}
.rq-forecast-time{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.rq-forecast-time input,.rq-forecast-time select{width:auto}

.order-card-price .rq-price-hint{min-height:22px;padding:2px 6px;border-color:#a8c8b6;background:#e1f3e7;color:#1a5937;font-size:11px}
.order-card-price .rq-price-hint.unit{border-color:#c1d0e3;background:#ecf2fa;color:#345478}
.order-card-signals{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.order-card-signals:not(:has(button:not([hidden]))){display:none}
.order-card-signals button{font-size:11px;font-weight:700;min-height:25px;padding:2px 7px}
.order-card-signals .rq-price-hint{border-color:#e8c58e;background:#fff3dc;color:#784407}
.order-card-signals .rq-recent-hint{border-color:#c6c7ec;background:#eeefff;color:#414685}
.or-recent-date{color:#414685;font-weight:700}

/* Overview zoom can leave the viewport wide while these panels are narrow. */
.order-groups .order-product-grid{container:order-board / inline-size}
.order-groups .order-product-card[data-rq-status]{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}
.order-groups .order-card-heading{display:grid;grid-template-columns:3.25rem minmax(0,1fr) 4.8rem 4.2rem;align-items:start;justify-content:normal;gap:4px}
.order-groups .order-card-heading .rq-state{justify-self:end;white-space:normal;text-align:center}
.order-groups .order-card-heading .identity-supplier,.rq-batch-marks .identity-supplier{margin:0;justify-self:start;min-width:0}
.order-groups .order-card-controls{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px;margin:0}
.order-groups .order-card-links{display:flex;justify-content:flex-start;flex-wrap:wrap}
.rq-board-quantity,.rq-batch-quantity{display:grid;grid-template-columns:4rem 3.75rem minmax(0,4.5rem);gap:4px 6px;align-items:start;white-space:normal}
.rq-board-quantity>span:first-child,.rq-batch-quantity>span:first-child,.rq-unit{align-self:center;white-space:nowrap;font-size:11px}
.rq-board-quantity>.rq-number,.rq-batch-quantity>.rq-number{display:grid;gap:3px;min-width:0}
.rq-board-quantity .rq-number .rq-quantity,.rq-batch-quantity .rq-number .rq-quantity{width:100%!important;min-height:36px}
.rq-board-quantity .rq-direct,.rq-batch-quantity .rq-direct{width:100%;min-width:0}
.rq-unit{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rq-board-quantity>.minimum-note{grid-column:1/-1;justify-self:start}
.order-groups .order-card-links button,.rq-batch-buttons button{min-height:30px;padding:3px 7px;font-size:11px}
.order-groups [data-rq-status=pending] .order-card-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}
.order-groups [data-rq-status=pending] .order-card-links>*{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:30px;padding:3px 4px;white-space:normal;overflow-wrap:anywhere;text-align:center}
.order-groups .rq-change-supplier:disabled{opacity:.5}
.rq-batch-marks{display:grid;grid-template-columns:minmax(0,1fr) 5.25rem;gap:6px;margin-bottom:3px}
.rq-batch-buttons{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.rq-batch-actions{display:grid;grid-template-columns:13rem minmax(0,1fr);align-items:start}
#rq-replace-search{width:100%;margin-bottom:8px}
@container order-board (min-width:740px){
  .order-groups .order-product-card[data-rq-status]{grid-template-columns:minmax(0,1fr) minmax(365px,34%);gap:10px}
  .order-groups .order-product-card[data-rq-status=pending]{grid-template-columns:minmax(0,1fr) 450px}
  .order-groups .order-card-controls{grid-template-columns:12.5rem minmax(0,1fr)}
  .order-groups .order-card-heading{grid-template-columns:3.5rem minmax(0,1fr) 5.25rem 4.5rem}
}
.rq-comparison-current{display:block;font-weight:650;color:#1a5937}
.receipt-row>span{min-width:0;overflow-wrap:anywhere}
.receipt-row small{display:block}
.receipt-history{margin-top:14px;font-size:13px}
.receipt-change{padding:7px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}

/* Four visible stages share the same requests and order records. */
.rq-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:800px;margin:10px auto 12px;padding:7px;background:#f0f4f7;border:1px solid #cad5df;border-radius:12px}
.rq-flow button{position:relative;min-width:0;min-height:54px;padding:6px 8px;background:white;border:1px solid #c4d1dc;border-radius:8px;color:#41586b;text-align:center}
.rq-flow button>span{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:14px;font-weight:700}
.rq-flow button i{display:inline-grid;place-items:center;font-size:11px;font-style:normal;width:19px;height:19px;border-radius:50%;background:#e9eff4}
.rq-flow button small{display:block;margin-top:3px;font-size:11px;color:#61788b}
.rq-flow button.selected{background:#e3f0e8;border:2px solid #438462;color:#24583b}
.rq-flow button.selected small{color:#32694a}
.rq-flow button:not(:last-child)::after{content:"›";position:absolute;right:-11px;top:13px;color:#7e94a5;font-size:22px;pointer-events:none}
.rq-stage-help{font-size:12px;color:#5a6f7d;margin:6px 0 12px}
.rq-approval-action{margin:6px 0 12px}
.rq-approval-action button{border-color:#982728;background:#a52d30;color:white;font-weight:700}
.rq-approval-action button:hover{background:#862225;color:white}
.receipt-approval-tools{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.receipt-approval-summary,.approval-line header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;overflow-wrap:anywhere}
.approval-document-issues{padding:10px 12px;background:#fff5ef;border:1px solid #e7b9a7;border-radius:9px;color:#82332d}
.approval-document-issues ul{margin:4px 0;padding-inline-start:20px}
.approval-line{display:grid;gap:8px;min-width:0}
#receipt-approval-form [hidden],#receipt-preview [hidden]{display:none!important}
.approval-line p{margin:0}
.approval-line header span{white-space:nowrap}
.approval-check{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;justify-content:space-between}
.approval-check .small{font-size:12px;min-height:32px;flex:none}
.approval-check+.approval-check{margin-top:4px}
.approval-order-list{font-size:13px;background:#edf6f4;border-radius:8px;padding:8px 10px;color:#234d44}
.approval-copy{margin-top:7px;padding:7px 9px;border:1px solid #e7b9a7;border-radius:7px;display:grid;gap:4px}
.approval-copy>div{display:flex;gap:5px;flex-wrap:wrap}
.approval-actions{display:grid;gap:5px;min-width:0;margin:0;padding:0;border:0}
.approval-actions legend{margin-bottom:5px;font-weight:700}
.approval-actions button{display:grid;gap:2px;text-align:start;padding:7px 10px;min-height:42px}
.approval-actions button small{color:#435b56;font-weight:400}
.approval-actions button[aria-pressed=true]{background:#24655c;color:white;border-color:#24655c}
.approval-actions button[aria-pressed=true] small{color:#fff}
.approval-reason,.approval-match{display:grid;gap:3px;border-radius:8px;padding:8px 10px}
.approval-reason{background:#fff5ef;border:1px solid #e7b9a7;color:#82332d}
.approval-match{background:#edf6f4;border:1px solid #cbded9;color:#234d44}
.approval-match span{font-size:.9rem}
.approval-reference > strong{font-size:.9rem;color:#435b56}
.receipt-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.approval-more summary,[data-find-product] summary{cursor:pointer;padding:7px 0}
[data-find-product] .field{margin-top:4px}
.approval-options{display:grid;gap:5px;margin-block:4px;min-width:0}
.approval-candidate{text-align:start;overflow-wrap:anywhere;min-width:0;padding:7px 9px}
.approval-candidate small{display:block;margin-top:3px}
.approval-codes{color:#513e39}
.approval-codes span{display:block}
.approval-codes mark{background:#ffe3a8;color:#8d2a29;font-weight:800}
[data-selected-product]:not(:empty){background:#edf6f4;border-radius:8px;padding:7px 9px;font-weight:700}
[data-code-review]{background:#fff8ed;border:1px solid #e8cfa4;border-radius:8px;padding:8px}
.approval-issue{color:#a4262a;font-weight:700;overflow-wrap:anywhere}
#receipt-approval-form [data-approval-effect]{margin:2px 0 8px}
#receipt-preview{width:min(640px,var(--dialog-fit-width,calc(100vw - 24px)));max-width:none;max-height:calc(.86 * var(--dialog-fit-height,calc(100dvh - 24px)));padding:0;border:1px solid #cedad7;border-radius:12px;color:#243733;background:white;box-sizing:border-box;translate:calc(var(--dialog-fit-x,0px) + var(--receipt-preview-x,0px)) calc(var(--dialog-fit-y,0px) + var(--receipt-preview-y,0px))}
#receipt-preview[open]{display:flex;flex-direction:column;overflow:hidden}
#receipt-preview>.dialog-head,#receipt-preview>.receipt-preview-controls{flex-shrink:0}
#receipt-preview>.receipt-preview-body{min-height:0;overscroll-behavior:contain}
.receipt-preview-handle{cursor:grab;touch-action:none;user-select:none}
.receipt-preview-handle:active{cursor:grabbing}
.receipt-preview-controls{padding:8px 10px}
.receipt-preview-body{overflow:auto;padding:8px;max-width:100%}
.receipt-preview-body img{display:block;width:100%;max-width:none;height:auto}
.invoice-original .receipt-preview-body{max-height:min(70vh,850px)}
.invoice-original .receipt-preview-body img{max-height:none;min-height:0}
.receipt-preview-body img:not([src]){visibility:hidden}
.receipt-preview-body img.receipt-zoom-3{width:150%}
.receipt-preview-body img.receipt-zoom-4{width:200%}
.receipt-preview-body img.receipt-zoom-5{width:250%}
.receipt-preview-body img.receipt-zoom-6{width:300%}
.rq-history-actions,.rq-subfilters,.rq-batch-tools,.or-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rq-subfilters,.rq-batch-tools{margin-bottom:8px}
.rq-history-actions .small{padding:5px 8px;min-height:30px}
.history-list .history-item{gap:8px;flex-wrap:wrap;padding:10px}
.history-list .history-item>.grow{flex:1 1 300px;min-width:0}
#dialog:has(.or-editor){width:min(1080px,calc(100vw - 16px))}
.or-line{padding:9px 0}
.or-toolbar{justify-content:space-between;gap:6px 12px;padding-bottom:6px;border-bottom:1px solid #d6e1e9}
.or-toolbar>p{margin:0;overflow-wrap:anywhere}
.or-toolbar-actions,.or-row-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.or-row-actions{display:flex;align-items:center;gap:4px}
.or-row-actions>.order-line-edit,.or-more>summary{min-height:33px;padding:5px 8px;font-size:12px;white-space:nowrap}
.or-more{position:relative;flex:none}
.or-more>summary{display:flex;align-items:center;gap:5px;cursor:pointer;border:1px solid #cad7e0;border-radius:6px;background:#f6f9fb;color:#354f60;box-sizing:border-box}
.or-more>summary::after{content:'▾';font-size:10px}
.or-more[open]>summary::after{content:'▴'}
.or-more-actions{position:absolute;z-index:4;inset-block-start:calc(100% + 4px);inset-inline-end:0;display:grid;gap:3px;width:max-content;min-width:9rem;padding:5px;border:1px solid #cbd7df;border-radius:8px;background:#fff;box-shadow:0 6px 18px #1c38531c}
.or-more-actions .small{min-height:32px;justify-content:flex-start;text-align:start;white-space:nowrap}
.or-picker>input{width:100%;margin-bottom:8px}
.or-choice{width:100%;display:block;text-align:left;padding:9px 10px;margin:5px 0;border:1px solid #c8d5df;background:#f7fafc;border-radius:7px}
.or-choice strong,.or-choice small{display:block;overflow-wrap:anywhere}
.or-choice small{font-size:11px;color:#607486;margin-top:3px}
.or-add-quantity{display:flex;align-items:center;gap:8px}
.receipt-row .receipt-trim{grid-column:1/-1;justify-self:end;min-height:30px;padding:4px 8px;margin-top:-2px}
@media(max-width:600px){
 .rq-flow{gap:6px;padding:5px;margin:6px 0 10px}
 .rq-flow button{padding:5px 2px;min-height:52px}
 .rq-flow button>span{font-size:12px;gap:0}
 .rq-flow button i{display:none}
 .rq-flow button small{font-size:10px}
 .rq-flow button:not(:last-child)::after{right:-7px;font-size:17px;top:15px}
}

/* Shared order details and receiving: one set of rows and live storage labels. */
.or-receiving{display:flex;align-items:center;gap:4px;font-size:12px}
.or-receiving input{width:58px;min-width:0;padding:6px;text-align:center}
.or-storage{color:#245e55}
.or-storage b{display:inline;background:#edf6f1;border-radius:4px;padding:2px 5px;font-weight:600;line-height:1.8}
.or-documents{margin-top:12px;font-size:12px}
.or-documents>summary{cursor:pointer;color:#526579;padding:6px 0}

#dialog:has(.or-editor) .form-actions{gap:6px;flex-wrap:wrap}
#dialog:has(.or-editor) .form-actions button{flex:0 1 auto;min-width:0;white-space:nowrap;font-size:12px;padding:8px 9px}
.rq-inactive{color:#922f08;background:#fff2dd;border:1px solid #e6a95c;border-radius:5px;padding:3px 6px;font-size:.78rem;line-height:1.4;white-space:normal}
#rq-complete,.or-editor,.order-line-editor{container:order-document / inline-size}
:is(.or-editor,.rq-batch-lines) .order-product-card:is(.or-line,.rq-batch-line){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,52%);align-items:start;gap:8px 12px;border-bottom:1px solid #e1e9ed}
.order-product-card.or-line .order-card-controls,.order-product-card.rq-batch-line .order-card-controls{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-items:start;gap:4px;margin:0}
.order-product-card.rq-batch-line .rq-remainder{grid-column:1;justify-self:end}
.order-product-card .or-basis-warning{color:#87510b;font-weight:600}
.order-line-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.order-line-editor-fields .field{min-width:0;margin:0}
.order-basis-choice{grid-column:1/-1;display:flex;gap:6px;align-items:flex-start}
.order-basis-choice input{width:auto;min-width:0;flex:none}
.order-edit-options{grid-column:1/-1;border:1px solid #d6e1e9;border-radius:7px;padding:7px 9px}
.order-edit-options>summary{cursor:pointer;font-size:12px;color:#354f60}
.order-edit-options[open]>summary{margin-bottom:7px}
@container order-document (min-width:761px){
  .rq-batch-lines .order-product-card.rq-batch-line{grid-template-columns:minmax(0,1fr) minmax(0,56%);padding-block:4px}
  .order-product-card.rq-batch-line .rq-batch-actions{grid-template-columns:11.75rem minmax(0,1fr)}
}
@container order-document (max-width:760px){
  .rq-batch-overview{flex-direction:column;gap:5px}
  .rq-batch-overview .purchase-estimate{width:100%}
  .rq-batch-actions,.rq-batch-footer{grid-template-columns:minmax(0,1fr);gap:8px}
  .rq-batch-buttons{justify-content:flex-start}
}
@container order-document (max-width:650px){
  :is(.or-editor,.rq-batch-lines) .order-product-card:is(.or-line,.rq-batch-line){grid-template-columns:minmax(0,1fr);padding:8px}
  .order-line-editor-fields{grid-template-columns:minmax(0,1fr)}
  .or-row-tools>.or-receiving{margin-inline-end:auto}
  .or-row-tools{gap:4px}
}
@container order-document (max-width:335px){
  .or-receiving{font-size:11px;gap:3px}
  .or-receiving input{width:44px;padding-inline:4px}
  .or-row-actions>.order-line-edit,.or-row-actions .or-more>summary{font-size:11px;padding-inline:5px}
}