/* ==========================================================================
   Inoviq ERP — Vendor Delivery Schedule → Gate Entry FINAL UI
   UI-only. Existing VDS vendor/PO/month/day-grid/save/print logic untouched.
   ========================================================================== */

html body #vendorSchedule.ae50-vds29-page{
  width:min(1120px,calc(100% - 44px))!important;
  max-width:1120px!important;
  margin:20px auto 70px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #b9c9d5!important;
  border-radius:9px!important;
  box-shadow:0 5px 18px rgba(31,95,139,.16)!important;
  color:#111!important;
}

html body #vendorSchedule .vds29-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#111!important;
  font-family:Arial,sans-serif!important;
}

/* Header = Gate Entry */
html body #vendorSchedule .vds29-head{
  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;
  background-image:none!important;
  border:1px solid #184d70!important;
  border-bottom:2px solid #ef8b22!important;
  border-radius:5px 5px 0 0!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body #vendorSchedule .vds29-head>span:first-child{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:800 18px/20px Arial,sans-serif!important;
  white-space:nowrap!important;
}
html body #vendorSchedule .vds29-head>span:first-child::before{
  content:"▣";
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:15px!important;
}
html body #vendorSchedule .vds29-head>span:first-child::after{
  content:"ADD MODE";
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:20px!important;
  min-height:20px!important;
  padding:0 8px!important;
  margin-left:2px!important;
  background:#1f4d91!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #9fc4ff!important;
  border-radius:10px!important;
  font:800 10px/18px Arial,sans-serif!important;
}
html body #vendorSchedule .vds29-head-info,
html body #vendorSchedule .vds29-head-info b{
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:700 12px/16px Arial,sans-serif!important;
  white-space:nowrap!important;
}
html body #vendorSchedule .vds-ge-config{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  margin-left:8px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f39a22!important;
  background-image:none!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border:1px solid #c97310!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-size:16px!important;
}

/* Fields card */
html body #vendorSchedule .vds29-box{
  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;
  box-shadow:none!important;
}
html body #vendorSchedule .vds29-form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 14px!important;
  width:100%!important;
}
html body #vendorSchedule .vds29-form label{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  font:700 11.5px/15px Arial,sans-serif!important;
}
html body #vendorSchedule .vds29-form span{
  display:block!important;
  margin-bottom:3px!important;
}
html body #vendorSchedule .vds29-form input,
html body #vendorSchedule .vds29-form select{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  box-sizing:border-box!important;
  padding:4px 8px!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 #vendorSchedule .vds29-form input[readonly],
html body #vendorSchedule .vds29-form input:disabled,
html body #vendorSchedule .vds29-form select:disabled{
  background:#e9eef2!important;
  opacity:1!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
html body #vendorSchedule .vds29-form .wide{
  grid-column:span 2!important;
}

/* Toolbar = Gate Entry; no duplicate VDS caption */
html body #vendorSchedule .vds29-bar{
  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;
  background-image:none!important;
  border:1px solid #184d70!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html body #vendorSchedule .vds29-title{
  display:none!important;
}
html body #vendorSchedule .vds29-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin-left:auto!important;
  padding:0!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
}
html body #vendorSchedule .vds29-buttons button{
  height:32px!important;
  min-height:32px!important;
  min-width:auto!important;
  width:auto!important;
  margin:0!important;
  padding:3px 11px!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;
  box-shadow:none!important;
  font:700 12px Arial,sans-serif!important;
  white-space:nowrap!important;
}
html body #vendorSchedule .vds29-buttons button:disabled{
  background:#6f91a8!important;
  background-image:none!important;
  color:#dbe7ef!important;
  -webkit-text-fill-color:#dbe7ef!important;
  border-color:#5b7c92!important;
  opacity:1!important;
  cursor:not-allowed!important;
}

/* Items area = Gate Entry Items */
html body #vendorSchedule .vds29-panel{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #b9c9d5!important;
  border-radius:5px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body #vendorSchedule .vds29-panel-title{
  width:100%!important;
  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;
  -webkit-text-fill-color:#163750!important;
  border:0!important;
  border-bottom:1px solid #b9cfdf!important;
  font:800 13px Arial,sans-serif!important;
}
html body #vendorSchedule .vds29-panel-title::before{
  content:"▣ ";
  margin-right:4px!important;
}
html body #vendorSchedule .vds29-scroll{
  width:100%!important;
  max-height:420px!important;
  overflow:auto!important;
  background:#fff!important;
}
html body #vendorSchedule .vds29-table{
  width:max-content!important;
  min-width:100%!important;
  border-collapse:collapse!important;
  background:#fff!important;
  font-size:12px!important;
}
html body #vendorSchedule .vds29-table th{
  position:sticky!important;
  top:0!important;
  height:32px!important;
  padding:5px 8px!important;
  background:#dcebf5!important;
  color:#17374e!important;
  -webkit-text-fill-color:#17374e!important;
  border:1px solid #aebfcb!important;
  font:800 11.5px/14px Arial,sans-serif!important;
  white-space:nowrap!important;
  text-align:left!important;
}
html body #vendorSchedule .vds29-table td{
  height:34px!important;
  min-height:34px!important;
  padding:3px 4px!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border:1px solid #c6d2da!important;
}
html body #vendorSchedule .vds29-table input{
  height:27px!important;
  min-height:27px!important;
  padding:3px 5px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border:1px solid #b7c6d2!important;
}
html body #vendorSchedule .vds29-table .ro,
html body #vendorSchedule .vds29-table input[readonly],
html body #vendorSchedule .vds29-table input:disabled{
  background:#e9eef2!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  opacity:1!important;
}
html body #vendorSchedule .vds29-left{
  background:#fff!important;
}

@media(max-width:900px){
  html body #vendorSchedule.ae50-vds29-page{
    width:calc(100% - 20px)!important;
    margin:10px auto 60px!important;
    padding:8px!important;
  }
  html body #vendorSchedule .vds29-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}