/* Extracted from public/index.html#solvearcStickyTopSectionsOnlyCss. Keep load order in index.html. */
/* Keep the app navigation visible on the main page scroll, without adding a sidebar scrollbar. */
  .sidebar,
  nav.sidebar{
    position:sticky !important;
    top:0 !important;
    align-self:flex-start !important;
    min-height:100vh !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-y:visible !important;
    z-index:80 !important;
  }

  /* Financial Statements: no inner scrollbars on Income Statement, Balance Sheet, Cash Flow. */
  #pg-statements,
  #pg-statements .card,
  #pg-statements .fs-panel,
  #sp-is,
  #sp-bs,
  #sp-cf{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-y:visible !important;
  }
  #pg-statements .card[style]{overflow:visible !important;}

  /* Financial Statements sticky top section while the main page scrolls. */
  #pg-statements > .ph-row{
    position:sticky !important;
    top:0 !important;
    z-index:70 !important;
    background:var(--bg,#08111f) !important;
    padding:0 0 12px 0 !important;
    margin-bottom:0 !important;
  }
  #pg-statements .card > div:first-child{
    position:sticky !important;
    top:92px !important;
    z-index:69 !important;
    background:var(--card,#0f172a) !important;
    padding:10px 0 12px 0 !important;
    margin-bottom:12px !important;
  }

  /* Executive Dashboard sticky top section while the main page scrolls. */
  #pg-executiveDashboard #executiveDashboardRoot .executive-hero{
    position:sticky !important;
    top:0 !important;
    z-index:70 !important;
    margin-bottom:10px !important;
  }
  #pg-executiveDashboard #executiveDashboardFilters{
    position:sticky !important;
    top:112px !important;
    z-index:69 !important;
  }

  /* Prevent sticky sections from being clipped by parent containers. */
  #pg-executiveDashboard,
  #pg-executiveDashboard #executiveDashboardRoot,
  #pg-executiveDashboard .executive-dashboard-shell,
  #pg-executiveDashboard .executive-dashboard-shell > div,
  #mainContent,
  .main,
  .app-body{
    overflow:visible !important;
    overflow-y:visible !important;
  }

  @media(max-width:900px){
    #pg-statements .card > div:first-child{top:120px !important;}
    #pg-executiveDashboard #executiveDashboardFilters{top:140px !important;}
  }