/* Premium modular inventory v3 */
body[data-view="warehouse"] .layout{grid-template-columns:minmax(0,1fr)!important;max-width:1440px;margin-inline:auto}
body[data-view="warehouse"] .layout>.left,body[data-view="warehouse"] .layout>.right{display:none!important}
body[data-view="warehouse"] .center{min-width:0;width:100%;max-width:none}

.inventory-panel{margin:18px 0 28px;border:1px solid #355e67;background:#061317;box-shadow:0 18px 45px #0008;overflow:hidden;width:100%}
.inventory-panel.hidden{display:none}
.inventory-head{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:15px 18px 13px;border-bottom:1px solid #47727a;background:linear-gradient(90deg,#0a3039,#07161b)}
.inventory-head>div,.inventory-zone header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-width:0}
.inventory-head span,.inventory-ledger>span,.inventory-zone header span{display:block;color:#70d9e7;font-size:10px;letter-spacing:.12em}
.inventory-head b{display:block;margin-top:0;font-size:16px;color:#f1faf4}.inventory-head small{max-width:480px;min-width:0;font-size:10px;color:#8ca9ad;text-align:right;line-height:1.5}

.inventory-ledger{padding:10px 14px 12px;border-bottom:1px solid #274951;background:#07171b}.inventory-ledger>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.inventory-ledger-chip{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #294b53;background:#081e23}.inventory-ledger-chip{flex-wrap:wrap}.inventory-ledger-chip i{color:#8fb2b6;font-size:9px;font-style:normal;text-transform:uppercase}.inventory-ledger-chip b{color:#f7d66d;font-size:12px}.inventory-ledger-chip small{flex-basis:100%;color:#7fa3a8;font-size:8px;letter-spacing:.02em}

.inventory-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #24464e;background:#081b20;color:#d8ecee;font-size:10px;letter-spacing:.04em}.inventory-toolbar button,.inventory-actions button{border:1px solid #42727a;background:#0b2025;color:#d4e9ea;padding:9px 12px;font:inherit;font-size:10px;letter-spacing:.06em;cursor:pointer}.inventory-toolbar button:not(:disabled):hover,.inventory-actions button:not(:disabled):hover{border-color:#f1cb63;color:#fff2be;background:#19333a}.inventory-toolbar button:disabled,.inventory-actions button:disabled{cursor:not-allowed;opacity:.35}

.inventory-dual{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:14px;padding:14px;background:#050f12;align-items:start}.inventory-zone{position:relative;min-width:0;border:1px solid #315b64;background:#061419}.inventory-zone>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #2a5058;background:linear-gradient(90deg,#0a2830,#07161b)}.inventory-zone header b{display:block;margin-top:0;color:#e8f7f8;font-size:12px}.inventory-zone header small{max-width:330px;min-width:0;color:#83a7ac;font-size:9px;text-align:right;line-height:1.4}

.inventory-grid-shell{display:grid;place-items:center;overflow:hidden;padding:12px;background:radial-gradient(circle at 50% 18%,#0b2228 0,#050d10 68%);width:100%;box-sizing:border-box}.inventory-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:0;width:100%;max-width:calc(var(--cols) * 62px + 16px);aspect-ratio:var(--cols)/var(--rows);padding:7px;border:8px solid transparent;border-image:url('/assets/inventory/premium/frame-blue.png') 8 stretch;background:#071216;box-sizing:border-box;image-rendering:pixelated;isolation:isolate}.inventory-grid--inventory{max-width:330px}

/* Almacén de base: stock numérico, sin cuadrícula. */
.warehouse-capacity-bar{margin:12px 14px 0;height:8px;border:1px solid #2f545c;background:#071216;overflow:hidden}.warehouse-capacity-bar i{display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,#4fb8c7,#f7d66d);transition:width .3s ease}
.warehouse-stock-list{display:grid;gap:1px;padding:12px 14px;background:#0b2228}
.warehouse-stock-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 9px;background:#061419}.warehouse-stock-row img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.warehouse-stock-row span{color:#9dc0c4;font-size:10px;letter-spacing:.02em}.warehouse-stock-row b{color:#f7d66d;font-size:12px;text-align:right}.warehouse-stock-row button{border:1px solid #42727a;background:#0b2025;color:#d4e9ea;padding:5px 8px;font:inherit;font-size:8px;letter-spacing:.05em;cursor:pointer;white-space:nowrap}.warehouse-stock-row button:not(:disabled):hover{border-color:#f1cb63;color:#fff2be;background:#19333a}.warehouse-stock-row button:disabled{cursor:not-allowed;opacity:.35}
.inventory-slot{position:relative;z-index:1;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;background:#384e5a;box-shadow:inset -1px -1px 0 0 #1e2937;cursor:pointer;box-sizing:border-box}.inventory-slot:hover{background:#4a3421;box-shadow:inset -1px -1px 0 0 #d0965b}.inventory-slot.occupied{opacity:.42}.inventory-slot.drag-target{opacity:1;background:#28402f;box-shadow:inset -1px -1px 0 0 #1e2937,inset 0 0 0 2px #8df6bb,0 0 12px #55dd8c99}.inventory-slot.drag-invalid{opacity:1;background:#3a1f1f;box-shadow:inset -1px -1px 0 0 #1e2937,inset 0 0 0 2px #f06a6a,0 0 12px #dc4d4d88}

.inventory-item{z-index:3;position:relative;grid-column:var(--x)/span var(--w);grid-row:var(--y)/span var(--h);min-width:0;min-height:0;margin:1px;padding:7px;border:7px solid transparent;border-image:url('/assets/inventory/premium/frame-amber.png') 8 stretch;background:linear-gradient(145deg,#352816,#171813);color:#effcff;cursor:grab;overflow:hidden;touch-action:none;box-sizing:border-box;image-rendering:pixelated}.inventory-item:active{cursor:grabbing}.inventory-item img{position:absolute;inset:12% 12% 18%;width:76%;height:70%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000c);pointer-events:none}.inventory-item span{position:absolute;z-index:2;left:7px;right:7px;bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9eceb;font-size:7px;letter-spacing:.02em;text-align:left;pointer-events:none}.inventory-item em{position:absolute;z-index:4;right:4px;top:4px;border:1px solid #e1be59;background:#101415e8;color:#ffe895;padding:1px 3px;font-size:9px;font-style:normal;pointer-events:none}.inventory-item:hover,.inventory-item.selected{filter:brightness(1.14);box-shadow:0 0 0 1px #f8dc75,0 0 12px #e4bf4f88}.inventory-item.stack-target{box-shadow:0 0 0 2px #8ff0aa,0 0 16px #4ce087aa}.inventory-item.is-dragging{opacity:.16}
.inventory-item[style*="--w:1"][style*="--h:1"] span{display:none}.inventory-item[style*="--w:1"][style*="--h:1"] img{inset:15%;width:70%;height:70%}

.inventory-zone.is-locked .inventory-grid-shell,.inventory-zone.is-locked .warehouse-stock-list,.inventory-zone.is-locked .warehouse-capacity-bar{filter:saturate(.35) brightness(.62);pointer-events:none}.inventory-zone-lock{position:absolute;z-index:8;inset:45px 0 0;display:grid;place-items:center;padding:24px;background:#041014b8;color:#e6c85e;text-align:center;font-size:10px;letter-spacing:.09em;pointer-events:none}
.inventory-actions{display:flex;gap:8px;padding:0 14px 14px;background:#050f12}.inventory-actions button{flex:1}.inventory-rule{margin:0;padding:10px 14px;border-top:1px solid #25464d;background:#08171b;color:#91afb2;font-size:9px;line-height:1.45;letter-spacing:.03em}

.inventory-drag-ghost{position:fixed;z-index:2147483647;width:var(--ghost-w);height:var(--ghost-h);pointer-events:none;transform:translate3d(-9999px,-9999px,0);padding:7px;border:7px solid transparent;border-image:url('/assets/inventory/premium/frame-amber.png') 8 stretch;background:#2b2417;box-sizing:border-box;image-rendering:pixelated;filter:drop-shadow(0 0 10px #f3cf6488)}.inventory-drag-ghost img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.inventory-drag-ghost em{position:absolute;right:4px;top:4px;border:1px solid #ffe68d;background:#101415;color:#ffe895;padding:1px 3px;font-size:9px;font-style:normal}

@media(max-width:1120px){.inventory-dual{grid-template-columns:1fr}.inventory-grid--inventory{max-width:330px}.inventory-zone>header{align-items:start}.inventory-zone header small{max-width:48%}}
@media(max-width:720px){body[data-view="warehouse"] .shell{padding-inline:8px}.inventory-head{align-items:start;flex-direction:column}.inventory-head small{text-align:left}.warehouse-stock-row{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"icon name amount" "icon button button";row-gap:4px}.warehouse-stock-row img{grid-area:icon}.warehouse-stock-row span{grid-area:name}.warehouse-stock-row b{grid-area:amount}.warehouse-stock-row button{grid-area:button;width:100%}.inventory-toolbar{align-items:stretch;flex-direction:column}.inventory-toolbar button{width:100%}.inventory-dual{padding:8px;gap:10px}.inventory-zone>header{align-items:start;flex-direction:column}.inventory-zone header small{max-width:none;text-align:left}.inventory-grid-shell{padding:7px}.inventory-grid{gap:0;padding:5px;border-width:6px}.inventory-actions{flex-direction:column;padding:0 8px 10px}.inventory-item{border-width:5px;padding:5px}.inventory-item span{display:none}.inventory-item em{right:2px;top:2px;font-size:7px}.inventory-ledger>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-ledger-chip{justify-content:space-between}}
@media(max-width:420px){.inventory-grid-shell{padding:5px}.inventory-grid{padding:4px}.inventory-zone header b{font-size:10px}.inventory-zone header small{font-size:8px}.inventory-head{padding:12px}.inventory-ledger{padding-inline:10px}}
