/* Final tiny polish only: better disabled auto-equip look, denser cards, stronger active filter. */

/* 1) Auto-equip state is semantic: green only when a real upgrade exists. */
#character .v533-auto-btn{
  min-height:30px!important;
  padding:6px 12px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-color:#70b85b!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#3f9f45 0%, #267833 55%, #1e5f29 100%)!important;
  color:#f2ffe9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 10px rgba(0,0,0,.24)!important;
}
#character .v533-auto-btn:disabled,
#character .v533-auto-btn[data-upgrade-available="false"]{
  opacity:1!important;
  filter:none!important;
  border-color:#4e5a4e!important;
  background:linear-gradient(180deg,#343d35 0%, #29312b 55%, #222824 100%)!important;
  color:#9ba79c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(0,0,0,.20)!important;
  cursor:default!important;
}

/* 2) Item cards slightly more compact so more loot fits on screen */
#character #inventory .inventory-grid{gap:6px!important}
#character #inventory .inv-item,
#character .v533-empty-slot{
  min-height:134px!important;
}
#character #inventory .inv-item{
  padding:27px 6px 8px!important;
}
#character #inventory .inv-item .item-name{
  gap:5px!important;
}
#character #inventory .v459-inv-icon{
  width:51px!important;
  height:51px!important;
}
#character #inventory .v459-inv-icon img,
#character #inventory .v459-inv-icon .v466-item-art{
  width:45px!important;
  height:45px!important;
  max-width:45px!important;
  max-height:45px!important;
}
#character #inventory .v459-inv-name{
  min-height:16px!important;
  font-size:7px!important;
  line-height:1.12!important;
}
#character #inventory .rarity-badge{
  padding:3px 7px!important;
  font-size:5.8px!important;
}
#character #inventory .v459-inv-level{
  margin-top:3px!important;
  padding:3px 7px!important;
  font-size:5.9px!important;
}
#character .v533-empty-plus{
  width:32px!important;
  height:32px!important;
  font-size:20px!important;
}
#character .v533-empty-slot span:last-child{
  font-size:5.8px!important;
  line-height:1.25!important;
}

/* 3) Active filter should read instantly */
#character .v533-filter.active{
  border-color:#e2c56f!important;
  background:linear-gradient(180deg,#5d6531 0%, #363a1b 58%, #2a2d16 100%)!important;
  color:#fff2b8!important;
  box-shadow:inset 0 1px 0 rgba(255,241,187,.20), 0 0 0 1px rgba(236,203,101,.10), 0 0 16px rgba(232,214,99,.18)!important;
}

@media(max-width:390px){
  #character #inventory .inv-item,
  #character .v533-empty-slot{min-height:129px!important}
  #character #inventory .v459-inv-icon{width:48px!important;height:48px!important}
  #character #inventory .v459-inv-icon img,
  #character #inventory .v459-inv-icon .v466-item-art{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
}