/* =========================================================
   AR DEBANG BUSINESS MANAGER — PROFESSIONAL MODULE LAYER
   Customers / Products / Bills / Payments + manager popups.
   Scoped to the manager shell only.
========================================================= */
body.sbp-manager-page #side-nav .manager-brand-mark{
    overflow:hidden!important;
    background:#edf5ff!important;
    border:1px solid #dbe9f8!important;
}
body.sbp-manager-page #side-nav .manager-brand-mark img{
    width:100%!important;height:100%!important;display:block!important;
    object-fit:contain!important;border-radius:7px!important;
}
body.sbp-manager-page #side-nav .manager-brand-mark span{font-size:11px!important;font-weight:900!important;color:#2f80ed!important;}

/* Collapsed/rail brand is shown above the dashboard content only when the rail is closed. */
.manager-collapsed-brand{
    display:none;
    align-items:center;
    gap:7px;
    min-height:38px;
    margin:0 0 8px;
    padding:5px 7px;
    border:1px solid #e5eaf0;
    border-radius:9px;
    background:#fff;
    box-shadow:0 2px 8px rgba(24,39,55,.04);
}
.manager-collapsed-brand-logo{
    width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;
    overflow:hidden;border-radius:7px;background:#edf5ff;border:1px solid #dbe9f8;color:#2f80ed;font-size:9px;font-weight:900;
}
.manager-collapsed-brand-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px;}
.manager-collapsed-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.05;}
.manager-collapsed-brand-text strong{font-size:9px;color:#27313d;letter-spacing:.1px;}
.manager-collapsed-brand-text small{font-size:6.5px;color:#8a949f;margin-top:2px;font-weight:700;}
body.sbp-manager-sidebar-collapsed .manager-collapsed-brand{display:flex;}
body.sbp-manager-mobile-sidebar-open .manager-collapsed-brand{display:none!important;}
@media(max-width:700px){body.sbp-manager-page:not(.sbp-manager-mobile-sidebar-open) .manager-collapsed-brand{display:flex;}}

/* Consistent manager module frame. */
body.sbp-manager-page #sbp-app #customers,
body.sbp-manager-page #sbp-app #products,
body.sbp-manager-page #sbp-app #billScreen,
body.sbp-manager-page #sbp-app #paymentScreen{
    background:#f5f7fb!important;
}
body.sbp-manager-page #customers .customer-search,
body.sbp-manager-page #products .stock-search,
body.sbp-manager-page #paymentScreen .customer-search{
    width:100%!important;margin:0 0 9px!important;
}
body.sbp-manager-page #customers .customer-search input,
body.sbp-manager-page #products .stock-search input,
body.sbp-manager-page #paymentScreen .customer-search input{
    height:34px!important;min-height:34px!important;padding:7px 34px 7px 10px!important;
    border:1px solid #dfe5eb!important;border-radius:8px!important;background:#fff!important;
    box-shadow:0 2px 7px rgba(30,45,60,.035)!important;font-size:9px!important;
}
body.sbp-manager-page #customers .customer-search input:focus,
body.sbp-manager-page #products .stock-search input:focus,
body.sbp-manager-page #paymentScreen .customer-search input:focus{
    border-color:#bcd5ef!important;box-shadow:0 0 0 3px rgba(47,128,237,.08)!important;
}
body.sbp-manager-page #customers .customer-search .search-icon,
body.sbp-manager-page #products .stock-search .search-icon,
body.sbp-manager-page #paymentScreen .customer-search .search-icon{right:10px!important;font-size:16px!important;color:#7b8792!important;}

