#globalModal .modal-panel{
  width:min(920px,calc(100vw - 32px))!important;
  max-width:920px!important;
}
#globalModal .modal-panel h3{
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.32!important;
  margin-bottom:16px!important;
  padding-bottom:14px!important;
}
#modalBody{
  overflow-x:hidden!important;
}
#modalBody .detail-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:100%!important;
  overflow:visible!important;
}
#modalBody .detail-card{
  min-width:0!important;
  min-height:98px!important;
  padding:13px 14px!important;
  border-radius:var(--lh-radius-lg,12px)!important;
  border:1px solid var(--lh-border,#e5e7eb)!important;
  background:var(--lh-surface-soft,#f4f5f3)!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
#modalBody .detail-card b{
  margin:0!important;
  color:var(--lh-text-secondary,#667085)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
#modalBody .detail-card span,
#modalBody .detail-card div{
  min-width:0!important;
  max-width:100%!important;
  color:var(--lh-text,#1f2328)!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:500!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
#modalBody .detail-card .price-cell{
  display:grid!important;
  gap:4px!important;
  line-height:1.45!important;
}
#modalBody .detail-card .price-cell b{
  display:inline!important;
  color:var(--lh-text-secondary,#667085)!important;
  font-size:12px!important;
  margin-right:4px!important;
}
#modalBody .modal-section-title{
  margin:18px 0 10px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid var(--lh-border,#e5e7eb)!important;
  color:var(--lh-text,#1f2328)!important;
  font-size:14px!important;
  font-weight:700!important;
}
#modalBody .detail-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:var(--lh-radius-lg,12px)!important;
  border:1px solid var(--lh-border,#e5e7eb)!important;
  background:var(--lh-surface,#fff)!important;
  box-shadow:none!important;
}
#modalBody .detail-table-wrap table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#modalBody .detail-table-wrap th,
#modalBody .detail-table-wrap td{
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.5!important;
  padding:11px 10px!important;
  border-color:var(--lh-border,#e5e7eb)!important;
  vertical-align:top!important;
}
#modalBody .detail-table-wrap th{
  background:var(--lh-surface-muted,#fafafa)!important;
  color:var(--lh-text-secondary,#667085)!important;
  font-size:12px!important;
  font-weight:650!important;
}
#modalBody .detail-table-wrap td{
  color:var(--lh-text,#1f2328)!important;
  font-size:13px!important;
  font-weight:400!important;
}
#modalBody .detail-table-wrap tr:hover td{
  background:var(--lh-surface-soft,#f4f5f3)!important;
}
#modalBody .detail-table-wrap .text-center{
  text-align:left!important;
}
@media(max-width:980px){
  #globalModal .modal-panel{
    width:min(900px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
  }
  #modalBody .detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  #globalModal .modal-panel{
    width:100vw!important;
    max-width:100vw!important;
  }
  #modalBody .detail-grid{
    grid-template-columns:1fr!important;
  }
  #modalBody .detail-table-wrap th,
  #modalBody .detail-table-wrap td{
    padding:10px 8px!important;
    font-size:12px!important;
  }
}
