/* Bear Box V17 Premium Design System — presentation layer only */
:root{--bb-green:#008f4c;--bb-green2:#00b95f;--bb-dark:#062d1c;--bb-soft:#effaf4;--bb-bg:#f7faf8;--bb-line:#dfeae4;--bb-text:#111827;--bb-muted:#667085;--bb-danger:#e53935;--bb-shadow:0 12px 32px rgba(17,91,57,.10);--bb-radius:22px}
*{box-sizing:border-box}html{background:#eef4f0}body{font-family:Montserrat,Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;background:var(--bb-bg)!important;color:var(--bb-text)!important;margin:0}a{text-decoration:none}.build-badge-v51{display:none!important}
.app-shell{width:min(100%,760px)!important;min-height:100vh!important;margin:0 auto!important;background:#fff!important;box-shadow:0 0 45px rgba(0,0,0,.08)!important;padding-bottom:92px!important}.topbar{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);border-bottom:1px solid #edf2ef!important;position:sticky!important;top:0!important;z-index:40!important}.brand-row,.page-header{padding:15px 18px!important;min-height:78px;display:flex!important;align-items:center!important;gap:12px!important}.brand-logo{width:58px!important;height:58px!important;object-fit:contain!important;border-radius:50%!important}.brand-title{font-size:1.65rem!important;font-weight:950!important;letter-spacing:-.04em}.brand-subtitle{font-size:.78rem!important;color:var(--bb-green)!important;font-weight:700!important}.actions{margin-left:auto!important}.icon-button{background:#fff!important;border:1px solid var(--bb-line)!important;box-shadow:0 5px 16px rgba(0,0,0,.06)!important;border-radius:16px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;color:var(--bb-dark)!important}.section{padding:18px!important}.section-head h2{font-size:1.35rem!important;font-weight:900!important;letter-spacing:-.03em}.section-head a,.section-head span{color:var(--bb-green)!important;font-weight:800!important}.panel,.list-item,.location-card,.search-card,.summary-card,.profile-card,.gradient-panel,.friendly-panel-v41{border:1px solid var(--bb-line)!important;border-radius:var(--bb-radius)!important;background:#fff!important;box-shadow:var(--bb-shadow)!important}.primary-button{border:0!important;background:linear-gradient(135deg,var(--bb-green2),var(--bb-green))!important;color:#fff!important;border-radius:18px!important;min-height:56px!important;font-weight:900!important;font-size:1.05rem!important;box-shadow:0 12px 24px rgba(0,143,76,.22)!important}.secondary-button{border:1px solid var(--bb-green)!important;color:var(--bb-green)!important;background:#fff!important;border-radius:18px!important;min-height:52px!important;font-weight:850!important}.form-control,.input-row,select,textarea{border:1.5px solid #dce9e1!important;background:#fbfdfc!important;border-radius:17px!important;min-height:54px!important;font-size:1rem!important}.bottom-nav{position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,760px)!important;height:76px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--bb-line)!important;box-shadow:0 -10px 30px rgba(0,0,0,.08)!important;z-index:80!important;padding:8px 10px!important}.bottom-nav a{font-size:.72rem!important;font-weight:750!important;color:#667085!important}.bottom-nav a.active{color:var(--bb-green)!important}.nav-icon{font-size:1.45rem!important}.grid-2{gap:14px!important}.product-card{border-radius:20px!important;border:1px solid var(--bb-line)!important;background:#fff!important;box-shadow:var(--bb-shadow)!important;overflow:hidden!important}.product-card img{height:145px!important;object-fit:cover!important}.product-card h3,.product-name{font-size:1.05rem!important;line-height:1.18!important;font-weight:900!important;color:#101828!important}.product-price{font-size:1.05rem!important;font-weight:900!important;color:var(--bb-green)!important}.round-icon{background:var(--bb-soft)!important;color:var(--bb-green)!important}
/* auth */
.auth-page{min-height:100vh!important;background:radial-gradient(circle at 15% 0,#e5fff1,transparent 35%),linear-gradient(160deg,#fff 30%,#f1faf5)!important;padding:28px 16px!important}.auth-box{max-width:520px!important}.auth-logo{width:128px!important;height:128px!important;object-fit:contain!important;border-radius:50%!important;box-shadow:0 12px 36px rgba(0,143,76,.18)!important}.auth-title{font-size:2.15rem!important;letter-spacing:-.05em!important}.auth-copy{font-size:1rem!important;line-height:1.55!important}.auth-box .panel{padding:22px!important}.auth-secondary-link-v35{display:flex!important;min-height:66px!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;border:1.5px solid #b7e8ce!important;background:#f1fff7!important;color:var(--bb-green)!important;font-size:1.08rem!important;font-weight:950!important;margin-top:16px!important}.free-phone-note-v43{border-radius:16px!important;background:#edf9f2!important;color:#17603e!important}.bb-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 15px}.bb-auth-tabs a{padding:12px;border-radius:14px;text-align:center;font-weight:850;background:#f1f5f3;color:#345}.bb-auth-tabs a.active{background:var(--bb-green);color:#fff}
/* Premium home */
.bb-home .app-shell{background:#fff!important}.bb-premium-header{padding:18px;display:flex;align-items:center;gap:11px}.bb-premium-header img{width:64px;height:64px;border-radius:50%;object-fit:cover}.bb-premium-header h1{margin:0;font-size:1.75rem;letter-spacing:-.05em}.bb-premium-header small{color:var(--bb-green);font-weight:800}.bb-premium-header .spacer{flex:1}.bb-address{margin:0 18px 14px;padding:15px 17px;display:flex;align-items:center;gap:13px;border:1px solid var(--bb-line);border-radius:20px;box-shadow:var(--bb-shadow)}.bb-address .pin{width:45px;height:45px;border-radius:15px;background:var(--bb-green);color:#fff;display:grid;place-items:center;font-size:1.4rem}.bb-search{margin:0 18px 16px;display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--bb-line);border-radius:22px;box-shadow:var(--bb-shadow)}.bb-search input{border:0!important;min-height:auto!important;background:transparent!important;outline:0;flex:1}.bb-hero{margin:0 18px 6px;border-radius:24px;min-height:255px;padding:28px;background:linear-gradient(135deg,#00743f,#00a75d);position:relative;overflow:hidden;color:#fff}.bb-hero:after{content:'🛵';position:absolute;font-size:8rem;right:24px;bottom:8px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.bb-hero h2{font-size:2.15rem;line-height:1.05;margin:0 0 12px;max-width:55%;letter-spacing:-.05em}.bb-hero p{max-width:50%;line-height:1.5}.bb-hero a{display:inline-block;margin-top:12px;padding:12px 17px;background:#fff;color:var(--bb-green);border-radius:14px;font-weight:900}.bb-category-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.bb-cat{min-width:0;padding:14px 6px;background:#fff;border:1px solid var(--bb-line);border-radius:18px;text-align:center;box-shadow:0 8px 20px rgba(17,91,57,.07);font-size:.76rem;font-weight:850}.bb-cat span{display:block;font-size:2rem;margin-bottom:6px}.bb-store-row{display:flex;overflow:auto;gap:12px;padding-bottom:5px}.bb-store{min-width:200px;border:1px solid var(--bb-line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--bb-shadow)}.bb-store .pic{height:115px;display:grid;place-items:center;font-size:3rem;background:linear-gradient(135deg,#f8fff9,#e9f8ef)}.bb-store .info{padding:12px}.bb-store b{font-size:1.03rem}.bb-store small{display:block;margin-top:5px;color:var(--bb-muted)}
/* cart/checkout/orders/profile */
.bb-customer-page .list-item{padding:15px!important;margin-bottom:12px!important}.bb-customer-page .list-image{width:110px!important;height:105px!important;border-radius:18px!important;object-fit:cover!important}.bb-customer-page .list-item b{font-size:1.1rem!important}.bb-customer-page #cartItems .list-item b{font-size:1.25rem!important}.bb-customer-page .summary-card{padding:20px!important}.bb-customer-page #placeOrderButtonV64,.bb-customer-page a[href="checkout.html"]{font-size:1.3rem!important;min-height:68px!important;text-transform:uppercase}.bb-profile-hero{background:linear-gradient(135deg,#f0fff6,#fff);border:1px solid var(--bb-line);border-radius:25px;padding:20px;box-shadow:var(--bb-shadow)}
/* WhatsApp */
.bb-whatsapp-float{position:fixed;right:max(18px,calc((100vw - 720px)/2 + 18px));bottom:92px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:1.65rem;box-shadow:0 12px 30px rgba(37,211,102,.35);z-index:90;border:3px solid #fff}.bb-whatsapp-card{display:flex;align-items:center;gap:14px;padding:17px;border-radius:20px;background:linear-gradient(135deg,#eafff2,#fff);border:1px solid #bfeccf;color:#165b38}.bb-whatsapp-card strong{display:block;font-size:1.05rem}.bb-whatsapp-card span{font-size:.84rem;color:#43715b}
/* Rider/Vendor simple */
.bb-rider .app-shell,.bb-vendor .app-shell{max-width:620px!important}.bb-rider .section h2,.bb-vendor .section h2{font-size:1.55rem!important}.bb-rider .primary-button,.bb-vendor .primary-button{min-height:64px!important;font-size:1.18rem!important}.bb-rider .list-item,.bb-vendor .list-item{padding:18px!important}.bb-simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bb-simple-actions a{padding:22px 10px;border-radius:22px;background:#fff;border:1px solid var(--bb-line);box-shadow:var(--bb-shadow);text-align:center;color:var(--bb-text);font-weight:900}.bb-simple-actions span{display:block;font-size:2.4rem;margin-bottom:8px}
/* Admin */
.bb-admin{background:#f4f7f5!important}.friendly-admin-shell-v41{background:#f5f8f6!important}.friendly-sidebar-v41{background:#fff!important;border-right:1px solid var(--bb-line)!important}.friendly-brand-v41 img{width:70px!important;height:70px!important;object-fit:contain!important;border-radius:50%!important}.friendly-nav-v41 a{border-radius:14px!important;font-weight:750!important}.friendly-nav-v41 a.active,.friendly-nav-v41 a:hover{background:#eaf8f0!important;color:var(--bb-green)!important}.friendly-topbar-v41{background:linear-gradient(135deg,#006d3b,#009b55)!important;color:#fff!important}.friendly-content-v41{background:#f5f8f6!important}.friendly-quick-actions-v41 a,.friendly-kpis-v41 article{border:1px solid var(--bb-line)!important;border-radius:20px!important;box-shadow:var(--bb-shadow)!important}.friendly-kpis-v41 strong{color:var(--bb-green)!important}.friendly-dashboard-grid-v41,.friendly-bottom-grid-v41{gap:16px!important}
.bb-admin-settings-card{max-width:780px;margin:24px auto;padding:24px;background:#fff;border:1px solid var(--bb-line);border-radius:24px;box-shadow:var(--bb-shadow)}
@media(max-width:650px){.bb-category-showcase{grid-template-columns:repeat(3,1fr)}.bb-hero{min-height:225px}.bb-hero h2{font-size:1.75rem}.bb-hero:after{font-size:6.2rem;right:10px}.friendly-sidebar-v41{z-index:200!important}}
@media(min-width:900px){body:not(.bb-admin) .app-shell{border-radius:0 0 28px 28px}.bb-home .app-shell{max-width:760px!important}}


/* V17.7 stability and responsive corrections */
html,body{max-width:100%;overflow-x:hidden}.app-shell{width:100%;max-width:720px;min-height:100dvh;margin:0 auto;background:#fff;position:relative;padding-bottom:104px}.auth-box{width:min(100%,520px);margin:auto}.auth-logo,.brand-logo,.bb-premium-header img,.admin-brand img,.friendly-brand-v41 img{object-fit:contain!important;background:#fff!important;border-radius:50%!important}.auth-logo{width:118px!important;height:118px!important}.bb-project-footer{display:flex;justify-content:center;align-items:baseline;gap:7px;padding:18px 16px 24px;color:#0b8f50;text-align:center;letter-spacing:.08em}.bb-project-footer span{font-size:.78rem;font-weight:700}.bb-project-footer strong{font-size:1rem;font-weight:950}.haq-project-footer-v67,.haq-project-footer-v64{display:none!important}
.product-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important}.product-card img,.product-image,.product-card .product-img{width:100%!important;height:170px!important;aspect-ratio:1.15/1!important;object-fit:contain!important;object-position:center!important;background:#f8fbf9!important;padding:4px!important}.product-card .product-info{padding:12px!important}.product-card h3,.product-card .product-name{font-size:1.06rem!important;line-height:1.25!important;min-height:2.5em!important;overflow:visible!important;white-space:normal!important}.grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}.bottom-nav{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:min(100%,720px)!important;min-height:82px!important;padding:9px 7px max(9px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dce9e2!important;box-shadow:0 -8px 28px rgba(16,82,53,.1)!important;z-index:120!important}.bottom-nav a{min-width:0!important;font-size:.76rem!important;font-weight:850!important;gap:4px!important;padding:5px 2px!important}.bottom-nav .nav-icon{font-size:1.55rem!important;line-height:1!important}.bb-whatsapp-float{position:fixed!important;right:max(16px,calc((100vw - 720px)/2 + 16px))!important;bottom:98px!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#25D366!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(37,211,102,.32)!important;border:3px solid #fff!important;z-index:140!important}.bb-whatsapp-float svg{width:31px;height:31px}.bb-whatsapp-card>span:first-child:empty:before{content:'WhatsApp';font-weight:900;color:#25D366}.bb-order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.bb-order-tabs button{border:1px solid #d8e8df;background:#fff;border-radius:14px;padding:12px 5px;font-weight:850;font-size:.78rem;color:#344054}.bb-order-tabs button.active{background:#078c4f;color:#fff;border-color:#078c4f}.bb-order-list{display:grid;gap:14px}.bb-order-card{padding:18px;border-radius:22px;border:1px solid #dceae2;background:#fff;box-shadow:0 10px 28px rgba(19,95,60,.09)}.bb-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bb-order-head h3{margin:4px 0;font-size:1.15rem}.bb-order-head strong{font-size:1.12rem;color:#078c4f}.bb-order-items{margin:12px 0;color:#475467;font-weight:700}.bb-order-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:18px 0;position:relative}.bb-order-progress:before{content:'';height:3px;background:#e1e9e5;position:absolute;left:8%;right:8%;top:12px}.bb-order-progress span{z-index:1;text-align:center;color:#98a2b3;font-size:1.1rem}.bb-order-progress span b{display:block;font-size:.63rem;margin-top:6px}.bb-order-progress span.done{color:#078c4f}.admin-content,.friendly-content-v41{overflow-x:auto}.data-table{min-width:720px}.order-server-status-v69{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:#eefaf4;color:#17643f;font-weight:750}.cloud-error-v35,.order-server-status-v69.error{background:#fff1f1!important;color:#b42318!important}
@media(max-width:520px){.app-shell{max-width:100%;padding-bottom:100px}.bb-premium-header{padding:13px 14px}.bb-premium-header img{width:53px!important;height:53px!important}.bb-premium-header h1{font-size:1.42rem!important}.bb-address,.bb-search,.bb-hero{margin-left:12px!important;margin-right:12px!important}.bb-hero{min-height:215px!important;padding:21px!important}.bb-hero h2{font-size:1.65rem!important;max-width:62%!important}.section{padding-left:12px!important;padding-right:12px!important}.bb-category-showcase{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.bb-cat{font-size:.72rem!important}.product-card img,.product-image,.product-card .product-img{height:145px!important}.product-card h3,.product-card .product-name{font-size:1rem!important}.bottom-nav{min-height:78px!important}.bottom-nav a{font-size:.7rem!important}.bottom-nav .nav-icon{font-size:1.4rem!important}.bb-order-progress span b{font-size:.57rem!important}}
@media(min-width:900px){body:not(.bb-admin){background:#eef4f1!important}body:not(.bb-admin) .app-shell{box-shadow:0 0 0 1px #e3ece7,0 30px 80px rgba(18,70,48,.12)!important}}


/* V17.8 operational and readability fixes */
.bb-admin .friendly-sidebar-v41{background:#ffffff!important;color:#153b2b!important;border-right:1px solid #dbe8e0!important;box-shadow:8px 0 30px rgba(24,80,53,.06)!important}
.bb-admin .friendly-brand-v41 h1,.bb-admin .friendly-brand-v41 span,.bb-admin .friendly-admin-card-v41 b,.bb-admin .friendly-admin-card-v41 small,.bb-admin .friendly-nav-v41 p{color:#153b2b!important;opacity:1!important}
.bb-admin .friendly-admin-card-v41,.bb-admin .friendly-menu-search-v41{background:#eef8f2!important;border:1px solid #dcece3!important}
.bb-admin .friendly-menu-search-v41 input{color:#173126!important}.bb-admin .friendly-menu-search-v41 input::placeholder{color:#718078!important}
.bb-admin .friendly-nav-v41 a{color:#173126!important;opacity:1!important;font-size:.82rem!important;min-height:42px!important}
.bb-admin .friendly-nav-v41 a span{color:#087b46!important;font-weight:900!important}
.bb-admin .friendly-nav-v41 a.active,.bb-admin .friendly-nav-v41 a:hover{background:#078c4f!important;color:#fff!important}.bb-admin .friendly-nav-v41 a.active span,.bb-admin .friendly-nav-v41 a:hover span{color:#fff!important}
.bb-admin .friendly-topbar-v41 h2,.bb-admin .friendly-topbar-v41 p{color:#fff!important}.bb-admin .friendly-logout-v41{color:#b42318!important;border-color:#fecaca!important;background:#fff5f5!important}
.bb-admin .friendly-content-v41{content-visibility:auto;contain-intrinsic-size:900px}
.product-media img,.detail-hero img,.cart-item img,.related-card img{object-fit:contain!important;object-position:center!important;background:#f6faf8!important}
.detail-hero img{width:100%!important;height:min(46vh,420px)!important;padding:8px!important}
.view-cart-after-add-v178{display:grid;place-items:center;min-height:52px;padding:0 18px;border-radius:16px;background:#fff;color:#078c4f;border:2px solid #078c4f;font-weight:950;text-decoration:none;white-space:nowrap}
.detail-bottom-bar{gap:10px!important}.detail-bottom-bar .primary-button{flex:1}.detail-bottom-bar .view-cart-after-add-v178{flex:0 0 auto}
.rider-dashboard-v178{padding-bottom:95px}.rider-top-v178 small{display:block;color:#667085;margin-top:3px}.rider-online-v178{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #cde7d7;background:linear-gradient(135deg,#effbf4,#fff);border-radius:20px}.rider-online-v178>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}.rider-online-v178 small{grid-column:2;color:#667085}.rider-online-v178 a{color:#078c4f;font-weight:900}.live-dot-v178{width:13px;height:13px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px #dcfce7}.rider-actions-v178 a{position:relative;min-height:130px;display:grid;place-items:center;align-content:center;font-size:1.05rem}.rider-count-badge-v178{position:absolute;right:15px;top:12px;min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:.78rem}.rider-assignment-section-v178{background:#f7fbf9;border-top:1px solid #e5eee9;border-bottom:1px solid #e5eee9}.rider-assignment-section-v178 .section-head p{margin:4px 0 0;color:#667085}.rider-dashboard-orders-v178{display:grid;gap:14px;margin-top:12px}.rider-live-card-v59{border:2px solid #bfe5ce!important;border-radius:22px!important;padding:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,90,53,.11)!important}.rider-dashboard-card-actions-v178{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.rider-dashboard-card-actions-v178 button,.rider-dashboard-card-actions-v178 a{min-height:54px!important}.rider-stats-section-v178{padding-top:18px!important}
.orders-page-title-v178{margin-bottom:16px}.orders-page-title-v178 h2{font-size:1.65rem;margin:0}.orders-page-title-v178 p{margin:5px 0 0;color:#667085}.bb-order-tabs-v178{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px;position:sticky;top:0;z-index:8;background:#fff;padding:8px 0}.bb-order-tabs-v178 button{border:1px solid #dce9e2;background:#fff;border-radius:14px;padding:12px 4px;font-weight:900;color:#344054}.bb-order-tabs-v178 button b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e6f6ed;color:#078c4f;margin-left:4px}.bb-order-tabs-v178 button.active{background:#078c4f;color:#fff;border-color:#078c4f}.bb-order-tabs-v178 button.active b{background:#fff;color:#078c4f}.bb-workflow-list-v178{display:grid;gap:14px}.bb-workflow-card-v178{padding:18px!important}.bb-order-address-v178{padding:10px 12px;background:#f4faf7;border-radius:12px;margin:12px 0;color:#344054;font-weight:700}.workflow-items-v32>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #edf2ef}.workflow-items-v32>div:last-child{border-bottom:0}.workflow-timeline-v32.compact{overflow-x:auto;padding:12px 2px 5px}.workflow-step-v32{min-width:74px}.workflow-order-head-v32 b{font-size:1.05rem}.workflow-total-v32 b{font-size:1.25rem;color:#078c4f}
@media(max-width:520px){.rider-actions-v178 a{min-height:112px}.rider-dashboard-card-actions-v178{grid-template-columns:1fr}.bb-order-tabs-v178 button{font-size:.72rem}.workflow-timeline-v32.compact{display:flex!important}.bb-workflow-card-v178{padding:14px!important}}

/* V17.9 approved category and cart-flow refinements */
.bb-top-cart-summary-v179{display:flex;align-items:center;gap:11px;margin:10px 16px 0;padding:11px 14px;border:1px solid #bfe4cf;border-radius:17px;background:linear-gradient(135deg,#effbf4,#fff);box-shadow:0 7px 20px rgba(7,140,79,.11);color:#103b29;text-decoration:none;position:sticky;top:6px;z-index:72}
.bb-top-cart-summary-v179[hidden]{display:none!important}.bb-top-cart-summary-v179>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.bb-top-cart-summary-v179 b{font-size:.93rem}.bb-top-cart-summary-v179 small{font-size:.72rem;color:#527063;margin-top:2px}.bb-top-cart-summary-v179 strong{margin-left:auto;color:#078c4f;font-size:.85rem;white-space:nowrap}.bb-top-cart-icon-v179{width:38px;height:38px;border-radius:13px;background:#078c4f;color:#fff;display:grid;place-items:center;font-size:1.25rem}
.bb-category-showcase{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.bb-category-showcase .bb-cat,.live-category-card-v60{min-height:116px!important;padding:9px 5px!important;border:1px solid #dfece5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 19px rgba(18,91,57,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;color:#17251f!important;text-decoration:none!important}.bb-category-showcase .bb-cat img,.live-category-card-v60 img{width:62px!important;height:62px!important;object-fit:contain!important;background:#f2faf6!important;border-radius:15px!important;padding:4px!important}.bb-category-showcase .bb-cat b,.live-category-card-v60 b{font-size:.74rem!important;line-height:1.15!important;min-height:1.8em!important;display:flex;align-items:center;justify-content:center}.live-category-large-v60 .product-media img{width:100%!important;height:180px!important;object-fit:contain!important;padding:10px!important}
@media(max-width:620px){.bb-category-showcase{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bb-top-cart-summary-v179{margin-left:12px;margin-right:12px}.bb-category-showcase .bb-cat,.live-category-card-v60{min-height:108px!important}.bb-category-showcase .bb-cat img,.live-category-card-v60 img{width:58px!important;height:58px!important}}

/* V17.10 — approved customer catalog card proportions */
.bb-home #productGrid,
.bb-customer-page #productGrid{
  align-items:start!important;
}
.bb-home #productGrid .product-card,
.bb-customer-page #productGrid .product-card{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}
.bb-home #productGrid .product-media,
.bb-customer-page #productGrid .product-media{
  aspect-ratio:4/3!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f4faf7!important;
}
.bb-home #productGrid .product-media img,
.bb-customer-page #productGrid .product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.bb-home #productGrid .product-body,
.bb-customer-page #productGrid .product-body{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:12px!important;
  min-height:128px!important;
}
.bb-home #productGrid .product-name,
.bb-customer-page #productGrid .product-name{
  min-height:0!important;
  font-size:1.08rem!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.bb-home #productGrid .product-meta,
.bb-customer-page #productGrid .product-meta{
  font-size:.75rem!important;
  line-height:1.3!important;
}
.bb-home #productGrid .price-row,
.bb-customer-page #productGrid .price-row{
  margin-top:auto!important;
}
.bb-home #productGrid .price,
.bb-customer-page #productGrid .price{
  font-size:1.06rem!important;
}

/* Home screen follows approved compact horizontal Trending section. */
.bb-home #productGrid{
  display:flex!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  padding:2px 2px 12px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
}
.bb-home #productGrid::-webkit-scrollbar{display:none!important}
.bb-home #productGrid .product-card{
  flex:0 0 clamp(176px,42vw,230px)!important;
  scroll-snap-align:start!important;
}

/* Full products page remains a clean responsive two-column catalog. */
.bb-customer-page:not(.bb-home) #productGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

@media(max-width:520px){
  .bb-home #productGrid .product-card{flex-basis:44vw!important;min-width:168px!important}
  .bb-home #productGrid .product-media{aspect-ratio:1.18/1!important}
  .bb-home #productGrid .product-body{min-height:122px!important;padding:10px!important}
  .bb-home #productGrid .product-name{font-size:1rem!important}
  .bb-customer-page:not(.bb-home) #productGrid .product-media{aspect-ratio:1.12/1!important}
}
@media(max-width:360px){
  .bb-home #productGrid .product-card{flex-basis:72vw!important}
}


/* V17.11 — approved customer home density and equal media crop */
/* Every uploaded product, category and store image uses one predictable crop box. */
.bb-customer-page .product-media,
.bb-customer-page .live-category-card-v60,
.bb-customer-page .bb-store .pic{
  overflow:hidden!important;
  background:#f4faf7!important;
}
.bb-customer-page .product-media img,
.bb-customer-page .live-category-card-v60 img,
.bb-customer-page .bb-category-showcase .bb-cat img,
.bb-customer-page .bb-store .pic img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
/* SVG category artwork remains fully visible, while uploaded raster images fill the same box. */
.bb-customer-page .bb-category-showcase .bb-cat img[src$=".svg"],
.bb-customer-page .live-category-card-v60 img[src$=".svg"]{
  object-fit:contain!important;
  padding:5px!important;
}

/* Approved home screenshot: four compact cards in each Featured/Trending row. */
.bb-home .bb-store-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  padding:0!important;
}
.bb-home .bb-store{
  min-width:0!important;
  width:auto!important;
  display:block!important;
  border:1px solid #e2ebe6!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(17,91,57,.08)!important;
  color:#101828!important;
}
.bb-home .bb-store .pic{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.12/1!important;
  border-radius:0!important;
}
.bb-home .bb-store .info{
  padding:7px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.bb-home .bb-store .info b{
  font-size:.76rem!important;
  line-height:1.12!important;
  min-height:2.2em!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.bb-home .bb-store .info small,
.bb-home .bb-store .info strong{
  font-size:.61rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bb-home .bb-store .info strong{color:#078c4f!important}

.bb-home #productGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.bb-home #productGrid .product-card{
  min-width:0!important;
  width:auto!important;
  flex:none!important;
  border-radius:14px!important;
}
.bb-home #productGrid .product-media{
  aspect-ratio:1.08/1!important;
}
.bb-home #productGrid .product-body{
  padding:7px!important;
  gap:3px!important;
  min-height:105px!important;
}
.bb-home #productGrid .product-name{
  font-size:.75rem!important;
  line-height:1.12!important;
  min-height:2.2em!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.bb-home #productGrid .product-meta{
  display:none!important;
}
.bb-home #productGrid .price-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  align-items:end!important;
}
.bb-home #productGrid .price{
  font-size:.72rem!important;
  line-height:1.1!important;
}
.bb-home #productGrid .add-button{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  border-radius:8px!important;
  font-size:0!important;
}
.bb-home #productGrid .add-button::after{
  content:'＋ Add'!important;
  font-size:.66rem!important;
  font-weight:900!important;
}
.bb-home #productGrid .discount{
  font-size:.55rem!important;
  padding:4px 6px!important;
}
.bb-home #productGrid .heart{
  width:26px!important;
  height:26px!important;
  font-size:.85rem!important;
}

/* Category cards keep equal image size and crop across all user uploads. */
.bb-home .bb-category-showcase{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.bb-home .bb-category-showcase .bb-cat,
.bb-home .live-category-card-v60{
  min-height:102px!important;
  padding:6px 4px!important;
  border-radius:14px!important;
}
.bb-home .bb-category-showcase .bb-cat img,
.bb-home .live-category-card-v60 img{
  width:56px!important;
  height:56px!important;
  border-radius:12px!important;
}
.bb-home .bb-category-showcase .bb-cat b,
.bb-home .live-category-card-v60 b{
  font-size:.65rem!important;
}

@media(max-width:520px){
  .bb-home .section{padding-left:12px!important;padding-right:12px!important}
  .bb-home .bb-store-row,
  .bb-home #productGrid{gap:6px!important}
  .bb-home .bb-store .info{padding:6px 5px!important}
  .bb-home .bb-store .info b{font-size:.68rem!important}
  .bb-home .bb-store .info small,.bb-home .bb-store .info strong{font-size:.54rem!important}
  .bb-home #productGrid .product-body{padding:6px 5px!important;min-height:96px!important}
  .bb-home #productGrid .product-name{font-size:.68rem!important}
  .bb-home #productGrid .price{font-size:.67rem!important}
  .bb-home #productGrid .add-button{height:27px!important}
  .bb-home #productGrid .add-button::after{font-size:.61rem!important}
  .bb-home .bb-category-showcase{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
  .bb-home .bb-category-showcase .bb-cat,.bb-home .live-category-card-v60{min-height:92px!important}
  .bb-home .bb-category-showcase .bb-cat img,.bb-home .live-category-card-v60 img{width:48px!important;height:48px!important}
}
@media(max-width:360px){
  .bb-home .bb-store-row,
  .bb-home #productGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .bb-home .bb-store .info b,.bb-home #productGrid .product-name{font-size:.61rem!important}
}


/* V17.12 — approved readable customer home, Hot Deals and customer ad placements */
.bb-home .section-head h2{font-size:1.22rem!important;line-height:1.15!important}
.bb-home .section-head a{font-size:.84rem!important;font-weight:900!important}
.bb-home .bb-category-showcase .bb-cat,
.bb-home .live-category-card-v60{min-height:118px!important;padding:8px 5px!important}
.bb-home .bb-category-showcase .bb-cat img,
.bb-home .live-category-card-v60 img{width:68px!important;height:68px!important;border-radius:15px!important}
.bb-home .bb-category-showcase .bb-cat b,
.bb-home .live-category-card-v60 b,
.bb-home .bb-category-showcase .bb-cat{font-size:.82rem!important;line-height:1.15!important;font-weight:900!important}

.bb-hot-deals-grid-v1712,
.bb-home #productGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.bb-section-note-v1712{margin:-2px 0 10px;color:#66756d;font-size:.76rem}
.bb-hot-deals-grid-v1712 .product-card,
.bb-home #productGrid .product-card{min-width:0!important;border-radius:15px!important;overflow:hidden!important}
.bb-hot-deals-grid-v1712 .product-media,
.bb-home #productGrid .product-media{aspect-ratio:1.08/1!important;min-height:0!important}
.bb-hot-deals-grid-v1712 .product-body,
.bb-home #productGrid .product-body{padding:9px 8px!important;gap:5px!important;min-height:132px!important}
.bb-hot-deals-grid-v1712 .product-name,
.bb-home #productGrid .product-name{font-size:.91rem!important;line-height:1.16!important;font-weight:950!important;min-height:2.3em!important}
.bb-hot-deals-grid-v1712 .product-meta,
.bb-home #productGrid .product-meta{display:block!important;font-size:.69rem!important;line-height:1.2!important;color:#65736c!important;min-height:1.25em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bb-hot-deals-grid-v1712 .price,
.bb-home #productGrid .price{font-size:.94rem!important;line-height:1.1!important;font-weight:950!important;color:#087f47!important}
.bb-hot-deals-grid-v1712 .add-button,
.bb-home #productGrid .add-button{height:34px!important;border-radius:9px!important}
.bb-hot-deals-grid-v1712 .add-button::after,
.bb-home #productGrid .add-button::after{font-size:.76rem!important}
.bb-hot-deals-grid-v1712 .discount,
.bb-home #productGrid .discount{font-size:.63rem!important;padding:5px 7px!important}
.bb-hot-deals-grid-v1712 .heart,
.bb-home #productGrid .heart{width:29px!important;height:29px!important;font-size:.95rem!important}

.bb-home-offers-v1712{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px;margin:10px 0 4px}
.bb-home-offers-v1712 .live-ad-slot-v72{padding:0!important;margin:0!important;min-width:0!important;max-width:none!important}
.bb-home-offers-v1712 .live-ad-card-v72{height:150px!important;border-radius:20px!important}
.bb-home-offers-v1712 .live-ad-card-v72 img,
.bb-home-offers-v1712 .live-ad-card-v72 video{height:150px!important;max-height:none!important;object-fit:cover!important}
.bb-home-middle-ad-v1712{padding:0 18px!important;margin:12px 0!important}
.bb-home-middle-ad-v1712 .live-ad-card-v72{border-radius:22px!important}
.bb-home-middle-ad-v1712 .live-ad-card-v72 img,
.bb-home-middle-ad-v1712 .live-ad-card-v72 video{height:190px!important;max-height:190px!important;object-fit:cover!important}

@media(max-width:520px){
  .bb-home .section-head h2{font-size:1.12rem!important}
  .bb-home .bb-category-showcase .bb-cat,.bb-home .live-category-card-v60{min-height:108px!important}
  .bb-home .bb-category-showcase .bb-cat img,.bb-home .live-category-card-v60 img{width:60px!important;height:60px!important}
  .bb-home .bb-category-showcase .bb-cat b,.bb-home .live-category-card-v60 b,.bb-home .bb-category-showcase .bb-cat{font-size:.75rem!important}
  .bb-hot-deals-grid-v1712,.bb-home #productGrid{gap:7px!important}
  .bb-hot-deals-grid-v1712 .product-body,.bb-home #productGrid .product-body{padding:7px 6px!important;min-height:124px!important}
  .bb-hot-deals-grid-v1712 .product-name,.bb-home #productGrid .product-name{font-size:.82rem!important}
  .bb-hot-deals-grid-v1712 .product-meta,.bb-home #productGrid .product-meta{font-size:.62rem!important}
  .bb-hot-deals-grid-v1712 .price,.bb-home #productGrid .price{font-size:.86rem!important}
  .bb-hot-deals-grid-v1712 .add-button,.bb-home #productGrid .add-button{height:32px!important}
  .bb-home-offers-v1712{padding:0 12px;gap:7px}
  .bb-home-offers-v1712 .live-ad-card-v72,.bb-home-offers-v1712 .live-ad-card-v72 img,.bb-home-offers-v1712 .live-ad-card-v72 video{height:126px!important}
  .bb-home-middle-ad-v1712{padding:0 12px!important}
  .bb-home-middle-ad-v1712 .live-ad-card-v72 img,.bb-home-middle-ad-v1712 .live-ad-card-v72 video{height:160px!important;max-height:160px!important}
}
@media(max-width:360px){
 .bb-hot-deals-grid-v1712 .product-name,.bb-home #productGrid .product-name{font-size:.75rem!important}
 .bb-hot-deals-grid-v1712 .product-meta,.bb-home #productGrid .product-meta{font-size:.57rem!important}
 .bb-hot-deals-grid-v1712 .price,.bb-home #productGrid .price{font-size:.79rem!important}
}


/* Bear Box V17.13 final presentation + install refinements */
:root{--bb-font:Montserrat,Inter,"Segoe UI",Roboto,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--bb-font)!important}

/* Full-width mobile navigation within every role shell */
body:not(.bb-admin) .bottom-nav{
  left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;
  min-height:84px!important;padding:8px max(10px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;align-items:center!important;
}
body:not(.bb-admin) .bottom-nav a{font-size:.78rem!important;font-weight:850!important;min-height:66px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important}
body:not(.bb-admin) .bottom-nav .nav-icon{font-size:1.6rem!important}
.bb-rider .bottom-nav a{font-size:.84rem!important}.bb-rider .bottom-nav .nav-icon{font-size:1.72rem!important}

/* Customer header cart is intentionally prominent */
.bb-premium-header .nav-with-badge{width:52px!important;height:52px!important;font-size:1.65rem!important;border-radius:18px!important}
.bb-premium-header .cart-badge{font-size:.72rem!important;min-width:21px!important;height:21px!important;line-height:21px!important}

/* Graceful readable rider typography */
.bb-rider{font-family:var(--bb-font)!important}.bb-rider h1{font-size:1.65rem!important;line-height:1.15!important}.bb-rider h2{font-size:1.48rem!important}.bb-rider p,.bb-rider small{font-size:.93rem!important;line-height:1.45!important}.bb-rider .bb-simple-actions a{font-size:1.05rem!important}.bb-rider .rider-mobile-stats-v61 small{font-size:.88rem!important}.bb-rider .rider-mobile-stats-v61 strong{font-size:1.3rem!important}

/* Clear, professional Admin typography without changing features */
.bb-admin,.bb-admin button,.bb-admin input,.bb-admin select{font-family:var(--bb-font)!important}
.bb-admin .friendly-topbar-v41 h2{font-size:1.55rem!important;font-weight:900!important}.bb-admin .friendly-topbar-v41 p{font-size:.92rem!important;opacity:.96!important}
.bb-admin .friendly-nav-v41 a{font-size:.91rem!important;min-height:45px!important;letter-spacing:-.01em!important}
.bb-admin .friendly-nav-v41 p{font-size:.72rem!important;letter-spacing:.08em!important}.bb-admin .friendly-quick-actions-v41 b{font-size:.98rem!important}.bb-admin .friendly-quick-actions-v41 small{font-size:.8rem!important}.bb-admin .friendly-kpis-v41 small{font-size:.82rem!important}.bb-admin .friendly-kpis-v41 strong{font-size:1.42rem!important}.bb-admin .friendly-panel-v41 h3{font-size:1.06rem!important}.bb-admin .friendly-panel-v41 p{font-size:.84rem!important}

/* Universal PWA install invitation */
.bb-install-banner-v1713{position:fixed;left:50%;transform:translateX(-50%);bottom:96px;width:min(calc(100% - 24px),700px);z-index:220;background:#fff;border:1px solid #d9e9df;border-radius:20px;box-shadow:0 18px 48px rgba(6,75,42,.2);padding:12px;display:flex;align-items:center;gap:12px}
.bb-install-banner-v1713 img{width:48px;height:48px;border-radius:14px;object-fit:cover}.bb-install-banner-v1713 div{flex:1;min-width:0}.bb-install-banner-v1713 strong{display:block;font-size:.98rem}.bb-install-banner-v1713 small{display:block;color:#667085;font-size:.78rem;margin-top:2px}.bb-install-banner-v1713 button{border:0;border-radius:13px;padding:11px 15px;background:#078c4f;color:#fff;font-weight:900;white-space:nowrap}.bb-install-banner-v1713 .bb-install-close-v1713{background:#eef5f1;color:#385548;padding:9px 11px}
@media(display-mode:standalone){.bb-install-banner-v1713{display:none!important}}
@media(max-width:520px){.bb-install-banner-v1713{bottom:92px}.bb-install-banner-v1713 small{display:none}.bb-admin .friendly-nav-v41 a{font-size:.94rem!important}}

/* Install landing */
.bb-install-landing{min-height:100dvh;background:linear-gradient(160deg,#effbf4,#fff);display:grid;place-items:center;padding:24px}.bb-install-card{width:min(100%,720px);background:#fff;border:1px solid #dcebe2;border-radius:30px;box-shadow:0 28px 70px rgba(10,90,50,.14);padding:28px}.bb-install-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.bb-install-brand img{width:78px;height:78px;border-radius:50%;object-fit:cover}.bb-install-brand h1{font-size:2rem;margin:0}.bb-install-brand p{margin:4px 0;color:#078c4f;font-weight:800}.bb-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bb-role-grid a{padding:18px 12px;border:1px solid #dcebe2;border-radius:18px;text-align:center;color:#16392a;font-weight:900;background:#fbfefc}.bb-role-grid a span{display:block;font-size:2rem;margin-bottom:8px}.bb-install-main{width:100%;margin:18px 0 8px;min-height:56px;border:0;border-radius:17px;background:linear-gradient(135deg,#00a65a,#087b46);color:#fff;font-size:1.05rem;font-weight:950}.bb-qr-panel{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px;background:#f4fbf7;border-radius:20px}.bb-qr-panel img{width:130px;height:130px;background:#fff;padding:6px;border-radius:14px}.bb-qr-panel strong{font-size:1.08rem}.bb-qr-panel p{color:#5d6e65;line-height:1.45}@media(max-width:600px){.bb-role-grid{grid-template-columns:1fr}.bb-install-card{padding:20px}.bb-qr-panel{align-items:flex-start}.bb-qr-panel img{width:105px;height:105px}}

/* V17.14 customer-only install landing + separate team portal */
.bb-customer-install-card{max-width:560px}.bb-customer-install-copy h2{font-size:clamp(1.65rem,7vw,2.35rem);line-height:1.08;margin:16px 0 10px}.bb-customer-install-copy p{font-size:1rem;line-height:1.55;color:#53665d}.bb-customer-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e4f7ec;color:#067a43;font-weight:950;font-size:.78rem;letter-spacing:.08em}.bb-open-customer{display:flex;align-items:center;justify-content:center;min-height:54px;border:2px solid #078c4f;border-radius:17px;color:#078c4f;font-weight:950;margin-top:10px}.bb-install-help{margin-top:18px;padding:13px 14px;border-radius:15px;background:#f4f8f5;color:#52625a;font-size:.86rem;line-height:1.5}.bb-team-role-grid{display:grid;gap:12px;margin-top:20px}.bb-team-role-grid a{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid #dcebe2;border-radius:19px;color:#173b2b;background:#fbfefc;box-shadow:0 8px 24px rgba(7,82,46,.06)}.bb-team-role-grid a>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eaf8f0;font-size:1.7rem}.bb-team-role-grid b{display:block;font-size:1.02rem}.bb-team-role-grid small{display:block;color:#687870;margin-top:3px}.bb-team-role-grid em{font-style:normal;color:#078c4f;font-weight:900}.bb-team-install-card{max-width:620px}@media(max-width:600px){.bb-install-landing{padding:12px;align-items:start}.bb-install-card{border-radius:24px;padding:18px;margin-top:max(12px,env(safe-area-inset-top));width:100%}.bb-install-brand{margin-bottom:16px}.bb-install-brand img{width:64px;height:64px}.bb-install-brand h1{font-size:1.65rem}.bb-customer-qr-panel{display:grid;grid-template-columns:96px 1fr;padding:13px;gap:13px}.bb-customer-qr-panel img{width:96px;height:96px}.bb-customer-qr-panel p{font-size:.8rem;margin:5px 0 0}.bb-install-main{font-size:1rem;min-height:58px}.bb-team-role-grid a{grid-template-columns:50px 1fr auto;padding:14px}.bb-team-role-grid a>span{width:50px;height:50px}}

/* Bear Box V17.15 — bottom navigation constrained to app frame on desktop,
   full-width only inside the actual phone viewport. */
@media (min-width: 761px){
  body:not(.bb-admin) .bottom-nav{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(100%,760px)!important;
    max-width:760px!important;
  }
}
@media (max-width: 760px){
  body:not(.bb-admin) .bottom-nav{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Bear Box V17.17 — Rider navigation frame + Admin readability polish */
/* Keep the Rider bottom navigation exactly aligned with the Rider app frame on desktop. */
@media (min-width: 621px){
  body.bb-rider .bottom-nav{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(100vw,620px)!important;
    max-width:620px!important;
  }
}
@media (max-width: 620px){
  body.bb-rider .bottom-nav{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Admin: larger, clearer type without changing any feature or workflow. */
.bb-admin,
.friendly-admin-body-v41{
  font-family:Inter,Montserrat,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.45!important;
}
@media (min-width: 901px){
  .bb-admin .friendly-admin-shell-v41,
  .friendly-admin-body-v41 .friendly-admin-shell-v41{
    grid-template-columns:270px minmax(0,1fr)!important;
  }
}
.bb-admin .friendly-sidebar-v41,
.friendly-admin-body-v41 .friendly-sidebar-v41{width:auto!important}
.bb-admin .friendly-brand-v41 h1,
.friendly-admin-body-v41 .friendly-brand-v41 h1{font-size:1.32rem!important;line-height:1.15!important}
.bb-admin .friendly-brand-v41 span,
.friendly-admin-body-v41 .friendly-brand-v41 span{font-size:.82rem!important}
.bb-admin .friendly-admin-card-v41 b,
.friendly-admin-body-v41 .friendly-admin-card-v41 b{font-size:1rem!important}
.bb-admin .friendly-admin-card-v41 small,
.friendly-admin-body-v41 .friendly-admin-card-v41 small{font-size:.78rem!important}
.bb-admin .friendly-menu-search-v41 input,
.friendly-admin-body-v41 .friendly-menu-search-v41 input{font-size:.95rem!important}
.bb-admin .friendly-nav-v41 p,
.friendly-admin-body-v41 .friendly-nav-v41 p{font-size:.78rem!important;font-weight:900!important;letter-spacing:.1em!important;margin-top:16px!important}
.bb-admin .friendly-nav-v41 a,
.friendly-admin-body-v41 .friendly-nav-v41 a{
  font-size:1.02rem!important;
  min-height:49px!important;
  padding:11px 13px!important;
  gap:11px!important;
}
.bb-admin .friendly-nav-v41 a span,
.friendly-admin-body-v41 .friendly-nav-v41 a span{font-size:1.12rem!important;min-width:22px!important}
.bb-admin .friendly-topbar-v41 h2,
.friendly-admin-body-v41 .friendly-topbar-v41 h2{font-size:1.76rem!important;line-height:1.15!important}
.bb-admin .friendly-topbar-v41 p,
.friendly-admin-body-v41 .friendly-topbar-v41 p{font-size:1rem!important;line-height:1.35!important}
.bb-admin .friendly-quick-actions-v41 b,
.friendly-admin-body-v41 .friendly-quick-actions-v41 b{font-size:1.08rem!important;line-height:1.25!important}
.bb-admin .friendly-quick-actions-v41 small,
.friendly-admin-body-v41 .friendly-quick-actions-v41 small{font-size:.9rem!important;line-height:1.35!important}
.bb-admin .friendly-kpis-v41 small,
.friendly-admin-body-v41 .friendly-kpis-v41 small{font-size:.92rem!important}
.bb-admin .friendly-kpis-v41 strong,
.friendly-admin-body-v41 .friendly-kpis-v41 strong{font-size:1.62rem!important}
.bb-admin .friendly-kpis-v41 a,
.friendly-admin-body-v41 .friendly-kpis-v41 a{font-size:.82rem!important;font-weight:800!important}
.bb-admin .friendly-panel-v41 h3,
.friendly-admin-body-v41 .friendly-panel-v41 h3{font-size:1.18rem!important;line-height:1.25!important}
.bb-admin .friendly-panel-v41 p,
.friendly-admin-body-v41 .friendly-panel-v41 p{font-size:.95rem!important;line-height:1.45!important}
.bb-admin .data-table,
.friendly-admin-body-v41 .data-table{font-size:.95rem!important}
.bb-admin button,.bb-admin input,.bb-admin select,.bb-admin textarea,
.friendly-admin-body-v41 button,.friendly-admin-body-v41 input,.friendly-admin-body-v41 select,.friendly-admin-body-v41 textarea{font-size:.98rem!important}
@media (max-width:900px){
  .bb-admin .friendly-nav-v41 a,
  .friendly-admin-body-v41 .friendly-nav-v41 a{font-size:1rem!important}
  .bb-admin .friendly-topbar-v41 h2,
  .friendly-admin-body-v41 .friendly-topbar-v41 h2{font-size:1.45rem!important}
}