/* Generate Statement / Bill — approved compact sub-screen standard */
#generateBillModal{
  padding:12px!important;background:rgba(15,23,42,.46)!important;
  align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
#generateBillModal .modal-content{
  width:min(760px,calc(100vw - 24px))!important;max-width:760px!important;
  max-height:calc(100vh - 24px)!important;overflow:hidden!important;
  padding:0!important;background:#fff!important;border:1px solid #dce6f0!important;
  border-radius:13px!important;box-shadow:0 20px 60px rgba(15,23,42,.22)!important;
}
#generateBillModal .modal-content>h3{
  min-height:67px!important;margin:0!important;padding:16px 18px 12px 67px!important;
  position:relative!important;border-bottom:1px solid #e8eef5!important;
  color:#111827!important;font-size:18px!important;line-height:1.15!important;font-weight:600!important;
}
#generateBillModal .modal-content>h3:before{
  content:'▤';position:absolute;left:18px;top:13px;width:38px;height:38px;
  display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#6d5dfc,#5a42f5);
  color:#fff;font-size:16px;box-shadow:0 5px 12px rgba(91,66,245,.18);
}
#generateBillModal .modal-content>h3:after{
  content:'Select a party and choose challan-wise unbilled items for this statement.';
  display:block;margin-top:4px;color:#64748b;font-size:10.5px;font-weight:400;line-height:1.25;
}
#generateBillModal .modal-content>br{display:none!important}

#generateBillModal form{
  padding:14px 16px 13px!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  column-gap:12px!important;row-gap:9px!important;overflow:hidden!important;
}
#generateBillModal .form-group{margin:0!important}
#generateBillModal .form-group:nth-of-type(1){grid-column:1!important}
#generateBillModal .form-group:nth-of-type(2){grid-column:2!important}
#generateBillModal .form-group:nth-of-type(3),
#generateBillModal .form-group:nth-of-type(4){grid-column:span 1!important}
#generateBillModal .form-group:nth-of-type(5){grid-column:1 / -1!important}

#generateBillModal label{
  display:block!important;margin:0 0 4px!important;color:#334155!important;
  font-size:10.5px!important;font-weight:600!important;
}
#generateBillModal .form-control{
  height:36px!important;padding:0 10px!important;border:1px solid #d8e2ee!important;border-radius:7px!important;
  background:#fff!important;color:#1f2937!important;font-size:11px!important;box-shadow:none!important;
}
#generateBillModal .form-control:focus{outline:none!important;border-color:#93b8f4!important;box-shadow:0 0 0 3px rgba(37,99,235,.07)!important}

/* The Danial/client-selection result areas */
#generateBillModal #unbilledSalesContainer,
#generateBillModal #unbilledBuysContainer{
  height:172px!important;max-height:172px!important;overflow-y:auto!important;
  margin:0!important;padding:8px!important;background:#f8fbff!important;
  border:1px solid #dce6f0!important;border-radius:8px!important;color:#334155!important;
  font-size:10.5px!important;line-height:1.35!important;
  scrollbar-width:thin;
}
#generateBillModal #unbilledSalesContainer>div,
#generateBillModal #unbilledBuysContainer>div{
  margin-bottom:4px!important;padding:5px 6px!important;background:#fff!important;
  border:1px solid #edf2f7!important;border-radius:6px!important;
}
#generateBillModal #unbilledSalesContainer input[type="checkbox"],
#generateBillModal #unbilledBuysContainer input[type="checkbox"]{
  width:14px!important;height:14px!important;margin:0 6px 0 0!important;vertical-align:-2px!important;accent-color:#2563eb!important;
}
/* challan group headers generated dynamically */
#generateBillModal #unbilledSalesContainer [style*="font-weight"],
#generateBillModal #unbilledBuysContainer [style*="font-weight"]{
  color:#173a6b!important;
}

/* totals strip */
#generateBillModal form>.grid{
  grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:10px!important;margin:2px 0 0!important;
}
#generateBillModal form>.grid>div{
  min-height:48px!important;padding:9px 11px!important;border:1px solid #dfe8f2!important;border-radius:8px!important;
  background:#f8fbff!important;color:#64748b!important;font-size:10.5px!important;
}
#generateBillModal form>.grid strong{display:block!important;margin-bottom:3px!important;color:#334155!important;font-size:10px!important;font-weight:600!important}
#generateBillModal #billSalesTotalText,#generateBillModal #billBuysTotalText{
  color:#102344!important;font-size:16px!important;font-weight:600!important;
}
#generateBillModal #selectedBillTotal{
  height:40px!important;background:#eef6ff!important;color:#0f2a55!important;
  font-size:15px!important;font-weight:700!important;border-color:#cfe0f3!important;
}

/* compact modal footer */
#generateBillModal form>button{
  height:36px!important;margin-top:2px!important;padding:0 14px!important;border-radius:7px!important;
  font-size:10.5px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#generateBillModal form>button[type="submit"]{
  grid-column:2!important;grid-row:auto!important;justify-self:end!important;
  background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important;
  box-shadow:0 3px 8px rgba(37,99,235,.14)!important;
}
#generateBillModal form>button[onclick*="closeModal"]{
  grid-column:1!important;justify-self:end!important;background:#fff!important;color:#334155!important;border:1px solid #d8e2ee!important;
}
@media(max-width:700px){
  #generateBillModal{overflow:auto!important}
  #generateBillModal .modal-content{overflow:auto!important}
  #generateBillModal form{grid-template-columns:1fr!important;overflow:visible!important}
  #generateBillModal .form-group,#generateBillModal .form-group:nth-of-type(n),
  #generateBillModal form>.grid,#generateBillModal form>button{grid-column:1!important}
  #generateBillModal #unbilledSalesContainer,#generateBillModal #unbilledBuysContainer{height:145px!important}
}