/* BOOTIES v9.11.2 · system-wide responsive layer */
html,body{max-width:100%;overflow-x:hidden}
.ba-main,.ba-content,#content{min-width:0}
.ba-topbar{min-width:0}
.ba-topbar-title{flex:0 1 auto;min-width:150px}
.ba-top-actions{min-width:0;flex:0 0 auto}
.v992-global-search{min-width:160px}
img,video,canvas,svg{max-width:100%}
#content table{max-width:100%}

@media(max-width:1440px){
 .ba-app{grid-template-columns:240px minmax(0,1fr)}
 .ba-sidebar{padding-left:11px;padding-right:11px}
 .ba-topbar{padding-left:20px;padding-right:20px}
 .v992-global-search{margin-left:20px;margin-right:12px;max-width:470px}
 .ba-top-actions{gap:9px}
 .ba-user{padding-left:10px;gap:8px}
 .v946-user-links{display:none}
 .ba-content{padding-left:24px;padding-right:24px}
}

@media(max-width:1260px){
 .ba-topbar-title span{display:none}
 .ba-topbar-title{min-width:120px}
 .ba-topbar-title strong{font-size:14px!important;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
 .v992-global-search{margin-left:14px;margin-right:10px;max-width:none}
 .ba-user .ba-role-label{display:none}
 .ba-user>div{display:block}
 .ba-content{padding:24px 18px 44px}
 .ba-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ba-three-col,.ba-executive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ba-three-col>.ba-panel:last-child,.ba-executive-grid>.ba-panel:last-child{grid-column:1/-1}
}

@media(max-width:1100px){
 .ba-topbar{padding-left:14px;padding-right:14px}
 .ba-top-actions{gap:7px}
 .ba-user{padding-left:7px;border-left:0}
 .ba-user>div{display:none}
 .ba-avatar{width:34px;height:34px}
 .v9111-live-status{min-width:60px;padding:0 8px}
 .ba-content{padding:20px 16px 40px}
 .ba-summary-strip,.ba-summary-grid,.ba-action-grid,.ba-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v9108-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v9110-revenue-cards{grid-template-columns:1fr!important}
}

@media(max-width:980px){
 .ba-app{grid-template-columns:1fr}
 .ba-sidebar{position:fixed;left:-310px;width:min(300px,86vw);height:100dvh;transition:left .2s ease;box-shadow:12px 0 35px rgba(3,20,35,.18)}
 .ba-sidebar.is-open{left:0}
 .ba-menu-toggle{display:grid;place-items:center;flex:0 0 40px}
 .ba-topbar-title{min-width:110px}
 .v992-global-search{margin-left:10px;margin-right:8px}
 .ba-overlay{display:block;position:fixed;inset:0;background:rgba(5,14,24,.42);opacity:0;visibility:hidden;z-index:35;transition:.2s}.ba-overlay.is-open{opacity:1;visibility:visible}
 .ba-two-col,.ba-three-col,.ba-overview-primary,.ba-analytics-top,.v9108-pnl-grid,.v9108-control-grid{grid-template-columns:1fr!important}
 .ba-three-col>.ba-panel:last-child,.ba-executive-grid>.ba-panel:last-child{grid-column:auto}
}

@media(max-width:760px){
 .ba-topbar{height:64px;padding:0 10px;gap:0}
 .ba-topbar-title{display:none}
 .v992-global-search{margin:0 7px 0 0;min-width:0;flex:1}
 .v992-global-search-box{height:40px}
 .ba-top-actions{gap:5px;margin-left:0}
 .v9111-live-status{height:38px;min-width:58px;padding:0 7px;font-size:9px;letter-spacing:.05em}
 .v992-finance-privacy,.v979-notification-toggle{width:38px!important;height:38px!important;padding:0!important}
 .ba-user{display:none}
 .ba-content{padding:14px 10px 30px}
 .ba-panel{padding:14px;border-radius:11px}
 .ba-stats-grid,.ba-summary-strip,.ba-summary-grid,.ba-role-grid,.ba-action-grid,.ba-connections-grid,.ba-executive-grid,.ba-owner-op-grid,.ba-owner-focus-grid,.ba-owner-mini-grid,.ba-finance-account-grid,.ba-finance-control-grid,.ba-finance-hero-grid,.ba-supplier-detail-grid,.ba-supplier-stat-grid,.ba-stock-card-grid,.ba-stock-size-grid,.ba-employee-grid,.v9108-position-grid,.v9102-payment-grid,.v9103-payment-grid,.v940-rhq-fin-grid,.v941-staff-grid,.v941-uniform-grid,.v942-overview-grid,.v951-pnl-mini-grid,.v954-breakdown-grid,.v961-pos-grid,.v961-summary-grid,.v972-contract-grid,.v998-role-grid{grid-template-columns:1fr!important}
 .ba-platform-row,.ba-detail-grid,.ba-kpi-pair{grid-template-columns:1fr 1fr}
 .ba-page-head{margin-bottom:14px}.ba-page-head h1{font-size:23px}.ba-page-head p{font-size:12px}
 .ba-panel-head{gap:10px;flex-wrap:wrap}.ba-panel-head h2{font-size:16px}
 .ba-form-grid,.v91-core-grid,.v943-form .ba-form-grid,.v947-manual-grid,.v990-form{grid-template-columns:1fr!important}
 .v943-wide,.v947-span-2,.v990-form .wide{grid-column:auto!important}
 #content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
 .v9-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;border-radius:12px}
 .v9-review{grid-template-columns:1fr;padding:8px;overflow:auto}.v9-preview{min-height:34vh}.v9-review-side{overflow:visible}
 .v943-staff-dialog,.v947-manual-modal,.v955-receipt-modal,.v956-bar-match-dialog,.v990-profile-modal,.v990-edit-modal,.v997-pin-modal,.ba-stock-modal-dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important}
 .v9110-revenue-row{grid-template-columns:1fr 1fr!important}
}

