/* pandabu V2.0.4 RC16.278
   Vorrat bearbeiten – finale Ausrichtung der Formular-Steuerelemente.
   Scope:
   1) Ablaufdatum/Chargen: Menge, Datum und X exakt gleich hoch + gleiche Rundung.
   2) Bestandssteuerung: Bestand = Minimum in Breite; Einheit = Ziel in Breite.
   Keine Daten-/API-/Funktionsänderung. */

/* --------------------------------------------------------------------------
   1. Chargenzeilen
   -------------------------------------------------------------------------- */
#inventory-form .expiry-batch-row{
  --expiry-control-height:50px;
  --expiry-control-radius:14px;
  display:grid!important;
  grid-template-columns:minmax(88px,.70fr) minmax(0,1.02fr) 50px!important;
  column-gap:10px!important;
  align-items:end!important;
}

#inventory-form .expiry-batch-row .field{
  min-width:0!important;
  width:100%!important;
  grid-template-rows:auto var(--expiry-control-height)!important;
}

#inventory-form .expiry-batch-row .expiry-date-field{
  min-width:0!important;
  width:100%!important;
  overflow:visible!important; /* rechte Rundung darf nicht abgeschnitten werden */
}

#inventory-form .expiry-batch-row input[data-expiry-quantity],
#inventory-form .expiry-batch-row input[data-expiry-date]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--expiry-control-height)!important;
  min-height:var(--expiry-control-height)!important;
  max-height:var(--expiry-control-height)!important;
  border-radius:var(--expiry-control-radius)!important;
  box-sizing:border-box!important;
}

#inventory-form .expiry-remove-wrap{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:var(--expiry-control-height)!important;
  min-height:var(--expiry-control-height)!important;
  max-height:var(--expiry-control-height)!important;
  align-self:end!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

#inventory-form .expiry-batch-row .expiry-remove{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:var(--expiry-control-height)!important;
  min-width:var(--expiry-control-height)!important;
  max-width:var(--expiry-control-height)!important;
  height:var(--expiry-control-height)!important;
  min-height:var(--expiry-control-height)!important;
  max-height:var(--expiry-control-height)!important;
  margin:0!important;
  padding:0!important;
  border-radius:var(--expiry-control-radius)!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}

/* --------------------------------------------------------------------------
   2. Bestandssteuerung – beide Spalten über beide Zeilen exakt identisch
   -------------------------------------------------------------------------- */
#inventory-form .stock-basics-grid,
#inventory-form .stock-threshold-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:10px!important;
  align-items:start!important;
}

#inventory-form .stock-basics-grid > .field,
#inventory-form .stock-threshold-grid > .field{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}

#inventory-form .stock-basics-grid > .field input,
#inventory-form .stock-basics-grid > .field select,
#inventory-form .stock-threshold-grid > .field input,
#inventory-form .stock-threshold-grid > .field select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* ± Schritt bleibt wie bisher eine volle Zeile unter Minimum/Ziel. */
#inventory-form .stock-threshold-grid > .field:nth-child(3){
  grid-column:1 / -1!important;
}

@media (max-width:600px){
  #inventory-form .expiry-batch-row{
    --expiry-control-height:48px;
    --expiry-control-radius:13px;
    grid-template-columns:minmax(82px,.70fr) minmax(0,1fr) 48px!important;
    column-gap:8px!important;
  }
  #inventory-form .expiry-remove-wrap{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
  }
  #inventory-form .stock-basics-grid,
  #inventory-form .stock-threshold-grid{
    column-gap:10px!important;
  }
}

@media (max-width:390px){
  #inventory-form .expiry-batch-row{
    --expiry-control-height:46px;
    --expiry-control-radius:12px;
    grid-template-columns:minmax(76px,.68fr) minmax(0,.96fr) 46px!important;
    column-gap:7px!important;
  }
  #inventory-form .expiry-remove-wrap{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
  }
}