.sfl,.sfl-key{--sfl-stock: color-mix(in srgb, var(--chart-2) 88%, var(--foreground))}.sfl{position:relative;width:100%}.sfl-stage{position:relative;transition:height .5s cubic-bezier(.22,1,.36,1)}.sfl-plane{position:absolute;left:0;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.sfl-stage,.sfl-plane{transition:none}}.sfl-hall,.sfl-grid{position:absolute;left:0;top:0;border-radius:var(--radius)}.sfl-hall{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--border-hi),0 4px 0 var(--border-hi)}.sfl-grid{opacity:.45;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);pointer-events:none}.sfl-receiving{position:absolute;border-radius:var(--radius);background:var(--muted);box-shadow:inset 0 0 0 1.5px var(--border-hi)}.sfl-receiving span{position:absolute;left:6px;top:4px}.sfl-truck{position:absolute;border-radius:2px;background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-hi)}.sfl-truck:before{content:"";position:absolute;left:-16%;top:18%;width:16%;height:64%;border-radius:2px 0 0 2px;background:var(--border-hi)}.sfl-till{position:absolute;border-radius:2px;background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--muted-2)}.sfl-till:after{content:"";position:absolute;inset:6% 25% 32%;border-radius:1px;background:var(--border-hi)}.sfl-endcap{position:absolute;border-radius:2px;background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-hi)}.sfl[data-tilt] .sfl-till,.sfl[data-tilt] .sfl-endcap{box-shadow:0 2px 0 var(--border-hi),inset 0 0 0 1px var(--muted-2)}.sfl-door{position:absolute;height:6px;background:var(--background)}.sfl-zone,.sfl-receiving span{position:absolute;font-size:12px;line-height:14px;font-weight:600;letter-spacing:.02em;color:var(--muted-foreground);white-space:nowrap;pointer-events:none}.sfl-zone{padding:0 3px;border-radius:2px;background:color-mix(in srgb,var(--card) 82%,transparent)}.sfl-zone[data-on]{color:var(--foreground)}.sfl-bay{--sfl-lift: 0px;position:absolute;padding:0;border:0;border-radius:2px;background:color-mix(in srgb,var(--chart-2) 14%,var(--card-hi));overflow:hidden;cursor:pointer;box-shadow:0 var(--sfl-lift) 0 var(--border-hi),inset 0 0 0 1px var(--border-hi);transition:box-shadow .12s}.sfl[data-tilt] .sfl-bay{--sfl-lift: 3px}.sfl[data-tilt] .sfl-bay[data-kind=chiller],.sfl[data-tilt] .sfl-bay[data-kind=shelf]{--sfl-lift: 5px}.sfl[data-tilt] .sfl-bay[data-kind=table]{--sfl-lift: 2px}.sfl-bay:hover{box-shadow:0 var(--sfl-lift) 0 var(--border-hi),inset 0 0 0 1.5px var(--muted-foreground)}.sfl-bay[data-tone=soon]{border:1.5px dashed color-mix(in srgb,var(--foreground) 70%,transparent)}.sfl-bay[data-tone=empty]{border:1.5px solid var(--warning);background:color-mix(in srgb,var(--warning) 28%,var(--card-hi))}.sfl-bay[data-on],.sfl-bay:focus-visible{outline:none;box-shadow:0 var(--sfl-lift) 0 var(--border-hi),0 0 0 1.5px var(--foreground)}.sfl-fill{position:absolute;left:0;right:0;bottom:0;background:var(--sfl-stock);transition:height .35s cubic-bezier(.22,1,.36,1);pointer-events:none}.sfl-shoppers{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.sfl-shoppers circle{fill:var(--accent-text)}.sfl-key{display:inline-block;width:12px;height:12px;border-radius:2px;flex:none}.sfl-key[data-tone=ok]{background:var(--sfl-stock)}.sfl-key[data-tone=soon]{background:var(--sfl-stock);border:1.5px dashed color-mix(in srgb,var(--foreground) 70%,transparent)}.sfl-key[data-tone=empty]{background:linear-gradient(color-mix(in srgb,var(--warning) 28%,var(--card-hi)) 45%,var(--sfl-stock) 45%);border:1.5px solid var(--warning)}.sfl-key[data-tone=shopper]{width:8px;height:8px;margin:2px;border-radius:50%;background:var(--accent-text)}