@media(max-width:520px){
 .ba-menu-toggle{width:38px;height:38px;margin-right:6px;flex-basis:38px}
 .v992-global-search{margin-right:5px}
 .v992-global-search-box{padding:0 8px}.v992-global-search-box>svg{width:16px;height:16px}.v992-global-search-box input{font-size:12px}
 .ba-top-actions{gap:4px}
 .v9111-live-status{min-width:52px;padding:0 6px}.v9111-live-status i{width:6px;height:6px}.v9111-live-status b{font-size:9px}
 .v992-finance-privacy,.v979-notification-toggle{width:36px!important;height:36px!important}
 .ba-content{padding:10px 8px 24px}
 .ba-panel{padding:12px}
 .ba-stats-grid,.ba-platform-row,.ba-detail-grid,.ba-kpi-pair{grid-template-columns:1fr!important}
 .ba-stat{padding:14px}.ba-stat-value{font-size:22px}
 .v9110-card-head{flex-direction:column}.v9110-card-head strong{font-size:22px}
 .v9110-pay-split.three,.v9110-pay-split.two{grid-template-columns:1fr!important}
 .v9110-section-head{flex-direction:column}.v9110-revenue-row{grid-template-columns:1fr!important}.v9110-revenue-row>strong{grid-column:auto!important}.v9110-revenue-row>span,.v9110-revenue-row>strong{text-align:left!important}
 .v9108-pnl-ratios{grid-template-columns:1fr!important}.v9108-pnl-ratios span{border-right:0!important;border-bottom:1px solid #e7edf2}.v9108-pnl-ratios span:last-child{border-bottom:0}
}

/* v9.11.3 · fixed desktop sidebar / independently scrolling workspace */
@media(min-width:981px){
  .ba-app{
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
  }
  .ba-sidebar{
    position:relative!important;
    top:auto!important;
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    align-self:stretch;
  }
  .ba-sidebar .ba-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
  }
  .ba-sidebar-foot{
    flex:0 0 auto;
  }
  .ba-main{
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
  }
  .ba-main>.ba-topbar{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
  }
  .ba-content{
    min-height:calc(100vh - 72px);
    min-height:calc(100dvh - 72px);
  }
}