#warehouseDialog .inventory-slot.is-container{border-color:#52626a;background:radial-gradient(ellipse at 50% 35%,#48617028,transparent 78%),#121619}
.inventory-slot.is-container .inventory-slot-image>svg{width:min(78%,68px);height:100%;max-height:54px;filter:drop-shadow(0 4px 5px #0009)}
#warehouseDialog .inventory-slot.container-full{border-color:#abb5ab;box-shadow:inset 0 0 0 1px #abb5ab25}
.container-full-badge{position:absolute;bottom:0;padding:1px 5px;border:1px solid #9dada966;border-radius:3px;background:#232e2c;color:#d4e2d8;font-size:8px;line-height:1.2}
#slotNewContainer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:14px;border-color:#62727b!important;text-align:left}
#slotNewContainer small{font-size:10px;color:#a5b1b7;font-weight:400}
#slotMoveItem{margin-top:6px;width:100%}
#warehouseContainerDialog{width:min(580px,calc(100% - 24px));max-height:92dvh;padding:0;overflow:auto;border:1px solid #4e5d64;border-radius:8px;background:linear-gradient(145deg,#20272b,#111315 65%);color:var(--text);box-shadow:0 28px 100px #000b}
#warehouseContainerDialog form{padding:18px}
#warehouseContainerDialog .modal-head{align-items:center;gap:14px;margin-bottom:12px}
#warehouseContainerDialog .eyebrow{margin:0 0 4px;color:#aebac0;font-size:9px;line-height:1.5}
#warehouseContainerDialog h2{margin:0;font:600 28px/1.1 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}
#containerSettings{padding:9px 0;border-top:1px solid #394249;border-bottom:1px solid #394249;margin-bottom:12px}
#containerSettings summary{cursor:pointer;color:#bac5ca;font-size:12px}
.container-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 10px}
.container-fields label:first-child{grid-column:1/-1}
.container-fields label{min-width:0;margin:0;font-size:11px;color:#bdc3c6}
.container-fields input{margin-top:6px;min-width:0}
#warehouseContainerDialog .ghost-btn{font-size:11px;padding:8px 11px}
.container-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}
#containerState{font-size:10px;color:#bfccc5;background:#202a28;border:1px solid #52665b;border-radius:3px;padding:3px 8px}
#containerState.is-full{background:#b5c4b8;color:#17221b;font-weight:700}
#containerWeight{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:8px 0 12px;font-size:11px;color:#9ca8ae}
#containerWeight strong{color:#dfd2ba;font-variant-numeric:tabular-nums}
.container-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.container-toolbar p{flex:1;margin:0;font-size:11px;color:#aaaeb1;line-height:1.45}
.container-toolbar button{flex-shrink:0}
#containerMove[aria-pressed=true]{background:#2c3c44;border-color:#99b3bf}
#containerInventoryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:clamp(120px,calc(92dvh - 340px),540px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#839ca8 #111315;padding:1px}
.container-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:18px 5px 5px;border:1px solid #3e4b52;border-radius:5px;background:radial-gradient(ellipse at 50% 32%,#46586126,transparent 75%),#111619;color:var(--text);overflow:hidden}
.container-slot:hover{border-color:#b0c0c7;background-color:#1c272d}
.container-slot.is-empty{background:#101315;border:1px dashed #30393e;color:#79838a}
.container-slot.is-moving{outline:2px dashed #acc5d0;outline-offset:-5px}
.container-slot-number{position:absolute;top:6px;left:6px;font-size:8px;color:#899197}
.container-slot strong{position:absolute;right:5px;top:5px;font-size:11px;color:#d0c2a9;font-variant-numeric:tabular-nums}
.container-slot strong small{font-size:8px;font-weight:400;color:#9fa8ad}
.container-slot-art{position:relative;display:grid;place-items:center;width:100%;flex:1;min-height:0}
.container-slot-art .inventory-initial{font-size:clamp(12px,4vw,26px);line-height:1}
.container-slot-art img{position:absolute;inset:0;margin:auto;width:100%;height:100%;object-fit:contain;max-width:74px;filter:drop-shadow(0 4px 5px #0009)}
.container-slot-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;overflow:hidden;overflow-wrap:anywhere;font-size:10px;line-height:1.2;text-align:center}
.container-empty-icon{font-size:24px;opacity:.5;line-height:1.1;margin:auto}
#containerError{font-size:12px;color:#ffb49b;line-height:1.5}#containerError:empty{display:none}
#warehouseContainerDialog .inventory-hint{margin:9px 0;font-size:10px}
#warehouseContainerDialog .modal-actions{position:sticky;bottom:-18px;margin-top:12px;padding:10px 0 3px;background:#141719;z-index:1;flex-wrap:wrap}
#warehouseContainerDialog .modal-actions button{padding:10px 12px;font-size:12px}
@media(max-width:420px){#warehouseContainerDialog form{padding:12px}.container-fields{gap:9px}.container-slot{padding:16px 2px 4px}.container-slot-name{font-size:8px;-webkit-line-clamp:1}.container-slot strong{font-size:9px}.container-slot-number{left:4px;font-size:7px}.container-toolbar{align-items:flex-start;gap:6px}.container-toolbar p{font-size:10px}#containerInventoryGrid{gap:4px}#warehouseContainerDialog .modal-actions{bottom:-12px}}