
/* Inoviq ERP — Transporter Master Gate Entry FINAL */
html body #transporterMaster{
  width:min(1120px,calc(100% - 44px))!important;max-width:1120px!important;margin:20px auto 70px!important;padding:10px!important;
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;background:#fff!important;color:#111!important;
  border:1px solid #b9c9d5!important;border-radius:9px!important;box-shadow:0 5px 18px rgba(31,95,139,.16)!important;
}
html body #transporterMaster>h1{display:none!important}
html body #transporterMaster .tr-final-header{
  order:1!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0 0 10px!important;padding:0 14px!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  background:#1f5f8b!important;color:#fff!important;border:1px solid #184d70!important;border-bottom:2px solid #ef8b22!important;border-radius:5px 5px 0 0!important;
}
html body #transporterMaster .tr-final-title{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#fff!important;font:800 18px/20px Arial,sans-serif!important}
html body #transporterMaster .tr-final-mode{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;height:20px!important;padding:0 8px!important;
  background:#1f4d91!important;color:#fff!important;border:1px solid #9fc4ff!important;border-radius:10px!important;font:800 10px/18px Arial,sans-serif!important;
}
html body #transporterMaster .tr-final-context{margin-left:auto!important;color:#fff!important;font:700 12px/16px Arial,sans-serif!important;white-space:nowrap!important}
html body #transporterMaster .professional-module-form{
  order:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 14px!important;
  width:100%!important;margin:0!important;padding:12px 16px 13px!important;box-sizing:border-box!important;background:#fff!important;
  border:1px solid #b9c9d5!important;border-radius:5px!important;
}
html body #transporterMaster .tr-final-field{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
html body #transporterMaster .tr-final-field label{margin:0!important;color:#111!important;font:700 11.5px/15px Arial,sans-serif!important}
html body #transporterMaster .tr-final-field input,
html body #transporterMaster .tr-final-field select{
  width:100%!important;height:34px!important;min-height:34px!important;padding:4px 8px!important;box-sizing:border-box!important;
  background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #b7c6d2!important;border-radius:4px!important;font:600 12.5px Arial,sans-serif!important;
}
html body #transporterMaster .ae50-transporter-vehicles{
  grid-column:1/-1!important;background:#fff!important;border:1px solid #b9c9d5!important;border-radius:5px!important;overflow:hidden!important;
}
html body #transporterMaster .ae50-transporter-vehicles>label{
  height:34px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;
  background:#edf6fc!important;color:#163750!important;border-bottom:1px solid #b9cfdf!important;font:800 13px Arial,sans-serif!important;
}
html body #transporterMaster .ae50-vehicle-row{display:grid!important;grid-template-columns:2fr .8fr 2fr auto!important;gap:8px!important;padding:8px!important;background:#fff!important}
html body #transporterMaster .ae50-vehicle-row input,
html body #transporterMaster .ae50-vehicle-row select{height:32px!important;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #b7c6d2!important;border-radius:4px!important}
html body #transporterMaster #addTransporterVehicleBtn{height:32px!important;background:#f39a22!important;color:#111!important;border:1px solid #c97310!important;border-radius:4px!important;font-weight:700!important}
html body #transporterMaster .tr-final-toolbar{
  order:3!important;width:100%!important;height:46px!important;min-height:46px!important;margin:8px 0!important;padding:6px 9px!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  background:#1f5f8b!important;border:1px solid #184d70!important;border-radius:5px!important;
}
html body #transporterMaster .tr-final-toolbar button{
  height:32px!important;padding:3px 11px!important;margin:0!important;background:#f39a22!important;color:#111!important;
  border:1px solid #c97310!important;border-radius:4px!important;font:700 12px Arial,sans-serif!important;
}
html body #transporterMaster .tr-final-toolbar button:disabled{background:#6f91a8!important;color:#dbe7ef!important;border-color:#5b7c92!important;opacity:1!important}
html body #transporterMaster>.note{display:none!important}
html body #transporterMaster>table{order:4!important;width:100%!important;margin:0!important;border-collapse:collapse!important;background:#fff!important}
html body #transporterMaster th{height:32px!important;background:#dcebf5!important;color:#17374e!important;border:1px solid #aebfcb!important;font:800 11.5px Arial,sans-serif!important}
html body #transporterMaster td{height:34px!important;background:#fff!important;color:#111!important;border:1px solid #c6d2da!important}
html body #transporterMaster #saveTransporterBtn{display:none!important}
@media(max-width:900px){html body #transporterMaster .professional-module-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* V3 LOCK — only one Transporter header and one Transporter toolbar */
html body #transporterMaster > .tr-ge-header,
html body #transporterMaster > .clean-action-toolbar,
html body #transporterMaster > .erp-action-toolbar,
html body #transporterMaster > .safe-erp-toolbar,
html body #transporterMaster > .final-action-toolbar,
html body #transporterMaster > .ae50-restored-toolbar,
html body #transporterMaster > .ae50-phase1-toolbar,
html body #transporterMaster > .ae50-phase2-toolbar{
  display:none!important;
}
html body #transporterMaster .tr-final-header{display:flex!important}
html body #transporterMaster .tr-final-toolbar{display:flex!important}

