/* SkySuite Stage 89.6 — fast mouse-wheel desktop scrolling, no visible scroll rails.
   The page and side navigation remain fully scrollable; only the visual scrollbars
   are hidden. A lightweight JS helper accelerates discrete mouse-wheel notches,
   while trackpads and touch gestures keep their native behavior. */

.sky-global-brand-mark{
  overflow:hidden;
  padding:0!important;
}
.sky-global-brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

@media (min-width:981px) and (hover:hover) and (pointer:fine){
  /* Never animate scroll position. */
  html,
  body,
  .main-content,
  .page-content,
  .navigation,
  .sf-sidebar,
  .sp-sidebar,
  .fp-side,
  .learn-main,
  .sc-main{
    scroll-behavior:auto!important;
  }

  /* Keep scrolling, but remove the permanent bars from both the main page and
     the side navigation. Mouse-wheel scrolling still works normally. */
  html,
  body,
  .main-content,
  .page-content,
  .navigation,
  .sf-sidebar,
  .sp-sidebar,
  .fp-side,
  .learn-main,
  .sc-main{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .main-content::-webkit-scrollbar,
  .page-content::-webkit-scrollbar,
  .navigation::-webkit-scrollbar,
  .sf-sidebar::-webkit-scrollbar,
  .sp-sidebar::-webkit-scrollbar,
  .fp-side::-webkit-scrollbar,
  .learn-main::-webkit-scrollbar,
  .sc-main::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }

  /* Do not trap wheel momentum inside the sidebar. When the sidebar reaches
     its end, normal scroll chaining can continue to the page. */
  .navigation,
  .sf-sidebar,
  .sp-sidebar,
  .fp-side{
    overscroll-behavior-y:auto!important;
  }

  /* Sticky glass can force a full-width blur repaint every frame. */
  .sky-global-topbar,
  .sp-topbar,
  .sf-topbar,
  .fp-top,
  .sc-topbar,
  .learn-nav{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(255,255,255,.985)!important;
  }

  .hz-context span,
  .hz-context a,
  .sc-hero-safety{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .hz-reel,
  .hz-slide,
  .hz-reel-card{
    will-change:auto!important;
  }

  .horizon > .hz-section,
  .horizon > .hz-bottom{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
  }

  /* Installed desktop app: keep the media, but stop continuous decorative
     movement so wheel scrolling does not compete with an always-running reel. */
  html.sky896-installed-desktop .hz-reel{
    animation-play-state:paused!important;
  }

  .sky-global-brand-mark{
    background:transparent!important;
    box-shadow:0 3px 10px rgba(0,0,0,.16);
  }
}

@media (prefers-reduced-motion:reduce){
  .hz-reel{animation-play-state:paused!important}
}

/* Stage 89.6 — desktop topbar visibility.
   Stage 89.3 intentionally changed the expensive glass topbar to an opaque
   white surface for smoother scrolling. The original Work Portal topbar text
   and controls were still white, which made the profile and Sign out control
   appear to disappear. Keep the fast opaque surface and explicitly restyle the
   Work Portal toolbar for the light background. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  .sky-global-topbar{
    overflow:visible!important;
    border-bottom:1px solid #EAE1E4!important;
    color:#201519!important;
    box-shadow:0 2px 12px rgba(62,20,34,.08)!important;
  }
  .sky-global-topbar-left{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .sky-global-topbar-right{
    flex:0 0 auto!important;
    margin-left:auto!important;
    overflow:visible!important;
  }
  .sky-global-topbar .sidebar-collapse{
    color:#56313D!important;
  }
  .sky-global-brand-name{
    color:#201519!important;
  }
  .sky-global-brand-tagline{
    color:#817378!important;
  }
  .sky-global-topbar-user{
    flex:0 0 auto!important;
    padding:4px 8px 4px 5px!important;
    border:1px solid #EAE1E4!important;
    border-radius:999px!important;
    background:#FAF7F8!important;
  }
  .sky-global-topbar-avatar{
    background:#F8EAEF!important;
    color:#5E1633!important;
  }
  .sky-global-topbar-name{
    max-width:190px!important;
    color:#37262C!important;
  }
  .sky-global-topbar-icon{
    color:#56313D!important;
  }
  .sky-global-topbar-icon:hover{
    background:#F8EAEF!important;
    color:#5E1633!important;
  }
  .sky-global-topbar-right > a[aria-label="Sign Out"]{
    width:auto!important;
    min-width:28px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid #EAE1E4!important;
    background:#FAF7F8!important;
    color:#56313D!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .sky-global-topbar-right > a[aria-label="Sign Out"]::after{
    content:"Sign out";
    font-size:10px;
    font-weight:800;
  }
}