/*
 * Infinity Telecom mobile reference layer — v335
 * Scoped to phone widths so the hosted desktop/tablet UI and shared business
 * logic stay untouched.  This file intentionally comes after business.css.
 */
:root{--m-ref-yellow:#ffca05;--m-ref-blue:#1757d8;--m-ref-ink:#1f2937;--m-ref-soft:#f2f2f2;--m-ref-border:#d6d9de}
.mobileDueDirectionBlock{display:none}
.dueTypeProductIcon,.dueTypeMoneyIcon,.duePersonIcon,.dueBdFlag{display:inline-block;position:relative;box-sizing:border-box}

@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif!important;background:#fff!important}
  button,input,select,textarea{font:inherit}
  .viewPane.active{min-width:0!important;max-width:100%!important}

  /* Reference yellow page headers for the two ledgers. */
  #purchaseHistoryView .purchaseMobileHeader,
  #salesHistoryView .salesMobileHeader{display:flex!important;height:58px!important;min-height:58px!important;background:var(--m-ref-yellow)!important;color:#111!important;border:0!important;padding:0 13px!important;align-items:center!important;gap:9px!important;font-size:19px!important;font-weight:700!important}
  #purchaseHistoryView .purchaseMobileHeader button,
  #salesHistoryView .salesMobileHeader button{display:grid!important;place-items:center!important;width:34px!important;height:40px!important;border:0!important;background:transparent!important;color:#111!important;font-size:27px!important;padding:0!important}
  #purchaseHistoryView .purchaseMobileHeader::after,
  #salesHistoryView .salesMobileHeader::after{content:"?";margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#1556d8;color:#fff;font:800 16px/1 system-ui}
  #purchaseHistoryView .purchaseMobileSummary,
  #salesHistoryView .salesMobileSummary{display:flex!important;position:relative!important;min-height:128px!important;margin:10px 11px!important;padding:14px 36px!important;border-radius:13px!important;background:var(--m-ref-blue)!important;color:#fff!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:none!important}
  #purchaseHistoryView .purchaseMobileSummary::before,#purchaseHistoryView .purchaseMobileSummary::after,
  #salesHistoryView .salesMobileSummary::before,#salesHistoryView .salesMobileSummary::after{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;font-weight:300}
  #purchaseHistoryView .purchaseMobileSummary::before,#salesHistoryView .salesMobileSummary::before{content:"‹";left:14px}
  #purchaseHistoryView .purchaseMobileSummary::after,#salesHistoryView .salesMobileSummary::after{content:"›";right:14px}
  #purchaseHistoryView .purchaseMobileSummary>span,#salesHistoryView .salesMobileSummary>span{color:#ffe33c!important;font-size:16px!important;font-weight:700!important}
  #purchaseHistoryView .purchaseMobileSummary>strong,#salesHistoryView .salesMobileSummary>strong{font-size:27px!important;font-weight:800!important;color:#fff!important}
  .purchaseHistoryMobilePage #purchaseHistoryView .historyHeader,
  .salesHistoryMobilePage #salesHistoryView .historyHeader{display:none!important}
  .purchaseHistoryMobilePage #purchaseHistoryView .historyFilters,
  .salesHistoryMobilePage #salesHistoryView .historyFilters{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;grid-template-rows:48px!important;gap:8px!important;padding:0 11px 10px!important;background:#fff!important}
  .purchaseHistoryMobilePage #purchaseHistoryView .historyFilters .searchBox,
  .salesHistoryMobilePage #salesHistoryView .historyFilters .searchBox{grid-column:1!important;grid-row:1!important;height:48px!important;border:1.5px solid #2462db!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font-size:18px!important;display:flex!important;align-items:center!important;gap:7px!important}
  .purchaseHistoryMobilePage #purchaseHistoryView .historyFilters .searchBox input,
  .salesHistoryMobilePage #salesHistoryView .historyFilters .searchBox input{height:44px!important;font-size:13px!important}
  .purchaseHistoryMobilePage #purchaseHistoryView .purchaseHistoryDatePickerWrap,
  .salesHistoryMobilePage #salesHistoryView .universalDatePickerWrap{grid-column:2!important;grid-row:1!important;width:48px!important;height:48px!important;margin:0!important;z-index:1500!important}
  .purchaseHistoryMobilePage #purchaseHistoryView #purchaseHistoryDateBtn,
  .salesHistoryMobilePage #salesHistoryView #salesHistoryDateBtn{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid #d4d7dc!important;border-radius:8px!important;background:#fff!important;color:#1c55cc!important;font-size:0!important;padding:0!important}
  .purchaseHistoryMobilePage #purchaseHistoryView #purchaseHistoryDateBtn::before,
  .salesHistoryMobilePage #salesHistoryView #salesHistoryDateBtn::before{content:"▦"!important;font-size:21px!important}
  #purchaseHistoryView .purchaseMobileCards,#salesHistoryView .salesMobileCards{display:grid!important;gap:9px!important;padding:0 11px 22px!important;background:#fff!important}
  #purchaseHistoryView .mobileHistoryTxnCard,#salesHistoryView .mobileHistoryTxnCard{grid-template-columns:minmax(0,1fr) minmax(112px,36%) 15px!important;gap:8px!important;min-height:110px!important;padding:13px!important;border:0!important;border-radius:10px!important;background:#ededed!important;color:#3d5674!important;box-shadow:none!important}
  #purchaseHistoryView .mobileHistoryDoc,#salesHistoryView .mobileHistoryDoc{display:none!important}
  #purchaseHistoryView .mobileHistoryMain b,#salesHistoryView .mobileHistoryMain b{font-size:13px!important;white-space:normal!important;overflow:visible!important}
  #purchaseHistoryView .mobileHistoryMain em,#salesHistoryView .mobileHistoryMain em{white-space:normal!important;font-size:12px!important}
  #purchaseHistoryView .mobileHistoryMain small,#salesHistoryView .mobileHistoryMain small{font-size:9px!important}
  #purchaseHistoryView .mobileHistorySide strong,#salesHistoryView .mobileHistorySide strong{font-size:16px!important;color:#263e61!important}
  #purchaseHistoryView .mobileHistorySide i,#salesHistoryView .mobileHistorySide i{background:#1e5bd8!important;color:#fff!important;font-size:10px!important;border-radius:5px!important;padding:5px 8px!important}
  #purchaseHistoryView .mobileHistorySide i.isDue,#salesHistoryView .mobileHistorySide i.isDue{background:#1e5bd8!important;color:#fff!important}

  /* Product selection: reference grey cards, real state values and images. */
  #purchasesView .sellPicker,#salesView .sellPicker{background:#fff!important;padding:0 8px 88px!important}
  #purchasesView .sellPicker>h2,#salesView .sellPicker>h2{margin:0 -8px 8px!important;min-height:58px!important;padding:16px 48px 12px!important;background:var(--m-ref-yellow)!important;color:#111!important;font-size:19px!important;font-weight:700!important;text-align:left!important}
  #purchasesView .purchaseSearchRow,#salesView .purchaseSearchRow{grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:7px!important;margin:8px 2px 12px!important}
  #purchasesView .purchaseSearch,#salesView .purchaseSearch{height:46px!important;border:1px solid #d4d8de!important;border-radius:7px!important;background:#fff!important}
  #purchasesView .purchaseBarcodeField,#salesView .purchaseBarcodeField{height:46px!important;border:0!important;border-left:1px solid #d4d8de!important;border-radius:0!important}
  #purchasesView .pickerTool,#salesView .pickerTool{width:42px!important;height:46px!important;border:0!important;background:#fff!important;color:#1459d8!important;font-size:23px!important}
  #purchasesView .purchaseProductList,#salesView .purchaseProductList{display:grid!important;gap:8px!important}
  #purchasesView .purchaseProductItem,#salesView .purchaseProductItem{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;min-height:86px!important;padding:10px!important;border:0!important;border-radius:9px!important;background:#ededed!important;box-shadow:none!important}
  #purchasesView .purchaseProductItem .prodIcon.saleProductThumb,#salesView .purchaseProductItem .prodIcon.saleProductThumb{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important}
  #purchasesView .purchaseProductName,#salesView .purchaseProductName{font-size:14px!important;font-weight:800!important;color:#24364c!important}
  #purchasesView .purchaseProductMeta,#salesView .purchaseProductMeta{display:flex!important;flex-wrap:wrap!important;gap:3px 7px!important;margin-top:5px!important;color:#5a6878!important;font-size:10px!important;line-height:1.45!important}
  #purchasesView .purchaseProductMeta i,#salesView .purchaseProductMeta i{display:none!important}
  #purchasesView .purchaseProductMeta span,#salesView .purchaseProductMeta span{flex:0 0 auto!important}
  #purchasesView .addBtn,#salesView .addBtn{min-width:40px!important;height:34px!important;border:1px solid #1c5bd8!important;border-radius:6px!important;background:#fff!important;color:#1c5bd8!important;font-size:0!important}
  #purchasesView .addBtn::after,#salesView .addBtn::after{content:"+";font-size:23px!important}

  /* Cart: remove the duplicate compact metadata block.  The original editable
     qty/rate/line-total controls remain live and are restyled instead. */
  #purchasesView .mobilePurchaseCartRow,#salesView .mobileSaleCartRow{display:none!important}
  #purchasesView .purchaseCartItem,#salesView .purchaseCartItem{display:block!important;margin:0 0 9px!important;padding:10px!important;border:0!important;border-radius:9px!important;background:#ededed!important;box-shadow:none!important}
  #purchasesView .purchaseCartItemHead,#salesView .purchaseCartItemHead{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important}
  #purchasesView .purchaseCartThumb,#salesView .purchaseCartThumb{width:46px!important;height:46px!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important}
  #purchasesView .purchaseCartName,#salesView .purchaseCartName{font-size:13px!important;font-weight:800!important;color:#26364b!important;margin-top:3px!important}
  #purchasesView .purchaseCartStock,#salesView .purchaseCartStock{display:none!important}
  #purchasesView .purchaseCartActions,#salesView .purchaseCartActions{display:flex!important;gap:4px!important;align-items:center!important}
  #purchasesView .purchaseCartMini,#salesView .purchaseCartMini,#purchasesView .purchaseCartRemove,#salesView .purchaseCartRemove{min-width:32px!important;height:29px!important;border:0!important;background:transparent!important;color:#1559d8!important;font-size:10px!important;padding:0 3px!important}
  #purchasesView .purchaseCartFields,#salesView .purchaseCartFields{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;margin-top:9px!important;padding:0!important;border:0!important}
  #purchasesView .purchaseCartField,#salesView .purchaseCartField{display:grid!important;gap:3px!important;color:#59677b!important;font-size:10px!important}
  #purchasesView .purchaseCartField input,#salesView .purchaseCartField input{width:100%!important;height:37px!important;border:1px solid #cbd0d6!important;border-radius:5px!important;background:#fff!important;padding:0 6px!important;color:#26364b!important;text-align:center!important;font-size:12px!important;box-sizing:border-box!important}
  #purchasesView .purchaseCheckoutSummary,#salesView .purchaseCheckoutSummary{margin-top:7px!important;padding:8px 10px 12px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  #purchasesView .purchaseCheckoutRow,#salesView .purchaseCheckoutRow{min-height:42px!important;padding:5px 0!important;border-bottom:0!important}
  #purchasesView .purchaseCheckoutGrand,#salesView .purchaseCheckoutGrand{margin-top:4px!important;padding-top:10px!important;border-top:1px solid #cfd4da!important;font-size:16px!important}
  #purchasesView .purchaseCheckoutSummary input,#salesView .purchaseCheckoutSummary input{height:36px!important;border:1px solid #d0d4da!important;border-radius:5px!important;background:#f6f6f6!important}

  /* Product add keeps the real product save handler, but presents the phone
     form as the approved grey-section/yellow-header flow. */
  #purchaseAddOverlay.productAddOverlay.open{padding:0!important;background:#fff!important;align-items:stretch!important;z-index:2700!important}
  #purchaseAddOverlay>.productAddScrim{display:none!important}
  #purchaseAddDrawer.productAddDrawer{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;background:#f2f2f2!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-direction:column!important}
  #purchaseAddDrawer .productAddHeader{height:58px!important;min-height:58px!important;padding:0 12px!important;background:var(--m-ref-yellow)!important;color:#111!important;border:0!important;display:grid!important;grid-template-columns:34px 1fr 34px!important;align-items:center!important}
  #purchaseAddDrawer .productAddHeader h2{grid-column:2!important;margin:0!important;font-size:0!important;font-weight:700!important;color:#111!important}
  #purchaseAddDrawer .productAddHeader h2::after{content:"পণ্য যুক্ত করুন";font-size:19px}
  #purchaseAddDrawer .productAddClose{grid-column:1!important;grid-row:1!important;color:transparent!important;border:0!important;background:transparent!important;position:relative!important;width:34px!important;height:42px!important}
  #purchaseAddDrawer .productAddClose::before{content:"←";position:absolute;inset:0;display:grid;place-items:center;color:#111;font-size:26px}
  #purchaseAddProductForm{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  #purchaseAddDrawer .productAddScroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:13px 13px 92px!important;background:#f2f2f2!important}
  #purchaseAddDrawer .productUploadBox{min-height:96px!important;border:1.5px dashed #1d5ed8!important;border-radius:7px!important;background:#fff!important;color:#2358ae!important;margin-bottom:12px!important}
  #purchaseAddDrawer .productUploadBox .uploadIcon{width:36px!important;height:36px!important;border-radius:50%!important;background:#1a59d8!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important}
  #purchaseAddDrawer .productAddSectionTitle{margin:14px 0 8px!important;padding:0!important;background:transparent!important;color:#1859d7!important;border:0!important;font-size:14px!important;font-weight:800!important}
  #purchaseAddDrawer .productSupplierField{background:#fff!important;border:0!important;border-radius:7px!important;padding:10px!important;margin-bottom:10px!important}
  #purchaseAddDrawer .productAddTwoCol{grid-template-columns:1fr!important;gap:10px!important}
  #purchaseAddDrawer label:not(.productToggleRow){gap:6px!important;color:#303a47!important;font-size:12px!important;font-weight:650!important}
  #purchaseAddDrawer label>input,#purchaseAddDrawer label>select,#purchaseAddDrawer textarea{height:49px!important;border:1px solid #cfd3d8!important;border-radius:6px!important;background:#fff!important;color:#293442!important;padding:0 10px!important;box-sizing:border-box!important}
  #purchaseAddDrawer textarea{height:92px!important;padding-top:10px!important}
  #purchaseAddDrawer .productToggleRow{min-height:52px!important;margin:7px 0!important;padding:8px 11px!important;border:0!important;border-radius:8px!important;background:#e7e7e7!important;color:#333d4a!important}
  #purchaseAddDrawer .productAddActions{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;padding:9px 13px calc(9px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e1e4e7!important;display:block!important}
  #purchaseAddDrawer .productAddCancel{display:none!important}
  #purchaseAddDrawer .productAddSubmit{width:100%!important;height:52px!important;border:0!important;border-radius:5px!important;background:#185bd8!important;color:#fff!important;font-size:16px!important;font-weight:700!important}
  #purchaseAddDrawer .descToolbar{display:none!important}
  .productImageChooseOverlay{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.46)}
  .productImageChooseOverlay.open{display:flex}.productImageChooseScrim{position:absolute;inset:0;border:0;background:transparent}
  .productImageChooseDialog{position:relative;width:min(100%,350px);border-radius:7px;background:#fff;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;box-shadow:0 10px 35px rgba(0,0,0,.24)}
  .productImageChooseDialog h3{grid-column:1/-1;margin:0 0 8px;color:#333;font-size:18px}.productImageChooseDialog>button:not(.productImageChooseCancel){min-height:92px;border:0;background:#fff;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
  .cameraIcon,.galleryIcon{width:38px;height:33px;display:block;position:relative;border:2px solid #4c5561;border-radius:5px}.cameraIcon::before{content:"";position:absolute;left:10px;top:6px;width:13px;height:13px;border:2px solid #4c5561;border-radius:50%}.cameraIcon::after{content:"";position:absolute;left:6px;top:-7px;width:14px;height:7px;background:#4c5561;border-radius:3px 3px 0 0}.galleryIcon::before{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:14px;background:linear-gradient(135deg,transparent 35%,#4c5561 36% 60%,transparent 61%),linear-gradient(45deg,transparent 44%,#4c5561 45% 68%,transparent 69%)}
  .productImageChooseCancel{grid-column:1/-1;justify-self:end;height:36px;border:0;background:#fff;color:#185bd8;font-weight:800;padding:0 5px}

  /* New due type: reference bottom sheet. */
  .dueModalOverlay{align-items:flex-end!important;padding:0!important;background:rgba(0,0,0,.38)!important}
  .dueTypeModal{width:100%!important;max-width:100%!important;margin:0!important;border-radius:20px 20px 0 0!important;padding:18px 18px calc(22px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -7px 24px rgba(0,0,0,.16)!important}
  .dueTypeModal .dueModalHead{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0 0 20px!important}
  .dueTypeModal .dueModalHead h2{margin:0!important;max-width:80%!important;font-size:18px!important;line-height:1.45!important;font-weight:700!important;color:#252b35!important}
  .dueTypeModal .dueModalHead button{margin-left:auto!important;width:30px!important;height:30px!important;border:1px solid #9ba3ad!important;border-radius:50%!important;background:#fff!important;color:#414b58!important;font-size:20px!important;line-height:1!important}
  .dueTypeCards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important}
  .dueTypeCard{min-height:132px!important;border:1px solid #d3d6dc!important;border-radius:13px!important;background:#fff!important;color:#2d3746!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:16px!important}
  .dueTypeProductIcon,.dueTypeMoneyIcon{width:54px!important;height:54px!important;border-radius:14px!important;background:#eef3ff!important;font-size:0!important}
  .dueTypeProductIcon::before{content:"";position:absolute;left:14px;top:14px;width:26px;height:24px;border:3px solid #245bce;border-radius:4px}
  .dueTypeProductIcon::after{content:"";position:absolute;left:21px;top:8px;width:12px;height:11px;border:3px solid #245bce;border-bottom:0;border-radius:8px 8px 0 0}
  .dueTypeMoneyIcon::before{content:"৳";position:absolute;inset:8px;display:grid;place-items:center;border:2px solid #245bce;border-radius:50%;color:#245bce;font-size:27px;font-weight:800}
  .dueTypeMoneyCard>b{font-size:0!important}.dueTypeMoneyCard>b::after{content:"টাকা বাকি";font-size:16px!important}
  .dueTypeModal .dueProductDirection,.dueTypeModal #dueTypeContinue{display:none!important}

  /* New due money form. */
  .dueEntryOverlay{padding:0!important;background:#fff!important;align-items:stretch!important;z-index:2600!important}
  .dueEntryOverlay>.dueOverlayScrim{display:none!important}
  .dueEntryDrawer{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;background:#fff!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;overflow:hidden!important}
  .dueEntryHead{flex:0 0 58px!important;height:58px!important;display:grid!important;grid-template-columns:32px 1fr 32px!important;align-items:center!important;padding:0 12px!important;background:var(--m-ref-yellow)!important;border:0!important;color:#111!important}
  .dueEntryHead h2{grid-column:2!important;margin:0!important;font-size:19px!important;font-weight:700!important;text-align:left!important}
  .dueEntryHead button{grid-column:1!important;grid-row:1!important;width:32px!important;height:40px!important;border:0!important;background:transparent!important;color:transparent!important;position:relative!important}
  .dueEntryHead button::before{content:"←";position:absolute;inset:0;display:grid;place-items:center;color:#111;font-size:26px}
  .dueEntryForm{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:18px 15px 30px!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important}
  .dueEntryForm>label{display:grid!important;gap:7px!important;margin:0!important;color:#333b47!important;font-size:13px!important;font-weight:600!important}
  .mobileDuePhoneLabel{font-size:0!important}.mobileDuePhoneLabel::after{content:"মোবাইল *";font-size:13px!important}
  .dueEntryForm>label:nth-of-type(1){order:0!important} /* date */
  .dueEntryForm>label:nth-of-type(2){order:-10!important} /* amount */
  .mobileDueDirectionBlock{display:grid!important;order:-9!important;gap:9px!important;color:#313844!important;font-size:13px!important;font-weight:600!important}
  .mobileDueDirectionChoices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .mobileDueDirectionChoices button{height:54px!important;border:1px solid #c7cbd1!important;border-radius:11px!important;background:#fff!important;color:#4b5563!important;font-size:16px!important;font-weight:700!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}
  .mobileDueDirectionChoices button i{width:17px;height:17px;border:2px solid #a7adb5;border-radius:50%;box-sizing:border-box}
  .mobileDueDirectionChoices button[data-mobile-due-direction="given"].selected{border-color:#e94e56!important;background:#e94e56!important;color:#fff!important}
  .mobileDueDirectionChoices button[data-mobile-due-direction="received"].selected{border-color:#32b66b!important;background:#32b66b!important;color:#fff!important}
  .mobileDueDirectionChoices button.selected i{border:5px solid #fff!important;background:transparent!important}
  #mobileDuePartyQuestion{font-size:14px!important;margin-top:3px!important;color:#303845!important}
  .dueDrawerTabs{order:-8!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;border:0!important;background:transparent!important;padding:0!important}
  .dueDrawerTabs button{height:38px!important;border:0!important;background:#fff!important;color:#56616e!important;font-size:12px!important;position:relative!important;padding-left:22px!important}
  .dueDrawerTabs button::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:13px;height:13px;border:2px solid #aeb5bd;border-radius:50%;box-sizing:border-box}
  .dueDrawerTabs button.active{color:#1559d8!important;font-weight:700!important}
  .dueDrawerTabs button.active::before{border:4px solid #1559d8!important}
  .dueEntryForm input{width:100%!important;height:50px!important;border:1px solid #cbd0d7!important;border-radius:6px!important;background:#fff!important;padding:0 11px!important;font-size:14px!important;box-sizing:border-box!important;color:#26303c!important}
  .dueContactInput,.duePhoneInput{height:50px!important;border:1px solid #cbd0d7!important;border-radius:6px!important;background:#fff!important;display:flex!important;align-items:center!important;overflow:hidden!important}
  .dueContactInput input,.duePhoneInput input{border:0!important;height:48px!important;min-width:0!important}
  #dueEntryPartyPicker{width:47px!important;height:48px!important;flex:0 0 47px!important;border:0!important;border-left:1px solid #e0e3e7!important;background:#fff!important;display:grid!important;place-items:center!important}
  .duePersonIcon{width:20px!important;height:20px!important;border:2px solid #145bd8!important;border-radius:50%!important}
  .duePersonIcon::after{content:"+";position:absolute;right:-7px;bottom:-5px;width:14px;height:14px;border-radius:50%;background:#145bd8;color:#fff;font:700 11px/14px system-ui;text-align:center}
  .duePhonePrefix{height:48px!important;min-width:78px!important;border-right:1px solid #d7dbe0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#354151!important;font-size:12px!important}
  .dueBdFlag{width:19px!important;height:12px!important;background:#087c52!important;border-radius:1px!important}
  .dueBdFlag::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#e3363d;left:6px;top:2.5px}
  .dueReminderSwitch{order:20!important;margin-top:5px!important;min-height:54px!important;border-radius:9px!important;background:#f1f2f3!important;padding:9px 11px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-items:center!important}
  .dueReminderSwitch>input,.dueReminderSwitch>i{grid-row:1/3!important}
  .dueReminderSwitch>span{font-size:0!important}.dueReminderSwitch>span::after{content:"এস এম এস";font-size:13px!important}
  .dueReminderSwitch small{color:#65717f!important;font-size:0!important}.dueReminderSwitch small::after{content:"ক্রেডিট: —";font-size:10px!important}
  .dueEntrySave{order:30!important;min-height:52px!important;margin-top:2px!important;border:0!important;border-radius:6px!important;background:#185bd8!important;color:#fff!important;font-size:16px!important;font-weight:700!important}
  .dueNoteInput{border:0!important}
  .dueNoteInput>span{display:none!important}

  .duePartyPickerOverlay{position:fixed;inset:0;z-index:2900;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.44)}
  .duePartyPickerOverlay.open{display:flex}
  .duePartyPickerScrim{position:absolute;inset:0;border:0;background:transparent}
  .duePartyPickerDialog{position:relative;width:min(100%,390px);max-height:min(78dvh,650px);display:flex;flex-direction:column;border-radius:12px;background:#fff;padding:19px;box-shadow:0 14px 42px rgba(0,0,0,.22)}
  .duePartyPickerDialog h2{margin:0 0 14px;color:#252d38;font-size:18px}
  .duePartyPickerSearch{height:48px;border:1px solid #cfd4db;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#5d6874}
  .duePartyPickerSearch input{border:0;outline:0;min-width:0;width:100%;height:44px}
  .duePartyPickerList{flex:1 1 auto;overflow-y:auto;margin:9px 0;border-top:1px solid #edf0f2}
  .duePartyPickerList>button{width:100%;min-height:62px;border:0;border-bottom:1px solid #e3e5e8;background:#fff;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;text-align:left;color:#293544}
  .duePartyPickerList>button>span:last-child{display:grid;gap:3px}.duePartyPickerList small{color:#6b7480}
  .duePartyAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f3ed;color:#2c9b5b;font-weight:800}
  .duePartyPickerNotice{margin:4px 0 12px;padding:9px;border:1px dashed #2d63d7;border-radius:6px;color:#305da9;font-size:10px;text-align:center}
  .duePartyPickerDialog footer{display:grid;grid-template-columns:1fr 1.5fr;gap:9px}.duePartyPickerDialog footer button{height:44px;border:1px solid #aeb5bf;border-radius:6px;background:#fff;color:#4a5563}.duePartyPickerDialog footer .primary{border-color:#185bd8;background:#185bd8;color:#fff}

  /* Expense screens: keep the production forms/data, restore reference yellow/blue visual language. */
  .expenseMobilePage #expensesView{background:#fff!important}
  .expenseMobilePage #expensesView .expenseMobileHeader{background:var(--m-ref-yellow)!important;color:#111!important;min-height:58px!important;border:0!important}
  .expenseMobilePage #expensesView .expenseMobileSummary{background:var(--m-ref-blue)!important;border-radius:13px!important;box-shadow:none!important}
  .expenseMobilePage #expensesView .expenseMobileCategoryCard{background:#efefef!important;border:0!important;border-radius:9px!important;box-shadow:none!important}
  #expenseDrawer.expenseRefDrawer{background:#f2f2f2!important}
  #expenseDrawer .expenseRefHeader{min-height:58px!important;background:var(--m-ref-yellow)!important;color:#111!important;border:0!important}
  #expenseDrawer .expenseRefHeader h2{color:#111!important;font-size:18px!important}
  #expenseDrawer .expenseRefForm{overflow-y:auto!important;padding-bottom:28px!important;background:#f2f2f2!important}
  #expenseDrawer .expenseRefField{gap:7px!important;color:#343d49!important}
  #expenseDrawer .expenseRefField input,#expenseDrawer .expenseRefField select,#expenseDrawer .expenseCategoryTrigger{height:50px!important;background:#fff!important;border:1px solid #cbd0d6!important;border-radius:6px!important}
  #expenseDrawer .expenseRefFooter{position:static!important;flex:0 0 auto!important;background:#f2f2f2!important;border:0!important;padding:8px 14px 14px!important}
  #expenseDrawer .expenseRefFooter .expenseCancelBtn{display:none!important}
  #expenseDrawer .expenseRefFooter .expenseSaveBtn{width:100%!important;height:52px!important;background:#185bd8!important;border:0!important;color:#fff!important;border-radius:5px!important}
  .expenseCalculator{padding:3px 0 8px!important}
  .expenseCalculator[hidden]{display:none!important}
  .expenseCalculatorDisplay{min-height:34px;padding:5px 8px;text-align:right;color:#364152;font-size:14px;overflow-wrap:anywhere}
  .expenseCalculatorKeys{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
  .expenseCalculatorKeys button{height:49px!important;border:0!important;border-radius:9px!important;background:#dedede!important;color:#171717!important;font-size:18px!important;font-weight:650!important;box-shadow:none!important}
  .expenseCalculatorKeys button.primary{background:#185bd8!important;color:#fff!important}
  #expenseCalculatorError{display:block;color:#d53945;padding:5px 2px;font-size:11px}
  #expenseCalculatorError[hidden]{display:none!important}
  #expenseEmployeeField[hidden]{display:none!important}

  /* Drawers/modals must not leave invisible click blockers after close. */
  [aria-hidden="true"].dueEntryOverlay,[aria-hidden="true"].dueModalOverlay,[aria-hidden="true"].duePartyPickerOverlay{pointer-events:none!important;visibility:hidden!important}
  [aria-hidden="false"].dueEntryOverlay,[aria-hidden="false"].dueModalOverlay,[aria-hidden="false"].duePartyPickerOverlay{pointer-events:auto!important;visibility:visible!important}
}

@media (min-width:701px){
  .mobileDueDirectionBlock{display:none!important}
  #dueEntryPartyPicker{border:0;background:transparent;padding:0;color:#111}
  #dueEntryPartyPicker .duePersonIcon::after{content:"♙";font-size:16px}
  .duePhonePrefix{font-size:0}.duePhonePrefix::after{content:"🇧🇩⌄";font-size:14px}.duePhonePrefix .dueBdFlag{display:none}
}