.dueMobileBack350{display:none}
@media(max-width:900px){
 #dueView{padding:18px 14px 90px!important;max-width:100%!important;overflow:visible!important;background:#fff!important}
 #dueView .dueSplit{display:block!important;height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
 #dueView .dueTitleRow{display:block!important;margin-bottom:14px!important}
 #dueView .dueTitleRow h1{font-size:26px!important;margin:0 0 16px!important}
 #dueView .pageToolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;flex-wrap:wrap!important}
 #dueView .metricPill{display:block!important;height:auto!important;min-width:0!important;padding:14px!important;white-space:normal!important;border:0!important;border-radius:12px!important;background:#fff0f2!important;font-size:13px!important}
 #dueView .metricPill.greenText{background:#eaf8f0!important}
 #dueView .metricPill b{display:block!important;font-size:26px!important;margin-top:7px!important;overflow-wrap:anywhere}
 #dueHistoryOpenBtn{grid-column:1!important;background:#f5f7fa!important;border:1px solid #e1e7ef!important;color:#203851!important;height:44px!important;border-radius:10px!important;font-size:12px!important}
 #dueRefreshBtn{grid-column:2!important;width:44px!important;height:44px!important;justify-self:end;border-radius:10px!important}
 #dueNewBtn{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;width:100%!important;height:66px!important;border:12px solid white!important;border-radius:0!important;background:#143451!important;color:#fff!important;box-sizing:content-box!important;width:auto!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;font-size:16px!important}
 #dueView .dueListPanel{padding:0!important;border:0!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
 #dueView .dueSearchRow{order:-1!important;margin:0 0 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important}
 #dueView .searchBox{min-width:0!important;height:44px!important;border:1px solid #dfe6ee!important;border-radius:10px!important;background:#f8fafc!important}
 #dueView .searchBox input{min-width:0!important;width:100%!important;font-size:13px!important}
 #duePartyTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;background:#f3f5f8!important;border:1px solid #e1e7ef!important;border-radius:10px!important;padding:4px!important;margin-bottom:12px!important}
 #duePartyTabs button{min-width:0!important;font-size:12px!important;padding:9px 3px!important;border:0!important;border-radius:8px!important;background:transparent!important}
 #duePartyTabs button.active{background:#153753!important;color:white!important}
 #dueContactList{height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
 #dueView .dueVideoContact{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:15px 8px!important;border:0!important;border-bottom:1px solid #e9edf3!important;border-radius:0!important;background:white!important;box-shadow:none!important}
 #dueView .dueVideoAvatar{width:40px!important;height:40px!important;background:#e9f3fc!important;color:#264c70!important;font-size:17px!important}
 #dueView .dueTargetContactText{min-width:0!important}#dueView .dueTargetContactText b{font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere}
 #dueView .dueTargetContactText small{font-size:11px!important;color:#8795a6!important}
 #dueView .dueTargetContactAmount{font-size:13px!important;white-space:normal!important;text-align:right!important;max-width:120px!important}
 #dueView .dueDetailPanel{display:none!important}
 #dueView.dueMobileDetail350 .dueTitleRow,#dueView.dueMobileDetail350 .dueListPanel{display:none!important}
 #dueView.dueMobileDetail350 .dueDetailPanel{display:block!important;padding:0!important;border:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
 #dueView .dueMobileBack350{display:block!important;width:100%;text-align:left;border:0;background:white;color:#19324d;font-size:20px;font-weight:800;padding:0 0 18px}
 #dueView .dueTargetTopbar{display:block!important;padding:0!important;border:0!important}
 #dueDetailIdentityHost{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;padding:16px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;min-width:0!important}
 #dueView .dueTargetIdentityText{min-width:0!important}#dueView .dueTargetIdentityText b{font-size:18px!important;white-space:normal!important;overflow-wrap:anywhere}
 #dueView .dueTargetBalanceBox{grid-column:1/-1!important;width:100%!important;border:0!important;background:#fff0f2!important;border-radius:12px!important;padding:18px!important;margin:8px 0 0!important;box-sizing:border-box!important}
 #dueView .dueTargetBalanceBox small{font-size:14px!important}#dueView .dueTargetBalanceBox b{display:block!important;font-size:34px!important;margin-top:8px!important}
 #dueView .dueTargetTopActions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:14px 0!important;width:100%!important}
 #dueMainDatePicker{flex:1!important;min-width:180px!important}#dueMainDateBtn{width:100%!important;min-width:0!important;font-size:11px!important;white-space:normal!important}
 #dueInvoiceBtn{font-size:12px!important}
 #dueDetailBody{overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important}
 #dueView .dueTargetLedgerHead{display:block!important;background:white!important;border:0!important;padding:10px 0!important;font-size:18px!important}
 #dueView .dueTargetLedgerHead>span{display:none!important}
 #dueView .dueTargetLedgerRows{width:100%!important;min-width:0!important;overflow:visible!important}
 #dueView .dueTargetLedgerRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;width:100%!important;height:auto!important;padding:14px!important;border:1px solid #e1e7ef!important;border-radius:12px!important;margin-bottom:10px!important;background:white!important}
 #dueView .dueTargetLedgerRow>span:first-child{grid-column:1/-1!important;text-align:left!important}
 #dueView .dueTargetLedgerRow>span{min-width:0!important;white-space:normal!important;font-size:12px!important;overflow-wrap:anywhere}
 #dueView .dueTargetLedgerRow>span:nth-child(2)::before{content:'পেয়েছি';display:block;font-size:10px;color:#77879a}
 #dueView .dueTargetLedgerRow>span:nth-child(3)::before{content:'দিয়েছি';display:block;font-size:10px;color:#77879a}
 #dueView .dueTargetLedgerRow>span:nth-child(4)::before{content:'ব্যালেন্স';display:block;font-size:10px;color:#77879a}
 #dueTargetFooter{position:relative!important;height:auto!important;padding:0!important;background:white!important}
 #dueView .dueTargetTotals{display:flex!important;flex-wrap:wrap!important;gap:8px!important;font-size:11px!important;padding:12px 0!important}
 #dueView .dueTargetBottomActions{position:fixed!important;bottom:0!important;left:0!important;right:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;background:white!important;border-top:1px solid #e4e9f0!important;z-index:101!important}
 #dueView .dueTargetBottomActions button{height:46px!important;min-width:0!important;border-radius:10px!important;font-size:16px!important}
}

/* v352: compact mobile tabs, selection and new-entry action */
@media(max-width:900px){
 #dueView #duePartyTabs button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
 #dueView #duePartyTabs button[data-count]::before{content:attr(data-count)!important;position:static!important;order:1;display:inline-flex!important;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e2e8ef;color:#506177!important;font-size:9px!important;line-height:17px;transform:none!important}
 #dueView #duePartyTabs button.active::before{background:#ffffff26;color:#fff!important}
 #dueView #duePartyTabs button::after{content:none!important;display:none!important}
 #dueView .dueVideoContact.active{box-shadow:none!important;border-left:0!important;background:#f5f9fc!important}
 #dueView .dueVideoContact.active::before{content:none!important;display:none!important}
 #dueView #dueNewBtn{left:16px!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:48px!important;min-height:48px!important;border:0!important;border-radius:14px!important;box-sizing:border-box!important;padding:0 18px!important;font-size:15px!important;box-shadow:0 4px 14px #14345122!important}
}