/* v14: phone/tablet date and time fields use independent full-width rows. */
@media screen and (max-width:1200px){
 #reportsScreen #reportFilters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 18px!important;align-items:start!important}
 #reportsScreen .report-field{display:block!important;grid-column:auto!important;min-width:0!important;height:auto!important}
 #reportsScreen .report-field>span:first-child{display:block!important;height:auto!important;margin:0 0 10px!important;line-height:1.5!important}
 #reportsScreen .report-date-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;height:auto!important}
 #reportsScreen .report-date-row>input{flex:none!important;margin:0!important}
 #replenishmentScreen #replenishmentForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 18px!important;align-items:start!important}
 #replenishmentScreen #replenishmentForm>label{display:block!important;grid-column:auto!important;min-width:0!important;height:auto!important}
 #replenishmentScreen #replenishmentForm>label>span{display:block!important;height:auto!important;margin:0 0 10px!important;line-height:1.5!important}
 #reportsScreen .report-field input,#reportsScreen .report-field select,
 #replenishmentScreen #replenishmentForm input{
  display:block!important;position:static!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:48px!important;min-height:48px!important;line-height:normal!important;
  margin:0!important;padding:10px 12px!important;font-size:16px!important;
 }
 #reportsScreen input[type=date],#reportsScreen input[type=time],
 #replenishmentScreen input[type=date],#replenishmentScreen input[type=time]{
  appearance:none!important;-webkit-appearance:none!important;overflow:hidden!important;text-align:left!important;
 }
 #reportsScreen input::-webkit-date-and-time-value,#replenishmentScreen input::-webkit-date-and-time-value{min-width:0!important;text-align:left!important}
 #reportsScreen .report-actions{height:auto!important;margin:28px 0 0!important;min-width:0!important}
 #replenishmentScreen #replenishmentForm>button{grid-column:1/-1!important;margin:0!important;min-height:48px!important}
}
@media screen and (max-width:600px){
 #reportsScreen #reportFilters,#replenishmentScreen #replenishmentForm{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important}
 #reportsScreen #reportFilters>.report-field,
 #replenishmentScreen #replenishmentForm>label{width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex:none!important}
 #reportsScreen .report-actions{margin:0!important}
}