/* Existing equipment, address buttons and teaching operations; no app reset. */
[data-home-warehouse]{--ink:#17243b;--muted:#5d6b7d;--line:#dfe6f0;--cobalt:#2455ed;container:home-warehouse / inline-size;min-width:0;padding:0 16px 8px;color:var(--ink);background:#fff;font:400 14px/1.5 Onest,sans-serif}
[data-home-warehouse] *,[data-home-warehouse] *::before,[data-home-warehouse] *::after{box-sizing:border-box}
[data-home-warehouse] [hidden]{display:none!important}
[data-home-warehouse] :is(button,input,select){font-family:Onest,sans-serif}
[data-home-warehouse] button{cursor:pointer}
[data-home-warehouse] :is(input,select){margin:0}
[data-home-warehouse] :is(button,input,select):focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
[data-home-warehouse] .public-warehouse-demo{min-width:0;margin:0}
[data-home-warehouse] .demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 188px;align-items:center;min-height:320px;gap:14px;padding:10px 0}
[data-home-warehouse] .demo-scene{min-width:0;padding:0}
[data-home-warehouse] .warehouse-room{margin:0}
[data-home-warehouse] .warehouse-room .room-view-controls,[data-home-warehouse] .room-pan-hint{display:none}
[data-home-warehouse] .warehouse-room .warehouse-room-geometry{display:block;width:100%;height:300px;max-width:100%;margin-inline:auto}
[data-home-warehouse] .demo-inspector{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:12px 0 12px 16px;border:0;border-left:1px solid var(--line)}
[data-home-warehouse] .demo-inspector-heading{align-items:center;gap:8px;margin:0 0 8px}
[data-home-warehouse] .demo-inspector-heading span{font-size:11px;line-height:1.4}
[data-home-warehouse] .demo-inspector h3{margin:3px 0 0;font:600 24px/1.2 Onest,sans-serif;letter-spacing:-.025em}
[data-home-warehouse] .demo-close{flex:0 0 36px;height:36px;min-height:36px;padding:0}
[data-home-warehouse] .demo-inspector p{margin:0 0 12px;font-size:12px;line-height:1.5}
[data-home-warehouse] .demo-inspector small{margin-top:8px;font-size:11px;line-height:1.5}
[data-home-warehouse] .demo-stock{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;margin:8px 0 18px}
[data-home-warehouse] .demo-stock>.stock-glyph{width:48px;height:54px}
[data-home-warehouse] .demo-stock strong{font-size:12px;font-weight:500;line-height:1.4}
[data-home-warehouse] .demo-stock span{margin-top:5px;font-size:18px;font-weight:600;line-height:1.3}
[data-home-warehouse] .demo-stock small{margin-top:5px;font-size:10px}
[data-home-warehouse] .demo-inspector button:not(.demo-close,.demo-secondary){width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--cobalt);border-radius:8px;color:#fff;background:var(--cobalt);font-size:12px;font-weight:500;line-height:1.4}
[data-home-warehouse] .demo-inspector form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
[data-home-warehouse] .demo-inspector label{display:grid;gap:4px;font-size:11px;line-height:1.4}
[data-home-warehouse] .demo-inspector :is(input,select){width:100%;max-width:100%;min-width:0;min-height:40px;padding:7px 9px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:7px;font:400 14px/1.4 Onest,sans-serif}
[data-home-warehouse] .demo-inspector .demo-secondary{min-height:32px;padding:5px 0;font-size:12px;line-height:1.5}
/* Destination label replaces the repeated hint; every form action stays visible. */
[data-home-warehouse] .demo-inspector:has(form){justify-content:flex-start;padding-block:0}
[data-home-warehouse] .demo-inspector:has(form) .demo-inspector-heading{margin-bottom:4px}
[data-home-warehouse] .demo-inspector:has(form) .demo-inspector-heading span,[data-home-warehouse] .demo-inspector:has(form) .demo-stock>svg,[data-home-warehouse] .demo-inspector:has(form) .demo-stock small,[data-home-warehouse] .demo-next-step{display:none}
[data-home-warehouse] .demo-inspector:has(form) .demo-stock{grid-template-columns:minmax(0,1fr);margin:0 0 10px}
[data-home-warehouse] .demo-inspector:has(form) .demo-stock span{margin-top:3px;font-size:15px}
[data-home-warehouse] .demo-inspector .demo-error{margin:8px 0 0;color:#a22f24;font-size:12px}
[data-home-warehouse] .demo-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;margin:0;padding:9px 0 3px;border-top:1px solid var(--line);font-size:12px;line-height:1.5}
[data-home-warehouse] .demo-status:empty{display:none}
[data-home-warehouse] .demo-status button{min-height:36px;padding:6px 0;font-size:12px}
/* Carton fills normally supplied by the operational application's reset. */
[data-home-warehouse] .stock-glyph{display:block;flex:0 0 auto;width:62px;max-width:100%;height:64px;overflow:visible;pointer-events:none}
[data-home-warehouse] .stock-glyph .box-top{fill:#fff;stroke:#dbe2ec;stroke-width:1}
[data-home-warehouse] .stock-glyph .box-front{fill:#fafbfd;stroke:#dbe2ec;stroke-width:1}
[data-home-warehouse] .stock-glyph .box-side{fill:#f0f3f8;stroke:#dbe2ec;stroke-width:1}
[data-home-warehouse] .stock-glyph.is-stock .box-top{fill:var(--box-top,#acd977);stroke:none}
[data-home-warehouse] .stock-glyph.is-stock .box-front{fill:var(--box-front,#89c64b);stroke:none}
[data-home-warehouse] .stock-glyph.is-stock .box-side{fill:var(--box-side,#649f35);stroke:none}
[data-home-warehouse] .stock-glyph.is-stock .box-tape{fill:var(--box-tape,#cde5a7)}
@container home-warehouse (max-width:540px){
  [data-home-warehouse] .demo-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:8px}
  [data-home-warehouse] .warehouse-room .warehouse-room-geometry{height:260px}
  [data-home-warehouse] .demo-inspector,[data-home-warehouse] .demo-inspector:has(form){padding:14px 0 6px;border:0;border-top:1px solid var(--line)}
  [data-home-warehouse] .demo-inspector>button:not(.demo-close,.demo-secondary){align-self:flex-start;width:auto}
  [data-home-warehouse] .demo-stock{grid-template-columns:56px minmax(0,1fr);margin:6px 0 14px}
  [data-home-warehouse] .demo-stock>.stock-glyph{width:56px;height:62px}
  [data-home-warehouse] .demo-stock strong{font-size:13px}
  [data-home-warehouse] .demo-inspector form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  [data-home-warehouse] .demo-inspector form label:first-of-type{grid-column:1/-1}
  [data-home-warehouse] .demo-inspector form label:nth-of-type(2){grid-column:1}
  [data-home-warehouse] .demo-inspector form button[type=submit]{grid-column:2;align-self:end}
  [data-home-warehouse] .demo-inspector form .demo-secondary{grid-column:1/-1}
  [data-home-warehouse] .demo-inspector :is(input,select){min-height:44px;font-size:16px}
  [data-home-warehouse] .demo-status{display:block}
  [data-home-warehouse] .demo-status button{display:block}
}