/* Exact Gate Entry ADD MODE button state */
html body #transporterMaster .tr-final-toolbar [data-tr-action="add"],
html body #transporterMaster .tr-final-toolbar [data-tr-action="find"],
html body #transporterMaster .tr-final-toolbar [data-tr-action="save"],
html body #transporterMaster .tr-final-toolbar [data-tr-action="refresh"],
html body #transporterMaster .tr-final-toolbar [data-tr-action="cancel"],
html body #transporterMaster .tr-final-toolbar [data-tr-action="close"]{
  background:#f39a22!important;color:#111!important;border-color:#c97310!important;opacity:1!important;
}
html body #transporterMaster .tr-final-toolbar [data-tr-action="edit"]:disabled,
html body #transporterMaster .tr-final-toolbar [data-tr-action="delete"]:disabled{
  background:#6f91a8!important;color:#dbe7ef!important;border-color:#5b7c92!important;opacity:1!important;
}


/* FINAL V4 — Transporter toolbar must remain visible directly after form */
html body #transporterMaster > .tr-final-toolbar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:60!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:8px 0!important;
  padding:6px 9px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  background:#1f5f8b!important;
  background-image:none!important;
  border:1px solid #184d70!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body #transporterMaster > .tr-final-toolbar button{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:auto!important;
  height:32px!important;
  min-height:32px!important;
  padding:3px 11px!important;
  margin:0!important;
  background:#f39a22!important;
  background-image:none!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border:1px solid #c97310!important;
  border-radius:4px!important;
  font:700 12px Arial,sans-serif!important;
  box-shadow:none!important;
}
html body #transporterMaster > .tr-final-toolbar button:disabled{
  background:#6f91a8!important;
  color:#dbe7ef!important;
  -webkit-text-fill-color:#dbe7ef!important;
  border-color:#5b7c92!important;
  opacity:1!important;
}


/* TRANSPORTER FINAL LAYOUT — Gate Entry sequence:
   Header fields -> Toolbar -> Vehicle List */
html body #transporterMaster > .professional-module-form{
  order:2!important;
}
html body #transporterMaster > .tr-final-toolbar{
  order:3!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:8px 0!important;
  padding:6px 9px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  background:#1f5f8b!important;
  background-image:none!important;
  border:1px solid #184d70!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body #transporterMaster > .ae50-transporter-vehicles{
  order:4!important;
  width:100%!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #b9c9d5!important;
  border-radius:5px!important;
  overflow:hidden!important;
}
html body #transporterMaster > .ae50-transporter-vehicles > label{
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  background:#edf6fc!important;
  color:#163750!important;
  border-bottom:1px solid #b9cfdf!important;
  font:800 13px Arial,sans-serif!important;
}
html body #transporterMaster > .ae50-transporter-vehicles .ae50-vehicle-row{
  display:grid!important;
  grid-template-columns:2fr .8fr 2fr auto!important;
  gap:8px!important;
  padding:8px!important;
  background:#fff!important;
}
html body #transporterMaster > .ae50-transporter-vehicles .ae50-vehicle-list-table{
  width:100%!important;
  border-collapse:collapse!important;
}
html body #transporterMaster > .ae50-transporter-vehicles .ae50-vehicle-list-table th{
  height:32px!important;
  background:#dcebf5!important;
  color:#17374e!important;
  border:1px solid #aebfcb!important;
  font:800 11.5px Arial,sans-serif!important;
}
html body #transporterMaster > .ae50-transporter-vehicles .ae50-vehicle-list-table td{
  height:34px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #c6d2da!important;
}
html body #transporterMaster > .note{order:5!important}
html body #transporterMaster > table{order:6!important}
