/* Warehouse 3D panel: shared by the public listing page and the workspace warehouse page. */
.wh3d{--wg:#22c55e;--wr:#ef4444;margin:0 0 28px}
.wh3d-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.wh3d-head h2{margin:0}.wh3d-sub{margin:4px 0 0;font-size:13.5px;opacity:.72}
.wh3d-legend{list-style:none;display:flex;gap:18px;margin:0;padding:0;font-size:13.5px}
.wh3d-legend li{display:flex;align-items:center;gap:7px}.wh3d-legend i{width:14px;height:14px;border-radius:3px}.wh3d-legend .free,.wh3d-list li.free::before{background:var(--wg)}.wh3d-legend .full,.wh3d-list li.full::before{background:var(--wr)}
.wh3d-floors{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.wh3d-floors[hidden]{display:none}
.wh3d-floors button,.wh3d-tools button,.wh3d-list button{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid #e6e8e3;background:#fff;color:#1c1e1a;cursor:pointer}
.wh3d-floors button[aria-pressed=true]{background:#1f3b35;border-color:#1f3b35;color:#fff}
.wh3d-floors button:focus-visible,.wh3d-tools button:focus-visible,.wh3d-list button:focus-visible{outline:2px solid #1f3b35;outline-offset:2px}
.wh3d-stage{position:relative;height:clamp(320px,56vw,540px);border-radius:4px;border:1px solid #e6e8e3;overflow:hidden;background:linear-gradient(180deg,#e4e6dc,#f3f0e8 62%,#ebe6da);touch-action:pan-y}
.wh3d-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.wh3d-stage canvas:active{cursor:grabbing}
.wh3d-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12px}.wh3d-fallback svg{width:100%;height:100%}.wh3d-stage.is-3d .wh3d-fallback{display:none}
.wh3d-tip{position:absolute;z-index:3;left:0;top:0;pointer-events:none;background:#1c1e1a;color:#fff;font-size:12.5px;line-height:1.45;padding:7px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.25)}.wh3d-tip b{display:block}.wh3d-tip[hidden]{display:none}
.wh3d-tools{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:6px}.wh3d-tools[hidden]{display:none}
.wh3d-list{margin-top:12px;font-size:14px}.wh3d-list summary{cursor:pointer;font-weight:600}.wh3d-list h3{font-size:14px;margin:12px 0 6px}
.wh3d-list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.wh3d-list li{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ebe6da;border-radius:8px}.wh3d-list li::before{content:"";width:10px;height:10px;border-radius:2px;flex:none}.wh3d-list li button{margin-left:auto;padding:3px 9px}
/* search card */
.pcard-img.wh-iso,.card-img.wh-iso{background:linear-gradient(180deg,#e9e8df,#f4f1ea);position:relative}.pcard-img.wh-iso .wh-iso-svg,.card-img.wh-iso .wh-iso-svg{position:absolute;inset:0;width:100%;height:100%;padding:6px}
.pcard-img.wh-iso img.wh-inset,.card-img.wh-iso img.wh-inset{position:absolute;right:8px;bottom:8px;left:auto;top:auto;width:64px;height:46px;aspect-ratio:auto;object-fit:cover;border-radius:6px;border:2px solid #fff}
.wh-avail{display:flex;align-items:center;gap:12px;font-size:12.5px;margin:0 0 8px}.wh-avail i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.wh-avail a{margin-left:auto;font-weight:600;color:#1f3b35;text-decoration:none}.wh-avail a:hover{text-decoration:underline}
@media (max-width:560px){.wh3d-stage{height:340px}}
.wh-avail i.wa-free{background:#22c55e}.wh-avail i.wa-full{background:#ef4444}.wh-avail{margin:2px 0 0}
.wh3d-floors button,.wh3d-tools button,.wh3d-list button{border-radius:4px;background:#fff}