body.sbp-manager-page #customers .customer-tabs,
body.sbp-manager-page #products .product-tabs{
    width:100%!important;margin:0 0 9px!important;padding:4px!important;gap:4px!important;
    border:1px solid #e2e8ee!important;border-radius:9px!important;background:#fff!important;
    box-shadow:0 2px 7px rgba(30,45,60,.035)!important;
}
body.sbp-manager-page #customers .customer-tabs .tab-btn,
body.sbp-manager-page #products .product-tabs .tab-btn{
    min-height:30px!important;padding:6px 8px!important;border:0!important;border-radius:6px!important;
    background:transparent!important;color:#77818d!important;font-size:8px!important;font-weight:800!important;
}
body.sbp-manager-page #customers .customer-tabs .tab-btn.active,
body.sbp-manager-page #products .product-tabs .tab-btn.active{
    background:#edf5ff!important;color:#2f80ed!important;box-shadow:none!important;
}

/* Customer cards */
body.sbp-manager-page #customers .customer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
body.sbp-manager-page #customers .customer-card{
    position:relative!important;min-height:65px!important;padding:9px!important;margin:0!important;
    border:1px solid #e4e9ef!important;border-radius:9px!important;background:#fff!important;
    box-shadow:0 2px 8px rgba(28,43,58,.045)!important;gap:8px!important;
}
body.sbp-manager-page #customers .customer-card:hover{box-shadow:0 5px 15px rgba(28,43,58,.08)!important;transform:none!important;border-color:#d7e1eb!important;}
body.sbp-manager-page #customers .customer-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important;font-size:11px!important;background:#edf5ff!important;color:#2f80ed!important;}
body.sbp-manager-page #customers .customer-name{font-size:9.5px!important;color:#27313d!important;font-weight:800!important;}
body.sbp-manager-page #customers .customer-email{font-size:7px!important;color:#8b95a0!important;}
body.sbp-manager-page #customers .storeBadge{font-size:6px!important;padding:2px 5px!important;border-radius:4px!important;}
body.sbp-manager-page #customers .customer-menu{height:30px!important;}
body.sbp-manager-page #customers .menu-dots{width:25px!important;height:30px!important;font-size:18px!important;color:#7d8792!important;transform:none!important;}
body.sbp-manager-page #customers .menu-options{top:28px!important;right:0!important;min-width:118px!important;padding:3px!important;border:1px solid #e3e8ee!important;border-radius:8px!important;box-shadow:0 10px 25px rgba(20,35,50,.13)!important;}
body.sbp-manager-page #customers .menu-item{padding:7px 9px!important;border-radius:6px!important;font-size:8px!important;color:#44515e!important;}

/* Product cards: compact two-column professional list with a corner menu. */
body.sbp-manager-page #products .stock-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important;}
body.sbp-manager-page #products .stock-card{
    position:relative!important;min-height:83px!important;margin:0!important;padding:10px!important;
    border:1px solid #e4e9ef!important;border-radius:9px!important;background:#fff!important;
    box-shadow:0 2px 8px rgba(28,43,58,.045)!important;cursor:pointer!important;transition:none!important;
}
body.sbp-manager-page #products .stock-card:hover{transform:none!important;box-shadow:0 5px 15px rgba(28,43,58,.08)!important;border-color:#d7e1eb!important;}
body.sbp-manager-page #products .stock-top-row{padding-right:25px!important;gap:8px!important;}
body.sbp-manager-page #products .product-avatar{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:8px!important;background:#edf5ff!important;}
body.sbp-manager-page #products .product-avatar .material-icons{font-size:16px!important;color:#2f80ed!important;}
body.sbp-manager-page #products .product-info{min-width:0!important;gap:2px!important;}
body.sbp-manager-page #products .stock-name{font-size:9.5px!important;line-height:1.25!important;color:#27313d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.sbp-manager-page #products .stock-price{font-size:8px!important;color:#2f80ed!important;}
body.sbp-manager-page #products .stock-bottom-row{margin-top:7px!important;padding-top:6px!important;border-top:1px solid #eef1f4!important;font-size:7.5px!important;color:#7d8792!important;}
body.sbp-manager-page #products .product-menu-btn{position:absolute!important;top:7px!important;right:6px!important;width:23px!important;height:23px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#7c8792!important;font-size:17px!important;line-height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:2!important;}
body.sbp-manager-page #products .product-menu-btn:hover{background:#f2f6fa!important;color:#2f80ed!important;}

