/* v10.292 - final field alignment for transaction work-item/material dialogs. */

@media (min-width:801px){
  body.hl2027 #work-items-dialog .searchable-line-form,
  body.hl2027 #materials-dialog .searchable-line-form{
    display:grid!important;
    grid-template-columns:minmax(280px,1.6fr) 100px minmax(160px,.8fr) 85px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }

  body.hl2027 #work-items-dialog .searchable-line-form>*,
  body.hl2027 #materials-dialog .searchable-line-form>*{
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body.hl2027 #work-items-dialog .searchable-line-form input,
  body.hl2027 #materials-dialog .searchable-line-form input,
  body.hl2027 #work-items-dialog .searchable-line-form>button,
  body.hl2027 #materials-dialog .searchable-line-form>button{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body.hl2027 #work-items-dialog tbody tr,
  body.hl2027 #materials-dialog tbody tr{
    height:52px!important;
    min-height:52px!important;
  }

  body.hl2027 #work-items-dialog tbody td,
  body.hl2027 #materials-dialog tbody td{
    height:52px!important;
    padding:7px!important;
    vertical-align:middle!important;
    line-height:1.25!important;
  }

  body.hl2027 #work-items-dialog .line-row-actions,
  body.hl2027 #materials-dialog .line-row-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 64px!important;
    align-items:center!important;
    align-content:center!important;
    gap:7px!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
  }

  body.hl2027 #work-items-dialog .line-row-actions>form:first-child,
  body.hl2027 #materials-dialog .line-row-actions>form:first-child{
    display:grid!important;
    grid-template-columns:82px minmax(130px,1fr) 64px!important;
    align-items:center!important;
    align-content:center!important;
    gap:6px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
  }

  body.hl2027 #work-items-dialog .line-row-actions>form:last-child,
  body.hl2027 #materials-dialog .line-row-actions>form:last-child{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:64px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
  }

  body.hl2027 #work-items-dialog .line-row-actions input,
  body.hl2027 #materials-dialog .line-row-actions input,
  body.hl2027 #work-items-dialog .line-row-actions button,
  body.hl2027 #materials-dialog .line-row-actions button{
    align-self:center!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:800px){
  body.wp-mobile-ready #work-items-dialog .searchable-line-form input,
  body.wp-mobile-ready #materials-dialog .searchable-line-form input,
  body.wp-mobile-ready #work-items-dialog .searchable-line-form>button,
  body.wp-mobile-ready #materials-dialog .searchable-line-form>button,
  body.wp-mobile-ready #work-items-dialog .line-row-actions input,
  body.wp-mobile-ready #materials-dialog .line-row-actions input,
  body.wp-mobile-ready #work-items-dialog .line-row-actions button,
  body.wp-mobile-ready #materials-dialog .line-row-actions button{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* v10.293 - extend the exact field sizing to Return Materials. */
body.hl2027 #work-items-dialog input[name="quantity"],
body.hl2027 #materials-dialog input[name="quantity"],
body.hl2027 #return-materials-dialog input[name="qty"]{
  direction:ltr!important;
  text-align:center!important;
}

@media (min-width:801px){
  body.hl2027 #return-materials-dialog.transaction-lines-dialog{
    width:min(1100px,calc(100vw - 80px))!important;
    max-width:1100px!important;
  }

  body.hl2027 #return-materials-dialog .return-line-form{
    display:grid!important;
    grid-template-columns:minmax(280px,1.6fr) 100px minmax(160px,.8fr) 85px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }

  body.hl2027 #return-materials-dialog .return-line-form>*{
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body.hl2027 #return-materials-dialog tbody tr,
  body.hl2027 #return-materials-dialog tbody td{
    height:52px!important;
    min-height:52px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    vertical-align:middle!important;
  }

  body.hl2027 #return-materials-dialog tbody td form,
  body.hl2027 #return-materials-dialog tbody td button{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:800px){
  body.wp-mobile-ready #return-materials-dialog .return-line-form input,
  body.wp-mobile-ready #return-materials-dialog .return-line-form select,
  body.wp-mobile-ready #return-materials-dialog .return-line-form button,
  body.wp-mobile-ready #return-materials-dialog tbody td button{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}