/* v1.10.0 — desktop app shell: fixed right sidebars, content-only scrolling */
@media (min-width:981px){
  body.sales-mode,
  body.customer-mode{
    height:100vh!important;
    overflow:hidden!important;
  }

  /* SALES: header stays visible; only the main work area scrolls */
  body.sales-mode #salesDashboard.active{
    height:calc(100vh - 76px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.sales-mode .sales-shell{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  body.sales-mode .sales-side{
    position:static!important;
    top:auto!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    align-self:stretch!important;
    border-radius:0!important;
  }
  body.sales-mode .sales-main{
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }

  /* CUSTOMER: same shell as Sales — full-height right sidebar */
  body.customer-mode #customerAccess.active{
    height:calc(100vh - 76px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.customer-mode #customerAccess>.wrap{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
  }
  body.customer-mode #customerAccess>.wrap>.section.customer-workspace-section{
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.customer-mode #customerLoggedInView{
    height:100%!important;
    min-height:0!important;
  }
  body.customer-mode .customer-side-layout{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 248px!important;
    gap:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    direction:ltr!important;
  }
  body.customer-mode .customer-side-panel{
    grid-column:2!important;
    position:static!important;
    top:auto!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    align-self:stretch!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:18px 12px!important;
  }
  body.customer-mode .customer-side-main{
    grid-column:1!important;
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    padding:28px!important;
    background:var(--bg)!important;
  }
  html[dir="rtl"] body.customer-mode .customer-side-main,
  html[dir="rtl"] body.customer-mode .customer-side-panel{direction:rtl!important}
  html[dir="ltr"] body.customer-mode .customer-side-main,
  html[dir="ltr"] body.customer-mode .customer-side-panel{direction:ltr!important}

  /* Browser/page scrollbar is removed; these areas retain wheel/touch scrolling. */
  body.sales-mode .sales-main,
  body.customer-mode .customer-side-main{
    scrollbar-width:thin;
    scrollbar-color:#c6d5cd transparent;
  }
  body.sales-mode .sales-side,
  body.customer-mode .customer-side-panel{
    scrollbar-width:none;
  }
  body.sales-mode .sales-side::-webkit-scrollbar,
  body.customer-mode .customer-side-panel::-webkit-scrollbar{width:0;height:0}
  body.sales-mode .sales-main::-webkit-scrollbar,
  body.customer-mode .customer-side-main::-webkit-scrollbar{width:7px}
  body.sales-mode .sales-main::-webkit-scrollbar-thumb,
  body.customer-mode .customer-side-main::-webkit-scrollbar-thumb{background:#c6d5cd;border-radius:999px}
  body.sales-mode .sales-main::-webkit-scrollbar-track,
  body.customer-mode .customer-side-main::-webkit-scrollbar-track{background:transparent}
}