/* pandabu RC16.277 – Vorrat bearbeiten: Ablaufdatum kompakter, X mit eigener Luft
   Scope: nur Chargenzeilen im Inventory-Formular. Keine Funktions-/Datenänderung. */

/*
 * RC16.276 stellte die drei Grid-Spalten grundsätzlich korrekt her. Auf schmalen
 * iPhones war die Datumsspalte optisch trotzdem zu breit und rückte zu nah an den
 * Löschen-Button. RC16.277 reserviert bewusst mehr Platz für das X und macht die
 * Datumsspalte kompakter. Menge und Datum bleiben exakt gleich hoch.
 */
#inventory-form .expiry-batch-row{
  grid-template-columns:minmax(86px,.68fr) minmax(0,1.18fr) 56px!important;
  column-gap:10px!important;
}

#inventory-form .expiry-batch-row .expiry-date-field{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}

#inventory-form .expiry-batch-row .expiry-date-field input[data-expiry-date]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* X erhält eine echte eigene Spalte und sitzt mittig darin – niemals über dem Datum. */
#inventory-form .expiry-remove-wrap{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  justify-self:end!important;
  overflow:visible!important;
}

#inventory-form .expiry-batch-row .expiry-remove{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
}

@media (max-width:600px){
  #inventory-form .expiry-batch-row{
    grid-template-columns:minmax(78px,.64fr) minmax(0,1.08fr) 52px!important;
    column-gap:8px!important;
  }
  #inventory-form .expiry-remove-wrap{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }
  #inventory-form .expiry-batch-row .expiry-remove{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}

@media (max-width:390px){
  #inventory-form .expiry-batch-row{
    grid-template-columns:minmax(72px,.60fr) minmax(0,1fr) 50px!important;
    column-gap:7px!important;
  }
  #inventory-form .expiry-remove-wrap{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
  }
  #inventory-form .expiry-batch-row .expiry-remove{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}