/* v10.281 - responsive Work Materials dialog. */
@media (max-width:800px){
  body.wp-mobile-ready #materials-dialog.transaction-lines-dialog{
    box-sizing:border-box!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;
    height:auto!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:0!important;
    border:0!important;border-radius:15px!important;background:#f5f8fb!important;overflow-x:hidden!important;overflow-y:auto!important
  }
  body.wp-mobile-ready #materials-dialog>.legacy-transaction-section{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0 10px 14px!important;border:0!important;border-radius:15px!important;background:#f5f8fb!important;overflow:visible!important
  }
  body.wp-mobile-ready #materials-dialog .dialog-title{
    position:sticky!important;z-index:20!important;top:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;width:auto!important;margin:0 -10px 12px!important;padding:12px 13px!important;
    border-bottom:1px solid #d7e3ec!important;background:#fff!important;border-radius:15px 15px 0 0!important
  }
  body.wp-mobile-ready #materials-dialog .dialog-title h2{margin:0!important;font-size:19px!important;color:#123f73!important}
  body.wp-mobile-ready #materials-dialog .dialog-title button{flex:0 0 auto!important;width:auto!important;min-height:38px!important;padding:7px 12px!important;font-size:13px!important}

  body.wp-mobile-ready #materials-dialog #materials-add-form{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important;padding:11px!important;
    border:1px solid #d4e1eb!important;border-radius:13px!important;background:#fff!important;overflow:visible!important
  }
  body.wp-mobile-ready #materials-dialog #materials-add-form>*{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  body.wp-mobile-ready #materials-dialog #materials-add-form input{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
    height:45px!important;min-height:45px!important;padding:8px 11px!important;border-radius:9px!important;font-size:15px!important
  }
  body.wp-mobile-ready #materials-dialog #materials-add-form .line-picker{position:relative!important;display:block!important;overflow:visible!important}
  body.wp-mobile-ready #materials-dialog #materials-add-form .line-picker-search{direction:rtl!important;text-align:right!important}
  body.wp-mobile-ready #materials-dialog #materials-add-form .item-results.open{
    box-sizing:border-box!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:38vh!important;
    overflow-x:hidden!important;overflow-y:auto!important;z-index:900100!important
  }
  body.wp-mobile-ready #materials-dialog #materials-add-form>button{
    min-height:46px!important;background:#1680c6!important;color:#fff!important;font-size:15px!important
  }

  body.wp-mobile-ready #materials-dialog .table-wrap{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
    overflow:visible!important;border:0!important;background:transparent!important
  }
  body.wp-mobile-ready #materials-dialog table,
  body.wp-mobile-ready #materials-dialog tbody{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;background:transparent!important
  }
  body.wp-mobile-ready #materials-dialog thead{display:none!important}
  body.wp-mobile-ready #materials-dialog tbody tr{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:10px!important;
    border:1px solid #d7e3ec!important;border-radius:13px!important;background:#fff!important;box-shadow:0 3px 10px rgba(18,63,115,.06)!important
  }
  body.wp-mobile-ready #materials-dialog tbody td{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:36px!important;
    padding:7px 3px!important;border:0!important;border-bottom:1px solid #edf2f6!important;
    color:#173f62!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important
  }
  body.wp-mobile-ready #materials-dialog tbody td:last-child{display:block!important;padding:9px 0 0!important;border-bottom:0!important}
  body.wp-mobile-ready #materials-dialog tbody td:nth-child(1)::before{content:'رقم المادة';font-weight:800;color:#61788d}
  body.wp-mobile-ready #materials-dialog tbody td:nth-child(2)::before{content:'اسم المادة';font-weight:800;color:#61788d}
  body.wp-mobile-ready #materials-dialog tbody td:nth-child(3)::before{content:'الوحدة';font-weight:800;color:#61788d}
  body.wp-mobile-ready #materials-dialog tbody td:nth-child(4)::before{content:'الكمية والملاحظات';display:block;margin-bottom:7px;font-weight:800;color:#61788d}
  body.wp-mobile-ready #materials-dialog .material-name-left{direction:ltr!important;text-align:left!important}
  body.wp-mobile-ready #materials-dialog .line-row-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important
  }
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:first-child{
    display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important
  }
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:first-child .line-quantity{grid-column:1!important}
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:first-child .line-notes{grid-column:2!important}
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:first-child button{grid-column:1/-1!important}
  body.wp-mobile-ready #materials-dialog .line-row-actions input{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;font-size:14px!important
  }
  body.wp-mobile-ready #materials-dialog .line-row-actions button{width:100%!important;min-height:41px!important;margin:0!important}
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:last-child{display:block!important;width:100%!important}
}

@media (max-width:360px){
  body.wp-mobile-ready #materials-dialog .line-row-actions>form:first-child{grid-template-columns:76px minmax(0,1fr)!important}
  body.wp-mobile-ready #materials-dialog tbody td{grid-template-columns:82px minmax(0,1fr)!important}
}