/* Warehouse operations retain the cream/sage sheet and authored icon family. */
#warehouse-panel{width:min(94vw,680px);max-height:min(calc(100dvh - 120px),760px)}
#warehouse-panel .shop-header{flex:none;gap:12px}
#warehouse-panel .shop-title{min-width:0;overflow-wrap:anywhere}
#warehouse-panel .warehouse-crates{display:flex;align-items:center;gap:5px;margin-inline-start:auto;margin-inline-end:0;font-size:14px}
#warehouse-panel .warehouse-capacity{flex:none;padding:0 16px 8px}
#warehouse-panel .warehouse-capacity-label{font-size:14px}
#warehouse-panel .warehouse-tabs{padding:4px 16px 10px;flex:none;display:flex;gap:8px}
#warehouse-panel .shop-tab{flex:1;min-height:44px;white-space:normal;font-size:16px;line-height:1.2}
#warehouse-panel .shop-tab-active{color:#30271b;text-shadow:none}
#warehouse-panel .warehouse-body{padding:0 16px 20px;overscroll-behavior:contain;scrollbar-gutter:stable}
#warehouse-panel [hidden]{display:none!important}
#warehouse-panel :is(button,input,select,summary):focus-visible{outline:3px solid #d3a335;outline-offset:2px}
.warehouse-notice{flex:none;margin:0;padding:0 16px 10px;color:#3d6547;font:700 14px/1.4 var(--font-main);overflow-wrap:anywhere}
.warehouse-notice:empty{display:none}
.warehouse-plan{padding:16px 18px;background:#e5ebd8;border:1px solid #c9d4b8;border-radius:14px;margin:4px 0 16px}
.warehouse-plan h4,.warehouse-orders h4{margin:0 0 12px;font:800 22px/1.2 var(--font-title);color:#3f5841;overflow-wrap:anywhere}
.warehouse-target-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 16px/1.35 var(--font-main);color:#3f5841}
.warehouse-target-label select{flex:none;min-height:44px;min-width:74px;padding:8px 12px;border:1px solid #aebe9b;border-radius:10px;background:#fff9ed;color:#30271b;font:700 16px var(--font-main)}
.warehouse-plan p{margin:8px 0 0;font:600 14px/1.5 var(--font-main);color:#4f6049;overflow-wrap:anywhere}
.warehouse-plan .warehouse-plan-menu{margin-top:3px}
.warehouse-plan .warehouse-plan-result{margin-top:12px;padding-top:11px;border-top:1px solid #c9d4b8;font-weight:800;color:#386846}
.warehouse-plan .warehouse-plan-needs{color:#8b4936}
.warehouse-tools{display:flex;align-items:end;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.warehouse-search-label{flex:1 1 210px;display:flex;flex-direction:column;gap:6px;font:700 14px/1.3 var(--font-main);color:#594a30}
.warehouse-search-label input{width:100%;min-height:44px;padding:9px 12px;border:1px solid #b7ae96;border-radius:10px;background:#fffdf8;color:#30271b;font:600 16px var(--font-main);min-width:0;box-sizing:border-box}
.warehouse-search-label input::placeholder{color:#665d4a;opacity:1}
.warehouse-filters{display:flex;gap:6px;flex-wrap:wrap}
.warehouse-filter{min-height:44px;padding:8px 12px;border:1px solid #c8bea7;border-radius:10px;background:#fff9ed;color:#594a30;font:800 14px/1.3 var(--font-main);cursor:pointer}
.warehouse-filter[aria-pressed=true]{background:#e5ebd8;border-color:#6e8e63;color:#31573e}
.warehouse-empty{margin:6px 0;padding:14px 0;color:#665d4a;font:600 15px/1.5 var(--font-main);overflow-wrap:anywhere}
#warehouse-panel .warehouse-list{gap:0}
#warehouse-panel .warehouse-row{flex-wrap:wrap;border:0;border-bottom:1px solid #d9cdb5;border-radius:0;background:transparent;padding:14px 2px;gap:10px}
#warehouse-panel .warehouse-row-info{min-width:160px}
#warehouse-panel .warehouse-row-name{font-size:18px;line-height:1.25;overflow-wrap:anywhere}
#warehouse-panel .warehouse-row-stock,.warehouse-row-demand,.warehouse-row-short{font:600 14px/1.4 var(--font-main);margin:3px 0 0;color:#665d4a}
.warehouse-row-short{color:#8b4936;font-weight:800}
#warehouse-panel .warehouse-row-actions{display:flex;flex:1 1 100%;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#warehouse-panel .warehouse-buy-button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 7px;min-width:104px;min-height:44px;padding:7px 10px;font:800 16px/1.25 var(--font-main);border-radius:10px}
.warehouse-buy-price{font-size:14px;font-weight:600}
.warehouse-produce-button{min-height:44px;padding:8px 12px;border:1px solid #aebe9b;border-radius:10px;background:#e5ebd8;color:#3d6547;font:800 16px/1.3 var(--font-main);cursor:pointer}
.warehouse-upgrade-section{margin-top:22px;border-top:1px solid #d9cdb5;padding-top:8px}
.warehouse-upgrade-section summary{min-height:44px;box-sizing:border-box;padding:12px 4px;color:#594a30;cursor:pointer;font:800 16px/1.35 var(--font-title);overflow-wrap:anywhere}
#warehouse-panel .warehouse-upgrade{margin:6px 0 0}
#warehouse-panel .warehouse-upgrade-button{min-height:44px;font-size:14px}
.warehouse-orders{margin:4px 0 22px}
.warehouse-slots{margin:0 0 6px;color:#3f5841;font:800 16px/1.35 var(--font-main)}
.warehouse-orders-hint{margin:0 0 12px;color:#665d4a;font:600 14px/1.45 var(--font-main)}
.warehouse-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,136px);gap:12px;padding:14px 4px;border-bottom:1px solid #d9cdb5}
.warehouse-order-ready{background:#f2f7e6}
.warehouse-order-info{min-width:0}
.warehouse-order-title{display:flex;align-items:center;gap:8px;margin:0 0 5px;font:800 18px/1.25 var(--font-title);color:#3f5841;overflow-wrap:anywhere}
.warehouse-order-info p{margin:4px 0 0;color:#665d4a;font:600 14px/1.4 var(--font-main);overflow-wrap:anywhere}
.warehouse-order-info .warehouse-order-status{color:#4f6049}
.warehouse-order-progress{width:100%;height:7px;display:block;margin-top:10px;accent-color:#6e8e63;border:0;border-radius:5px;overflow:hidden}
.warehouse-order-progress::-webkit-progress-bar{background:#e8e2d4;border-radius:5px}
.warehouse-order-progress::-webkit-progress-value{background:#6e8e63;border-radius:5px}
.warehouse-order-actions{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.warehouse-order-inspect{min-height:44px;padding:8px;border:1px solid #b7ae96;border-radius:10px;background:#fff9ed;color:#594a30;font:700 14px/1.3 var(--font-main);cursor:pointer;overflow-wrap:anywhere}
.warehouse-production{display:flex;flex-direction:column;gap:0}
.warehouse-production-intro{font:600 14px/1.5 var(--font-main);color:#665d4a;margin:0 0 8px}
.warehouse-production-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,136px);min-width:0;gap:5px 12px;padding:15px 4px;border:0;border-bottom:1px solid #d9cdb5;background:transparent}
.warehouse-production-card h4{grid-column:1;display:flex;align-items:center;gap:8px;font:800 18px/1.25 var(--font-title);color:#3f5841;margin:0;overflow-wrap:anywhere}
.warehouse-production-card p{grid-column:1;margin:0;font:600 14px/1.4 var(--font-main);overflow-wrap:anywhere}
.warehouse-production-source{color:#77694e}.warehouse-production-status{color:#4f6049}
.warehouse-production-action{min-height:44px;padding:9px 10px;border:1px solid #375f45;border-radius:10px;background:#477752;color:#fffced;font:800 16px/1.3 var(--font-main);cursor:pointer;overflow-wrap:anywhere}
.warehouse-production-card>.warehouse-production-action{grid-column:2;grid-row:1/4;align-self:center;width:100%}
.warehouse-production-action:disabled{color:#736b56;background:#e8e2d4;border-color:#d2c7b0;cursor:default}
.warehouse-production-ready{background:#f2f7e6}
@media(min-width:620px){#warehouse-panel .warehouse-row-actions{flex:0 1 310px}}
@media(max-width:400px){
 #warehouse-panel{width:calc(100vw - 20px)}
 #warehouse-panel .warehouse-body{padding-inline:12px}
 .warehouse-plan{padding:10px 12px;margin-bottom:12px}
 .warehouse-plan h4{font-size:20px;margin-bottom:6px}
 .warehouse-plan .warehouse-plan-result{margin-top:8px;padding-top:7px}
 /* The per-dish label already explains the target; keep the longer help accessible. */
 .warehouse-plan-description,.warehouse-plan-menu,.warehouse-search-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .warehouse-search-label{gap:0}
 .warehouse-tools{gap:8px;margin-bottom:6px}
 .warehouse-order,.warehouse-production-card{grid-template-columns:minmax(0,1fr) 100px;gap:5px 8px}
 #warehouse-panel .warehouse-row-actions{justify-content:stretch;gap:6px}
 #warehouse-panel .warehouse-buy-button{flex:1;min-width:86px;padding-inline:6px}
 .warehouse-produce-button{flex:1;min-width:76px;padding-inline:7px}
}
@media(max-height:520px){
 #warehouse-panel{top:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:none}
 #warehouse-panel .shop-header{padding:8px 14px}
 #warehouse-panel .warehouse-capacity{padding-bottom:6px}
 #warehouse-panel .warehouse-tabs{padding-top:0;padding-bottom:6px}
}
@media(max-height:520px) and (min-width:540px){
 #warehouse-panel{width:calc(100vw - 24px);display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);grid-template-rows:auto auto auto minmax(0,1fr)}
 #warehouse-panel .shop-header{grid-column:1/-1;grid-row:1;padding-block:4px}
 #warehouse-panel .warehouse-capacity{grid-column:1;grid-row:2;align-self:center;padding-inline-end:8px}
 #warehouse-panel .warehouse-tabs{grid-column:2;grid-row:2;padding-inline-start:8px}
 #warehouse-panel .warehouse-notice{grid-column:1/-1;grid-row:3}
 #warehouse-panel .warehouse-body{grid-column:1/-1;grid-row:4}
 .warehouse-orders{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
 .warehouse-orders h4{margin-bottom:6px;font-size:20px}
 .warehouse-slots{max-width:240px;font-size:14px;text-align:end}
 .warehouse-orders>.warehouse-order,.warehouse-orders>.warehouse-empty,.warehouse-orders-hint{grid-column:1/-1}
 .warehouse-orders-hint{order:1;margin-top:10px}
 .warehouse-order{padding-block:10px}
 .warehouse-order-actions{flex-direction:row;align-items:center}
 .warehouse-order{grid-template-columns:minmax(0,1fr) minmax(190px,240px)}
 .warehouse-order-actions>button{flex:1}
}
@media(prefers-reduced-motion:reduce){#warehouse-panel .warehouse-bar-fill{transition:none}}