/* R14: reliable mobile/tablet navigation, independent of older desktop overrides. */
@media (max-width: 1024px) {
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 .bc-layout{display:flex!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
 .bc-layout>.bc-sidebar{display:block!important;position:sticky!important;top:0!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;z-index:1100!important;border-right:0!important;border-bottom:1px solid #dce5ee!important;background:#fff!important;overflow:visible!important}
 .bc-layout>.bc-sidebar>.bc-shell-nav{position:relative!important;top:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:visible!important;background:#fff!important}
 .bc-sidebar .bc-mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:7px 15px!important;background:#fff!important;color:#172b44!important}
 .bc-sidebar .bc-mobile-top .bc-brand{display:flex!important;align-items:center!important;gap:9px!important}
 .bc-sidebar .bc-mobile-top .bc-brand-title{color:#172b44!important}
 .bc-sidebar .bc-mobile-top .bc-brand-sub{color:#65778d!important}
 .bc-sidebar .desktop-brand{display:none!important}
 .bc-sidebar .bc-mobile-menu-btn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;background:#f0f5fa!important;border:1px solid #cddbea!important;border-radius:6px!important;color:#16496c!important;font-size:23px!important;cursor:pointer!important}
 .bc-sidebar .bc-nav-content{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;max-height:calc(100dvh - 60px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:10px 12px 20px!important;background:#fff!important;border-bottom:1px solid #dce5ee!important;box-shadow:0 16px 28px rgba(22,43,68,.16)!important;z-index:1200!important}
 .bc-sidebar .bc-nav-content.open{display:flex!important;flex-direction:column!important}
 .bc-sidebar .bc-menu{display:flex!important;flex-direction:column!important;width:100%!important}
 .bc-sidebar .bc-menu-item{min-height:42px!important;white-space:normal!important}
 .bc-layout>.bc-main{display:flex!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
 .bc-main>.bc365-commandbar{width:100%!important;min-width:0!important;padding:0 12px!important}
 .bc-main>.bc-content{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px 12px 28px!important;overflow-x:auto!important}
 .bc365-suite-subtitle,.bc365-suite-divider{display:none!important}
 .bc-content .table-wrapper,.bc-content .table-responsive{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .bc-content input,.bc-content select,.bc-content textarea{max-width:100%!important;min-width:0}
 .bc-content .sales-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .bc-content .sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width: 600px) {
 .bc-main>.bc365-commandbar{min-height:48px!important;height:auto!important;gap:8px!important}
 .bc365-commandbar-left .bc365-suite-title{font-size:13px!important}
 .bc365-commandbar-right{gap:6px!important}
 .bc365-commandbar-right .r7-company,.bc365-commandbar-right .r7-account-name{display:none!important}
 .bc-main>.bc-content{padding:10px 8px 22px!important}
 .bc-content .sales-filter-grid,.bc-content .sales-kpi-grid,.bc-content .dash-kpi-grid{grid-template-columns:1fr!important}
 .bc-dev-r139{padding:8px!important;max-width:100%!important}
 .bc-dev-r139 .sales-filter-grid{grid-template-columns:1fr!important}
 .bc-dev-r139 .device-modal{width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;resize:vertical!important}
 .bc-dev-r139 .device-modal .device-edit-grid{grid-template-columns:1fr!important}
}