/* Balanced equipment shelf / inventory. Visual-only; scoped to bag view. */
#shopframe#shopframe .sf-panel.mode-bag .sf-bag{display:flex!important;flex-direction:column;gap:12px;min-height:0;min-width:0;overflow:hidden}
#shopframe#shopframe .sf-panel.mode-bag .sf-load{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 112px;height:112px;max-height:112px;gap:12px;min-width:0}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-ship{width:100%;max-width:none;height:112px;min-height:0;flex:none;padding:8px 12px 18px;border-radius:16px;background-size:auto 170%!important;background-position:center 62%!important;box-shadow:inset 0 1px #defff012}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-row{display:contents;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:112px;min-width:0;flex:none}
#shopframe#shopframe .sf-panel.mode-bag .sf-mini{height:112px;min-height:0;box-sizing:border-box;border-radius:16px;padding:8px 12px 22px;background-size:cover!important}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-art,#shopframe#shopframe .sf-panel.mode-bag .sf-mini-art{width:100%;max-width:144px;min-height:0;margin:0 auto}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-ship::before{inset:4% 22%}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-ship::after{left:32%;right:32%;bottom:12%;height:10%}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv{flex:1 1 0;min-height:0;border-radius:16px;padding:16px;gap:10px}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv-tabs{padding-bottom:8px}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-ship:hover,#shopframe#shopframe .sf-panel.mode-bag .sf-mini:hover{transform:none;filter:brightness(1.08)}
@media(max-width:1050px){
#shopframe#shopframe .sf-panel.mode-bag .sf-load,#shopframe#shopframe .sf-panel.mode-bag .sf-load-row{gap:10px}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv{padding:12px}
}
@media(max-width:700px){
#shopframe#shopframe .sf-panel.mode-bag .sf-bag{gap:10px}
#shopframe#shopframe .sf-panel.mode-bag .sf-load{flex-basis:84px;height:84px;max-height:84px;gap:8px}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-ship{height:84px;padding:6px 6px 14px;border-radius:14px}
#shopframe#shopframe .sf-panel.mode-bag .sf-load-row{height:84px;gap:8px}
#shopframe#shopframe .sf-panel.mode-bag .sf-mini{height:84px;padding:6px 6px 20px;border-radius:14px}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv{padding:10px;gap:8px;border-radius:14px}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-height:540px),(max-width:700px) and (max-height:700px){
#shopframe#shopframe .sf-panel.mode-bag .sf-load{display:none}
#shopframe#shopframe .sf-panel.mode-bag .sf-inv{padding:8px;gap:6px}
}
@media(max-height:540px){#shopframe#shopframe .sf-panel.mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}