.map-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:18px 0;font-size:13px;color:#334155}.map-legend span{display:inline-flex;align-items:center;gap:7px}.map-legend i{width:15px;height:15px;border-radius:4px}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.plan-scroll,.rack-scroll{overflow-x:auto;padding-bottom:10px}.warehouse-plan{min-width:540px;max-width:920px;margin:auto;padding:12px 20px;border:2px solid #263444;background:#f5f8fc;border-radius:10px}.plan-back,.plan-front{text-align:center;font-size:12px;font-weight:700;letter-spacing:2px;padding:12px}.plan-racks{display:grid;grid-template-columns:1fr 2.6fr 1fr 1fr 2.6fr 1fr 1fr 1.1fr 1fr;gap:8px;min-height:370px;border-block:2px solid #263444;padding:14px 0}.plan-rack{border:2px solid #3f5365;border-radius:5px;padding:5px 0;display:flex;flex-direction:column;align-items:stretch;background:white;color:#203248;cursor:pointer;min-width:36px;box-shadow:0 3px 0 #c5cdd5}.plan-rack:hover,.plan-rack:focus-visible{outline:4px solid #ff8c00;outline-offset:3px}.plan-rack b{font-size:19px}.plan-rack strong{font-size:10px;padding-top:7px}.rack-stripes{display:flex;flex-direction:column;flex:1;margin-top:5px}.rack-stripes span{flex:1;background:var(--rack-color);border-bottom:1px solid #ffffff70}.plan-aisle{display:grid;place-items:center;color:#23476c;font-size:13px;font-weight:700;background:#e9f0f7;border-radius:8px}.narrow{writing-mode:vertical-rl}.rack-elevation{display:grid;grid-template-columns:60px repeat(20,minmax(44px,1fr));min-width:1040px;gap:3px;background:#e9eef3;padding:12px;border:2px solid #4c6074;border-radius:8px}.rack-number,.rack-corner{font-size:12px;text-align:center;font-weight:700;padding:8px 0;color:#334155}.rack-level{display:grid;place-items:center;font-size:13px;font-weight:700;color:#334155}.rack-slot{height:76px;border:2px solid #4c6074;border-top:5px solid var(--class-color);background:white;border-radius:3px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:3px;color:#334155}.rack-slot:hover,.rack-slot:focus-visible{outline:3px solid #ff8c00;outline-offset:0;z-index:1}.rack-slot svg{width:34px;height:28px}.rack-slot .box{fill:#f5f7f9;stroke:#94a3b8;stroke-width:1.5}.rack-slot .pallet{fill:#b88c5a;stroke:#866340;stroke-width:1}.rack-slot.is-occupied{background:#e9f7ee}.rack-slot.is-occupied .box{fill:#c69b67;stroke:#866340}.slot-state{position:absolute;right:3px;top:0;font-size:12px}.is-occupied .slot-state{color:#157044}.rack-slot.is-blocked{background:repeating-linear-gradient(45deg,#fff1f2,#fff1f2 7px,#ffe1e4 7px,#ffe1e4 14px);color:#a11224}.slot-destination{font-size:9px;line-height:12px;font-weight:700}.rack-missing{display:grid;place-items:center;color:#94a3b8;border:1px dashed #94a3b8;background:#e2e8f0}.map-muted{opacity:.25}.rack-slot:disabled{cursor:default}.rack-scroll:focus-visible{outline:2px solid #ff8c00}@media(max-width:600px){.map-heading{align-items:flex-start;flex-direction:column}.map-legend{gap:9px 12px}.warehouse-plan{padding:8px}.plan-racks{gap:5px}}

.stock-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stock-kpi{background:#f1f5f9;border:1px solid #cbd5e1;border-top:4px solid #ff8c00;border-radius:8px;padding:18px;color:#243447}.stock-kpi span{display:block;font-size:13px}.stock-kpi strong{display:block;font-size:32px;margin-top:8px}.stock-class-bar{margin:15px 0}.stock-class-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.stock-bar-track{height:12px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin-top:7px}.stock-bar-track>div{height:100%;background:#ff8c00}.withdrawal-controls{border:1px solid #d1d9e0;border-left:4px solid #ff8c00;padding:16px;margin:18px 0}.withdrawal-controls label{display:block;margin-top:12px}#positionHistory details{padding:12px 0;border-bottom:1px solid #ddd}@media(max-width:650px){.stock-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-kpi{padding:12px}.stock-kpi strong{font-size:26px}}

.allocation-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:260px;overflow:auto;border:1px solid #cbd5e1;padding:12px;margin-bottom:18px}.allocation-choices label{padding:9px;background:#f1f5f9;border-radius:5px;color:#243447}.allocation-choices input{margin-right:8px}

.block-areas{margin:20px 0}.block-areas button{margin:4px}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:20px 0}.block-grid button{line-height:1.6;min-height:75px}

.block-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.block-overview-card{background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:12px;text-align:left;color:#243447}.block-overview-card strong,.block-overview-card small{display:block}.block-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:10px 0}.block-mini-grid i{height:12px;border:1px solid var(--class-color);background:#fff;border-radius:2px}.block-mini-grid i.occupied{background:var(--class-color)}.block-mini-grid i.blocked{background:#f5baba}.block-zones{display:grid;gap:16px}.segregated-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.block-zone{background:#f5f8fc;border:2px solid #9bafbd;border-radius:9px;padding:14px;min-width:0}.block-zone h3{margin:0 0 12px}.block-pallet-grid{display:grid;grid-template-columns:repeat(4,minmax(55px,1fr));gap:8px}.segregated-zones .block-pallet-grid{grid-template-columns:repeat(2,minmax(55px,1fr))}.block-pallet{position:relative;display:flex;min-width:0;min-height:95px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:2px solid #61768a;border-top:5px solid var(--class-color);border-radius:5px;background:#fff;color:#243447;padding:8px 3px}.block-pallet svg{width:36px;height:27px}.block-pallet .box{fill:#f5f7f9;stroke:#94a3b8;stroke-width:1.5}.block-pallet .pallet{fill:#b88c5a;stroke:#866340;stroke-width:1}.block-pallet.is-occupied{background:#e9f7ee}.block-pallet.is-occupied .box{fill:#c69b67}.block-pallet.is-blocked{background:repeating-linear-gradient(45deg,#fff1f2,#fff1f2 7px,#ffe1e4 7px,#ffe1e4 14px)}.block-pallet b{font-size:12px}.block-pallet small{font-size:10px}.block-pallet:focus-visible,.block-overview-card:focus-visible{outline:3px solid #ff8c00;outline-offset:2px}@media(max-width:480px){.segregated-zones{grid-template-columns:1fr}.block-pallet-grid{gap:4px}.block-pallet b{font-size:10px}}

.floor-capacity{display:flex;align-items:baseline;gap:8px}.floor-capacity strong{font-size:32px}.floor-pallet-grid{display:grid;grid-template-columns:repeat(4,minmax(35px,1fr));gap:8px;max-width:560px}.segregated-zones .floor-pallet-grid{grid-template-columns:repeat(2,minmax(35px,1fr))}.floor-pallet{height:48px;border:2px solid #738699;border-bottom:6px solid #b88c5a;border-radius:4px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 10px,#e6ecf0 11px,#e6ecf0 12px)}.floor-pallet.is-occupied{background:#c8e9d1}.floor-pallet.is-blocked{background:repeating-linear-gradient(45deg,#fff1f2,#fff1f2 7px,#ffe1e4 7px,#ffe1e4 14px)}