@media screen {
 html body #detailModal.purchase-invoice-detail{position:fixed!important;inset:0!important;z-index:180!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:#14203499!important;overflow:hidden!important;box-sizing:border-box}
 html body #detailModal.purchase-invoice-detail.is-hidden{display:none!important}
 html body #detailModal.purchase-invoice-detail .detail-modal-card{display:flex!important;flex-direction:column!important;width:min(1320px,100%)!important;height:auto!important;max-height:calc(100dvh - 36px)!important;min-height:0!important;overflow:hidden!important;padding:0!important;border-radius:16px!important;background:#f6f7fb!important;box-sizing:border-box}
 html body #detailModal.purchase-invoice-detail .detail-modal-card>.section-title-row{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:12px 16px!important;background:#fff!important;border-bottom:1px solid #dde3ed!important}
 html body #detailModal.purchase-invoice-detail .detail-modal-card>.section-title-row>div{flex:1}
 html body #detailModal.purchase-invoice-detail .detail-modal-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px!important;overscroll-behavior:contain}
 html body #detailModal.purchase-invoice-detail .purchase-detail-pro{padding:0!important;display:block!important}
 html body #detailModal.purchase-invoice-detail .purchase-detail-hero{padding:12px 16px!important;margin-bottom:12px!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
 html body #detailModal.purchase-invoice-detail .purchase-detail-hero h2{font-size:20px!important;margin:3px 0!important}
 html body #detailModal.purchase-invoice-detail .purchase-profile-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
 html body #detailModal.purchase-invoice-detail .purchase-profile-metric{min-height:0!important;padding:12px!important;border-radius:10px!important;box-shadow:none!important}
 html body #detailModal.purchase-invoice-detail .purchase-profile-panel{padding:12px!important;margin:0 0 12px!important;border-radius:12px!important;box-shadow:none!important}
 html body #detailModal.purchase-invoice-detail .purchase-detail-line,html body #detailModal.purchase-invoice-detail .purchase-detail-column-head{display:grid!important;grid-template-columns:minmax(150px,2fr) minmax(110px,1.3fr) .7fr .8fr .8fr 1fr!important;gap:10px!important;padding:10px!important;min-height:44px!important;margin:0!important;border-radius:0!important;border-bottom:1px solid #e2e7ef!important;box-shadow:none!important;font-size:12px!important}
 html body #detailModal.purchase-invoice-detail .purchase-detail-column-head{background:#edf0f6;color:#58667c;font-weight:bold}
 html body #detailModal.purchase-invoice-detail .users-table{max-height:none!important;overflow:visible!important;gap:0!important}
 html body #detailModal.purchase-invoice-detail .purchase-profile-note{padding:12px!important;border-radius:10px!important;box-shadow:none!important}
 @media(max-width:700px){html body #detailModal.purchase-invoice-detail{padding:8px!important}html body #detailModal.purchase-invoice-detail .detail-modal-card{max-height:calc(100dvh - 16px)!important}html body #detailModal.purchase-invoice-detail .purchase-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #detailModal.purchase-invoice-detail .purchase-profile-panel .users-table{overflow-x:auto!important}html body #detailModal.purchase-invoice-detail .purchase-detail-line,html body #detailModal.purchase-invoice-detail .purchase-detail-column-head{min-width:690px!important}}
}