/* InstallerLab Analytics — independent desktop workspace scroll */

/* Once live data is connected, the large connection banner is redundant because
   the application/backend state is already shown in the top Analytics header. */
body[data-page="analytics"] .iax-app.live-connected .iax-connect-banner{
  display:none !important;
}

@media (min-width:821px){
  body[data-page="analytics"]{overflow:hidden}

  body[data-page="analytics"] .iax-app{
    height:calc(100dvh - 88px);
    min-height:0;
    padding-bottom:18px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  body[data-page="analytics"] .iax-appbar{
    flex:0 0 auto;
  }

  body[data-page="analytics"] .iax-shell{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
  }

  body[data-page="analytics"] .iax-sidebar{
    position:relative;
    top:auto;
    align-self:stretch;
    max-height:none;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  body[data-page="analytics"] .iax-workspace{
    height:100%;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-right:7px;
  }

  body[data-page="analytics"] .iax-filterbar{
    position:sticky;
    top:0;
    z-index:25;
    box-shadow:0 14px 28px rgba(0,7,18,.22);
  }

  body[data-page="analytics"] .iax-workspace::-webkit-scrollbar,
  body[data-page="analytics"] .iax-sidebar::-webkit-scrollbar{
    width:10px;
  }

  body[data-page="analytics"] .iax-workspace::-webkit-scrollbar-track,
  body[data-page="analytics"] .iax-sidebar::-webkit-scrollbar-track{
    background:rgba(5,20,35,.55);
    border-radius:999px;
  }

  body[data-page="analytics"] .iax-workspace::-webkit-scrollbar-thumb,
  body[data-page="analytics"] .iax-sidebar::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#2f79bc,#225784);
    border:2px solid rgba(5,20,35,.55);
    border-radius:999px;
  }

  body[data-page="analytics"] .iax-workspace::-webkit-scrollbar-thumb:hover,
  body[data-page="analytics"] .iax-sidebar::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#3e98de,#2b6d9f);
  }

  body[data-page="analytics"] .iax-workspace,
  body[data-page="analytics"] .iax-sidebar{
    scrollbar-width:thin;
    scrollbar-color:#2f79bc rgba(5,20,35,.55);
  }
}

@media (max-width:820px){
  body[data-page="analytics"]{overflow:auto}
  body[data-page="analytics"] .iax-app{height:auto;overflow:visible}
  body[data-page="analytics"] .iax-shell{overflow:visible}
  body[data-page="analytics"] .iax-workspace{height:auto;overflow:visible;padding-right:0}
  body[data-page="analytics"] .iax-sidebar{overflow:visible}
  body[data-page="analytics"] .iax-filterbar{position:static}
}