/* StreamCore 2.5.9 - Navigation Rework R2
   R2 owns the flyout presentation explicitly so it does not depend on legacy menu
   selectors from the consolidated frontend bundle. */
.nav-rework-original-hidden{display:none!important}
.xui-shell .xui-nav.nav-rework,.xui-nav.nav-rework{position:relative!important;z-index:5000!important;overflow:visible!important}
.xui-shell .xui-nav.nav-rework .nav-item,.xui-nav.nav-rework .nav-item{position:relative!important;overflow:visible!important}
.xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-shell .xui-nav.nav-rework .nav-flyout,
.xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-flyout{
  box-sizing:border-box!important;display:grid!important;grid-auto-flow:row!important;align-content:start!important;
  background:#121b2d!important;border:1px solid #26364f!important;box-shadow:0 22px 44px rgba(0,0,0,.38)!important;
  min-width:245px!important;padding:8px 0!important;position:absolute!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:none!important
}
.xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-dropdown{left:0!important;top:100%!important;transform:translateY(5px)!important;z-index:5100!important}
.xui-shell .xui-nav.nav-rework .nav-flyout,.xui-nav.nav-rework .nav-flyout{left:100%!important;top:0!important;margin-left:0!important;transform:translateX(5px)!important;z-index:5200!important;min-width:270px!important}
.xui-shell .xui-nav.nav-rework .nav-flyout-level-3,.xui-nav.nav-rework .nav-flyout-level-3{min-width:270px!important;z-index:5300!important}
.xui-shell .xui-nav.nav-rework .nav-item:hover>.nav-dropdown,
.xui-shell .xui-nav.nav-rework .nav-item:focus-within>.nav-dropdown,
.xui-shell .xui-nav.nav-rework .nav-dropdown.open,
.xui-nav.nav-rework .nav-item:hover>.nav-dropdown,
.xui-nav.nav-rework .nav-item:focus-within>.nav-dropdown,
.xui-nav.nav-rework .nav-dropdown.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
}
.xui-shell .xui-nav.nav-rework .nav-subitem:hover>.nav-flyout,
.xui-shell .xui-nav.nav-rework .nav-subitem:focus-within>.nav-flyout,
.xui-shell .xui-nav.nav-rework .nav-flyout.open,
.xui-nav.nav-rework .nav-subitem:hover>.nav-flyout,
.xui-nav.nav-rework .nav-subitem:focus-within>.nav-flyout,
.xui-nav.nav-rework .nav-flyout.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important
}
.xui-shell .xui-nav.nav-rework .nav-subitem,.xui-nav.nav-rework .nav-subitem{display:block!important;position:relative!important;overflow:visible!important;min-width:0!important}
.xui-shell .xui-nav.nav-rework .nav-dropdown>a,.xui-shell .xui-nav.nav-rework .nav-flyout>a,
.xui-shell .xui-nav.nav-rework .nav-subitem>button,
.xui-nav.nav-rework .nav-dropdown>a,.xui-nav.nav-rework .nav-flyout>a,.xui-nav.nav-rework .nav-subitem>button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:11px!important;
  width:100%!important;min-height:42px!important;margin:0!important;padding:9px 14px!important;
  border:0!important;border-left:3px solid transparent!important;border-radius:0!important;background:transparent!important;
  color:#d7e4f6!important;font-size:14px!important;font-weight:600!important;line-height:1.25!important;
  text-align:left!important;text-decoration:none!important;white-space:normal!important;cursor:pointer!important
}
.xui-shell .xui-nav.nav-rework .nav-dropdown>a>i,.xui-shell .xui-nav.nav-rework .nav-flyout>a>i,
.xui-shell .xui-nav.nav-rework .nav-subitem>button>i:first-child,
.xui-nav.nav-rework .nav-dropdown>a>i,.xui-nav.nav-rework .nav-flyout>a>i,.xui-nav.nav-rework .nav-subitem>button>i:first-child{
  flex:0 0 19px!important;width:19px!important;color:#79cfff!important;text-align:center!important
}
.xui-shell .xui-nav.nav-rework .nav-dropdown>a>span,.xui-shell .xui-nav.nav-rework .nav-flyout>a>span,
.xui-shell .xui-nav.nav-rework .nav-subitem>button>span,
.xui-nav.nav-rework .nav-dropdown>a>span,.xui-nav.nav-rework .nav-flyout>a>span,.xui-nav.nav-rework .nav-subitem>button>span{
  display:block!important;flex:1 1 auto!important;min-width:0!important;color:inherit!important;opacity:1!important;visibility:visible!important
}
.xui-shell .xui-nav.nav-rework .nav-dropdown>a:hover,.xui-shell .xui-nav.nav-rework .nav-flyout>a:hover,
.xui-shell .xui-nav.nav-rework .nav-subitem:hover>button,.xui-shell .xui-nav.nav-rework .nav-subitem>button:focus,
.xui-nav.nav-rework .nav-dropdown>a:hover,.xui-nav.nav-rework .nav-flyout>a:hover,.xui-nav.nav-rework .nav-subitem:hover>button,.xui-nav.nav-rework .nav-subitem>button:focus{
  background:linear-gradient(90deg,rgba(47,130,255,.28),rgba(20,33,54,.72))!important;
  border-left-color:var(--nav-accent,#2f82ff)!important;color:#fff!important;outline:none!important
}
.xui-shell .xui-nav.nav-rework .nav-chevron-right,.xui-nav.nav-rework .nav-chevron-right{margin-left:auto!important;color:#aebbd0!important;flex:0 0 auto!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-dropdown,.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout{background:#fff!important;border-color:#d8e3ef!important;box-shadow:0 20px 40px rgba(25,40,60,.18)!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-dropdown>a,.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout>a,.xui-shell.theme-light .xui-nav.nav-rework .nav-subitem>button{color:#2f435b!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-dropdown>a>i,.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout>a>i,.xui-shell.theme-light .xui-nav.nav-rework .nav-subitem>button>i:first-child{color:#1478b5!important}
.nav-rework-placeholder-active .xui-workspace:not(.nav-rework-static-workspace){display:none!important}
.nav-rework-placeholder-host{display:block}
.navigation-placeholder-page{overflow:hidden;padding:0!important}
.navigation-placeholder-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:28px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 0 0,rgba(var(--nav-accent-rgb,47,130,255),.18),transparent 34%),rgba(10,20,36,.42)}
.navigation-placeholder-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:23px;color:var(--nav-accent,#2f82ff);background:rgba(var(--nav-accent-rgb,47,130,255),.13);border:1px solid rgba(var(--nav-accent-rgb,47,130,255),.28)}
.navigation-placeholder-kicker{display:block;color:var(--nav-accent,#60a5fa);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.navigation-placeholder-hero h2{margin:0 0 6px;font-size:24px}.navigation-placeholder-hero p{margin:0;max-width:780px;color:var(--muted);line-height:1.55}
.navigation-placeholder-badge{border:1px solid rgba(var(--nav-accent-rgb,47,130,255),.35);background:rgba(var(--nav-accent-rgb,47,130,255),.10);color:var(--nav-accent,#60a5fa);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}
.navigation-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 28px}.navigation-placeholder-grid article{display:grid;grid-template-columns:auto 1fr;column-gap:11px;row-gap:4px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(8,17,31,.34)}
.navigation-placeholder-grid article i{grid-row:1/3;color:var(--nav-accent,#60a5fa);margin-top:2px}.navigation-placeholder-grid article strong{font-size:14px}.navigation-placeholder-grid article span{color:var(--muted);font-size:12px;line-height:1.45}
.navigation-placeholder-sample{margin:0 28px 28px;border:1px dashed rgba(var(--nav-accent-rgb,47,130,255),.30);border-radius:12px;padding:14px;display:grid;gap:8px}.navigation-placeholder-sample>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.navigation-placeholder-sample>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:rgba(8,17,31,.28)}
.navigation-placeholder-sample b{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(var(--nav-accent-rgb,47,130,255),.12);color:var(--nav-accent,#60a5fa)}.navigation-placeholder-sample small{color:var(--muted)}
@media(max-width:980px){
  .xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-flyout{position:static!important;min-width:0!important;width:100%!important;margin:0!important;box-shadow:none!important;transform:none!important;display:none!important;opacity:1!important;visibility:visible!important}
  .xui-nav.nav-rework .nav-dropdown.open,.xui-nav.nav-rework .nav-flyout.open{display:grid!important;pointer-events:auto!important}
  .xui-nav.nav-rework .nav-subitem>.nav-flyout{padding-left:18px!important;border-left:0!important;border-right:0!important}
  .navigation-placeholder-hero{grid-template-columns:auto minmax(0,1fr);padding:20px}.navigation-placeholder-badge{grid-column:1/-1;justify-self:start}.navigation-placeholder-grid{grid-template-columns:1fr;padding:18px 20px}.navigation-placeholder-sample{margin:0 20px 20px}
}
@media(max-width:560px){.navigation-placeholder-hero{grid-template-columns:1fr}.navigation-placeholder-icon{width:48px;height:48px}.navigation-placeholder-sample>div{grid-template-columns:30px 1fr}.navigation-placeholder-sample small{grid-column:2}}
@media(min-width:981px){
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left,.xui-nav.nav-rework .nav-flyout.open-left{left:auto!important;right:100%!important;margin-left:0!important;transform:translateX(0)!important}
}

/* R3 auth lifecycle anti-flash: legacy nav never becomes visible while the SPA remounts after logout/login. */
html:not(.sc-nav-rework-ready) .xui-shell #xui-main-nav,
html:not(.sc-nav-rework-ready) .xui-shell #xui-main-nav-vue-original{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html.sc-nav-rework-ready .xui-shell #xui-main-nav-vue-original{display:none!important}

/* Navigation R3 - Simple Cascade R3
   Desktop only. Small 6px separation between flyout columns with an invisible
   hover corridor. No decorative bridge/pseudo-shape is drawn, so item boxes,
   borders and cascade alignment remain exactly on the stable Navigation R3 baseline. */
@media (min-width:981px){
  .xui-shell .xui-nav.nav-rework .nav-flyout,
  .xui-nav.nav-rework .nav-flyout{
    left:100%!important;
    margin-left:0!important;
  }
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left,
  .xui-nav.nav-rework .nav-flyout.open-left{
    left:auto!important;
    right:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after,
  .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:0!important;
    height:100%!important;
    background:transparent!important;
    pointer-events:auto!important;
    z-index:5190!important;
  }
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after,
  .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after{
    right:auto!important;
    left:0!important;
  }
}


/* Navigation R23 - hover-only desktop cascade with visual divider + safe hover bridge.
   Parent categories open on pointer hover. Only final links navigate on click. */
@media(min-width:981px){
  .xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-dropdown{top:calc(100% - 1px)!important;margin:0!important;transform:none!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout,.xui-nav.nav-rework .nav-flyout{left:calc(100% + 9px)!important;right:auto!important;top:-1px!important;margin:0!important;transform:none!important;transition:none!important;overflow:visible!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left,.xui-nav.nav-rework .nav-flyout.open-left{left:auto!important;right:calc(100% + 9px)!important;margin:0!important;transform:none!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after,.xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after{content:""!important;display:block!important;position:absolute!important;top:-1px!important;right:-11px!important;width:12px!important;height:calc(100% + 2px)!important;background:transparent!important;pointer-events:auto!important;z-index:5195!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after,.xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after{right:auto!important;left:-11px!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout::before,.xui-nav.nav-rework .nav-flyout::before{content:""!important;position:absolute!important;left:-9px!important;top:14px!important;width:0!important;height:0!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-right:9px solid #26364f!important;pointer-events:none!important;z-index:1!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout::after,.xui-nav.nav-rework .nav-flyout::after{content:""!important;position:absolute!important;left:-7px!important;top:15px!important;width:0!important;height:0!important;border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:8px solid #121b2d!important;pointer-events:none!important;z-index:2!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left::before,.xui-nav.nav-rework .nav-flyout.open-left::before{left:auto!important;right:-9px!important;border-right:0!important;border-left:9px solid #26364f!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left::after,.xui-nav.nav-rework .nav-flyout.open-left::after{left:auto!important;right:-7px!important;border-right:0!important;border-left:8px solid #121b2d!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:focus-within:not(:hover)>.nav-flyout:not(.open),.xui-nav.nav-rework .nav-subitem:focus-within:not(:hover)>.nav-flyout:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .xui-shell .xui-nav.nav-rework .nav-item:focus-within:not(:hover)>.nav-dropdown:not(.open),.xui-nav.nav-rework .nav-item:focus-within:not(:hover)>.nav-dropdown:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-shell .xui-nav.nav-rework .nav-flyout,.xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-flyout{padding:7px 0!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem>button,.xui-shell .xui-nav.nav-rework .nav-flyout>a,.xui-nav.nav-rework .nav-subitem>button,.xui-nav.nav-rework .nav-flyout>a{min-height:44px!important}
}
.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout::before{border-right-color:#d8e3ef!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout::after{border-right-color:#fff!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout.open-left::before{border-right:0!important;border-left-color:#d8e3ef!important}
.xui-shell.theme-light .xui-nav.nav-rework .nav-flyout.open-left::after{border-right:0!important;border-left-color:#fff!important}


/* Navigation R24 - explicit hover-open runtime.
   No physical gap between cascade levels. JS explicitly adds .open on pointerenter. */
@media(min-width:981px){
  .xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-dropdown{top:100%!important;margin:0!important;transform:none!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout,.xui-nav.nav-rework .nav-flyout{left:calc(100% - 1px)!important;right:auto!important;top:-1px!important;margin:0!important;transform:none!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left,.xui-nav.nav-rework .nav-flyout.open-left{left:auto!important;right:calc(100% - 1px)!important;margin:0!important;transform:none!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after,.xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after{content:none!important;display:none!important}
  .xui-shell .xui-nav.nav-rework .nav-dropdown.open,.xui-shell .xui-nav.nav-rework .nav-flyout.open,.xui-nav.nav-rework .nav-dropdown.open,.xui-nav.nav-rework .nav-flyout.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}


/* Navigation R25 - sticky hover tree.
   The flyout overlaps its parent edge and an invisible pointer corridor belongs to the
   parent subitem, so moving horizontally to final links cannot collapse the cascade. */
@media(min-width:981px){
  .xui-shell .xui-nav.nav-rework .nav-dropdown,.xui-nav.nav-rework .nav-dropdown{overflow:visible!important;pointer-events:none!important}
  .xui-shell .xui-nav.nav-rework .nav-dropdown.open,.xui-nav.nav-rework .nav-dropdown.open{pointer-events:auto!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout,.xui-nav.nav-rework .nav-flyout{left:calc(100% - 4px)!important;right:auto!important;top:-7px!important;margin:0!important;z-index:5250!important}
  .xui-shell .xui-nav.nav-rework .nav-flyout.open-left,.xui-nav.nav-rework .nav-flyout.open-left{left:auto!important;right:calc(100% - 4px)!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after,.xui-nav.nav-rework .nav-subitem:has(> .nav-flyout)::after{content:""!important;display:block!important;position:absolute!important;top:-2px!important;right:-8px!important;width:10px!important;height:calc(100% + 4px)!important;background:transparent!important;pointer-events:auto!important;z-index:5240!important}
  .xui-shell .xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after,.xui-nav.nav-rework .nav-subitem:has(> .nav-flyout.open-left)::after{right:auto!important;left:-8px!important}
  .xui-shell .xui-nav.nav-rework .nav-dropdown.open,.xui-shell .xui-nav.nav-rework .nav-flyout.open,.xui-nav.nav-rework .nav-dropdown.open,.xui-nav.nav-rework .nav-flyout.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}