/* Respeta el modo seleccionado y evita comprimir el catálogo junto al resumen. */
#employee-sale-form #stock-picker {
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-areas: "scanner" "head" "tabs" "filters" "kicker" "categories" "selection" "inventory" "quantity" "add" "help" "badge" "cart" !important;
}
#employee-sale-form #stock-picker > .upc-launch { grid-area:scanner !important; justify-self:start; }
#employee-sale-form #stock-picker #sale-cart {
  grid-area:cart !important;
  position:static !important;
  max-height:none !important;
  width:100% !important;
}
#employee-sale-form #stock-picker #inventory-list {
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  min-width:0 !important;
}
#employee-sale-form #stock-picker #inventory-list .inventory-item {
  grid-template-columns:46px minmax(0,1fr) !important;
  width:100% !important;
  box-sizing:border-box !important;
}
#employee-sale-form #stock-picker #inventory-list .inventory-item-main {
  min-width:0 !important;
}
#employee-sale-form #stock-picker #inventory-list .inventory-item-main strong {
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
#employee-sale-form #stock-picker #inventory-list .inventory-item-side {
  flex-wrap:wrap !important;
}
#employee-sale-form #stock-picker #stock-category-grid {
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) !important;
}
#employee-sale-form #stock-picker .stock-tabs { overflow-x:auto !important; }
/* Debe ganar a display:grid!important de los bloques de diseño anteriores. */
#employee-sale-form #stock-picker[hidden],
#employee-sale-form #stock-picker [hidden],
#employee-sale-form [hidden] { display:none !important; }
@media(max-width:560px){
  #employee-sale-form #stock-picker { padding:12px !important; }
  #employee-sale-form #stock-picker #stock-category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}