/* Product action popover */
.sbp-product-action-popover{position:absolute;z-index:100001;min-width:142px;padding:4px;background:#fff;border:1px solid #e3e8ee;border-radius:9px;box-shadow:0 12px 30px rgba(20,35,50,.16);}
.sbp-product-action-popover button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:8px 9px;border-radius:6px;color:#3f4d5b;font-size:8px;font-weight:800;cursor:pointer;}
.sbp-product-action-popover button:hover{background:#f3f7fb;color:#2f80ed;}
.sbp-product-action-popover button.danger{color:#dc2626;}
.sbp-product-detail-popover{position:fixed;z-index:100002;width:min(280px,calc(100vw - 80px));padding:12px;background:#fff;border:1px solid #e3e8ee;border-radius:10px;box-shadow:0 15px 35px rgba(20,35,50,.18);}
.sbp-product-detail-popover h4{margin:0 0 7px;font-size:11px;color:#27313d;}
.sbp-product-detail-popover p{margin:4px 0;font-size:8px;color:#68737e;}
.sbp-product-detail-popover strong{color:#27313d;}

/* Bill / payment cards */
body.sbp-manager-page #billList,
body.sbp-manager-page #paymentList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
body.sbp-manager-page #billList .bill-card,
body.sbp-manager-page #paymentList .payment-card{
    width:100%!important;margin:0!important;border-radius:9px!important;border:1px solid #e4e9ef!important;
    box-shadow:0 2px 8px rgba(28,43,58,.045)!important;overflow:visible!important;background:#fff!important;
}
body.sbp-manager-page #billList .bill-card-header,
body.sbp-manager-page #paymentList .payment-card-header{padding:8px 9px!important;border-radius:9px 9px 0 0!important;background:#f8fafc!important;}
body.sbp-manager-page #billList .bill-customer-full,
body.sbp-manager-page #paymentList .payment-customer-full{font-size:9px!important;line-height:1.25!important;color:#27313d!important;}
body.sbp-manager-page #billList .bill-card-body,
body.sbp-manager-page #paymentList .payment-card-body{grid-template-columns:34px minmax(0,1fr) 24px!important;gap:7px!important;padding:8px 9px!important;}
body.sbp-manager-page #billList .bill-card-body .bill-avatar,
body.sbp-manager-page #paymentList .payment-avatar{width:34px!important;height:34px!important;border-radius:8px!important;}
body.sbp-manager-page #billList .bill-card-body .bill-avatar strong{font-size:10px!important;}
body.sbp-manager-page #billList .bill-card-body .bill-avatar small{font-size:6px!important;}
body.sbp-manager-page #billList .bill-id-date,
body.sbp-manager-page #paymentList .payment-id-date{font-size:7px!important;}
body.sbp-manager-page #billList .bill-card-body .bill-price{font-size:11px!important;}
body.sbp-manager-page #paymentList .payment-center-balance strong{font-size:10px!important;}
body.sbp-manager-page #billList .bill-menu-btn,
body.sbp-manager-page #paymentList .payment-menu-btn{width:24px!important;height:28px!important;font-size:18px!important;color:#7a8590!important;border-radius:6px!important;}
body.sbp-manager-page #billList .bill-card-footer,
body.sbp-manager-page #paymentList .payment-card-footer{padding:6px 9px 7px!important;border-radius:0 0 9px 9px!important;}
body.sbp-manager-page #billList .bill-card-footer .bill-received,
body.sbp-manager-page #billList .bill-card-footer .bill-due,
body.sbp-manager-page #paymentList .payment-received,
body.sbp-manager-page #paymentList .payment-remaining{font-size:7px!important;}
body.sbp-manager-page #billList .bill-card-footer strong,
body.sbp-manager-page #paymentList .payment-card-footer strong{font-size:9px!important;}
body.sbp-manager-page .bill-action-popover,
body.sbp-manager-page .payment-action-popover{min-width:135px!important;padding:4px!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(20,35,50,.16)!important;}
body.sbp-manager-page .bill-action-popover button,
body.sbp-manager-page .payment-action-popover button{padding:7px 9px!important;border-radius:6px!important;font-size:8px!important;}

/* Add Record / all manager popups must stay inside the content area on the mobile rail. */
@media(max-width:700px){
    body.sbp-manager-page #customers .customer-grid,
    body.sbp-manager-page #products .stock-list,
    body.sbp-manager-page #billList,
    body.sbp-manager-page #paymentList{grid-template-columns:1fr!important;}
    body.sbp-manager-page #customers .customer-card,
    body.sbp-manager-page #products .stock-card{min-height:62px!important;}
    body.sbp-manager-page .sbp-product-action-popover,
    body.sbp-manager-page .bill-action-popover,
    body.sbp-manager-page .payment-action-popover{max-width:calc(100vw - 70px)!important;}
    body.sbp-manager-page .das-add-record-modal{max-width:calc(100vw - 70px)!important;}
}

/* Store banner: one stable viewport ratio; images are cropped to the same frame. */
#storeHeroBanner{aspect-ratio:3 / 1!important;height:auto!important;min-height:120px;}
#heroBannerImage{width:100%!important;height:100%!important;min-height:120px!important;aspect-ratio:3 / 1!important;object-fit:cover!important;object-position:center!important;}

/* Dashboard privacy-style profit reveal */
body.sbp-manager-page #sbp-app .profit-card #dasProfit{letter-spacing:3px!important;font-size:14px!important;color:#27313d!important;min-width:54px;display:inline-block;}
body.sbp-manager-page #sbp-app .das-profit-caption{display:flex!important;align-items:center!important;gap:5px!important;}
body.sbp-manager-page #sbp-app .das-profit-refresh{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border:1px solid #dce5ee!important;border-radius:5px!important;background:#fff!important;color:#74808b!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
body.sbp-manager-page #sbp-app .das-profit-refresh .material-icons{font-size:12px!important;}
body.sbp-manager-page #sbp-app .das-profit-refresh:hover{background:#edf5ff!important;color:#2f80ed!important;border-color:#cbdcf1!important;}
body.sbp-manager-page #sbp-app .received-card .das-card-icon{background:#edf5ff!important;color:#2f80ed!important;}
body.sbp-manager-page #sbp-app .received-card strong{color:#2f80ed!important;}
@media(max-width:700px){
    body.sbp-manager-page #sbp-app .das-date-popup{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;}
    body.sbp-manager-page #sbp-app .das-quick-menu{max-width:calc(100vw - 70px)!important;}
}

/* Step 11.1 — restored legacy manager modules remain normal active screens. */
#sbp-app .screen.active{display:block!important;visibility:visible!important;opacity:1!important;}
#sbp-app #purchaseQuotationScreen.active,#sbp-app #emailAnalyticsScreen.active,#sbp-app #whatsappMarketingScreen.active,#sbp-app #debangMediaScreen.active{min-height:calc(100vh - 10px)!important;}


/* Step 13 — clearer card action buttons */
body.sbp-manager-page #products .product-menu-btn,
body.sbp-manager-page #billList .bill-menu-btn,
body.sbp-manager-page #paymentList .payment-menu-btn{
    width:30px!important;height:32px!important;min-width:30px!important;
    border:1px solid #d7dee6!important;border-radius:7px!important;
    background:#f7f9fc!important;color:#4e5b68!important;
    font-size:22px!important;line-height:28px!important;font-weight:800!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;opacity:1!important;visibility:visible!important;
    box-shadow:0 1px 3px rgba(25,40,55,.06)!important;
}
body.sbp-manager-page #products .product-menu-btn:hover,
body.sbp-manager-page #billList .bill-menu-btn:hover,
body.sbp-manager-page #paymentList .payment-menu-btn:hover{background:#eef4fa!important;color:#1565c0!important;border-color:#c8d8e8!important;}

/* Bill and payment search icons stay inside their fields. */
body.sbp-manager-page .bill-list-search{position:relative!important;width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important;}
body.sbp-manager-page .bill-list-search input{width:100%!important;box-sizing:border-box!important;padding:9px 38px 9px 11px!important;border:1px solid #dce3ea!important;border-radius:10px!important;background:#fff!important;outline:0!important;font-size:10px!important;}
body.sbp-manager-page .bill-list-search>.material-icons{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;font-size:18px!important;color:#7b8793!important;pointer-events:none!important;line-height:1!important;}

/* Bill Step 2 — match the compact Purchase Quotation catalog cards. */
body.sbp-manager-page #step2Content .bill-product-scroll{display:flex!important;flex-direction:column!important;gap:7px!important;max-height:calc(100vh - 245px)!important;overflow-y:auto!important;padding-right:2px!important;}
body.sbp-manager-page #step2Content .bill-product-card{display:flex!important;align-items:center!important;gap:9px!important;background:#fff!important;border:1px solid #e2e7ec!important;border-radius:11px!important;padding:8px!important;margin:0!important;box-shadow:0 2px 8px rgba(0,0,0,.045)!important;box-sizing:border-box!important;}
body.sbp-manager-page #step2Content .bill-product-img{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:9px!important;background:#f3f5f7!important;overflow:hidden!important;}
body.sbp-manager-page #step2Content .bill-product-img img{width:100%!important;height:100%!important;object-fit:contain!important;}
body.sbp-manager-page #step2Content .bill-product-right{min-width:0!important;flex:1!important;width:auto!important;}
body.sbp-manager-page #step2Content .bill-product-name{font-size:13px!important;font-weight:800!important;color:#202a34!important;line-height:1.25!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
body.sbp-manager-page #step2Content .bill-product-price{font-size:10px!important;font-weight:800!important;color:#1e88e5!important;margin-top:3px!important;}
body.sbp-manager-page #step2Content .product-stock{font-size:8px!important;margin-top:2px!important;}
body.sbp-manager-page #step2Content .bill-cart-action-row{display:flex!important;align-items:center!important;gap:6px!important;margin-top:5px!important;}
body.sbp-manager-page #step2Content .bill-add-to-cart{flex:1!important;width:auto!important;margin:0!important;border:0!important;border-radius:8px!important;background:#1565c0!important;color:#fff!important;padding:8px 9px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;}
body.sbp-manager-page #step2Content .bill-add-to-cart:disabled{background:#2e7d32!important;opacity:1!important;}
body.sbp-manager-page #step2Content .bill-cart-mini{width:30px!important;height:30px!important;flex:0 0 30px!important;color:#1565c0!important;}
body.sbp-manager-page #step2Content .bill-product-tools-single{display:block!important;padding:6px 0 5px!important;}
body.sbp-manager-page #step2Content .bill-product-tools-single .bill-tool-add{display:flex!important;width:100%!important;min-height:36px!important;align-items:center!important;justify-content:center!important;border:1px solid #d8e4f1!important;background:#f5f9fe!important;color:#1565c0!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;}
@media(max-width:700px){body.sbp-manager-page #step2Content .bill-product-img{width:48px!important;height:48px!important;flex-basis:48px!important}body.sbp-manager-page #step2Content .bill-product-name{font-size:11px!important}body.sbp-manager-page #step2Content .bill-add-to-cart{font-size:9px!important;padding:7px!important}.bill-list-search input{font-size:9px!important}.bill-list-search>.material-icons{font-size:17px!important}}