/* ===== V4.02 mobile inventory action fix ===== */

/* Buttons must never overflow the item card */
.inv-item{
  min-width:0!important;
  overflow:hidden!important;
}
.inventory-grid{
  min-width:0!important;
}
.inv-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.inv-actions .btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:9px 6px!important;
  font-size:12px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.sell-btn{
  min-width:0!important;
  width:100%!important;
}

/* On narrow phones stack the two actions so nothing can be clipped */
@media(max-width:430px){
  .inventory-grid{
    grid-template-columns:1fr!important;
  }
  .inv-item{
    width:100%!important;
  }
  .inv-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .inv-actions .btn{
    font-size:11px!important;
    padding:9px 4px!important;
  }
}

/* Ultra narrow fallback */
@media(max-width:360px){
  .inv-actions{
    grid-template-columns:1fr!important;
  }
}