/* DC / GRN: compact one-window desktop layout; no business logic changes */
#challanModal{
  padding:10px!important;
  overflow:hidden!important;
}
#challanModal .modal-content{
  width:760px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - 20px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#challanModal .modal-content>h3{
  min-height:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  padding:16px 18px 13px 59px!important;
}
#challanModal .modal-content>h3:before{
  left:14px!important;top:12px!important;width:37px!important;height:37px!important;
}
#challanModal .modal-content>br{display:none!important}
#challanModal form{
  padding:13px 15px 12px!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:14px!important;
  row-gap:9px!important;
  align-items:end!important;
}
#challanModal form>.form-group{
  margin:0!important;
  min-width:0!important;
}
#challanModal form>.form-group:nth-of-type(1){grid-column:1}
#challanModal form>.form-group:nth-of-type(2){grid-column:2}
#challanModal #chVendorWrap{grid-column:1!important}
#challanModal #chVendorWrap + .form-group{grid-column:2!important}
#challanModal #chVendorWrap + .form-group + .form-group{grid-column:1 / -1!important}
#challanModal .form-group label{
  font-size:10.5px!important;
  margin-bottom:4px!important;
}
#challanModal .form-control,#challanModal input,#challanModal select{
  min-height:36px!important;height:36px!important;font-size:11.5px!important;
}
#challanModal form>h4{
  grid-column:1 / -1!important;
  margin:2px 0 0!important;
  font-size:12px!important;
  color:#334155!important;
}
#challanModal #chLines{
  grid-column:1 / -1!important;
  max-height:145px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #e5ebf2!important;
  border-radius:8px!important;
  padding:7px!important;
  background:#fbfdff!important;
}
#challanModal #chLines .form-grid{
  gap:7px!important;
  margin:0!important;
}
#challanModal #chLines .form-group{margin-bottom:7px!important}
#challanModal #chLines input,#challanModal #chLines select{
  min-height:32px!important;height:32px!important;font-size:10.5px!important;
}
#challanModal form>button[onclick*="erpAddChallanLine"]{
  grid-column:1!important;
  justify-self:start!important;
  height:31px!important;
  margin:0!important;
  padding:0 10px!important;
  font-size:10px!important;
}
#challanModal form>p{
  grid-column:2!important;
  margin:0!important;
  align-self:center!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  color:#64748b!important;
}
#challanModal form>button[type="submit"]{
  grid-column:2!important;
  grid-row:auto!important;
  justify-self:end!important;
  min-width:104px!important;
  height:36px!important;
  margin:2px 0 0!important;
}
#challanModal form>button[onclick*="closeModal"]{
  grid-column:1!important;
  justify-self:end!important;
  min-width:70px!important;
  height:36px!important;
  margin:2px 0 0!important;
}
/* Keep the final action pair visually together on the right */
#challanModal form{
  position:relative!important;
}
@media(min-width:681px){
  #challanModal form>button[type="submit"]{transform:translateX(0)}
}
@media(max-height:690px){
  #challanModal .modal-content>h3{height:54px!important;min-height:54px!important;flex-basis:54px!important;padding-top:13px!important}
  #challanModal .modal-content>h3:before{top:8px!important}
  #challanModal form{padding-top:9px!important;padding-bottom:9px!important;row-gap:6px!important}
  #challanModal #chLines{max-height:118px!important}
  #challanModal .form-control,#challanModal input,#challanModal select{min-height:33px!important;height:33px!important}
}
@media(max-width:680px){
  #challanModal{overflow:auto!important}
  #challanModal .modal-content{overflow:auto!important;max-height:calc(100vh - 20px)!important}
  #challanModal form{display:block!important}
  #challanModal form>.form-group,#challanModal form>h4,#challanModal #chLines,#challanModal form>p{margin-bottom:9px!important}
}