/* Os controles ficam fixos ao lado da lista, sem rolar junto com os itens. */
html #inv #bag-scroll-area{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;min-width:0;min-height:94px;height:clamp(140px,38vh,360px);overflow:hidden}
html #inv #bag-scroll-area #bag{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:start;scroll-behavior:auto}
html:not(.touch-device) #inv .inv-right #bag-scroll-area #bag{grid-template-columns:repeat(auto-fill,minmax(var(--cell),1fr))}
html #inv #bag-scroll-buttons{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:0;padding:1px 0}
html #inv #bag-scroll-buttons button{box-sizing:border-box;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:4px!important;touch-action:none;user-select:none;-webkit-user-select:none;font:20px/1 Txt,Arial,sans-serif;color:#f7d77a}
html #inv #bag-scroll-buttons button:disabled{opacity:.38;cursor:default}
html.touch-device #inv #bag-scroll-area{flex:1 1 0;height:auto;min-height:94px;max-height:none}
html.touch-device #inv .inv-right #bag-scroll-area #bag{--cell:44px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));min-height:0}