/* Owner/admin top-tabs edition. The legacy sidebar remains on smaller displays
   and for technicians; there is no new route or permission surface. */
#lionistQuickNav{display:none}
@media (min-width:1200px){
  body.lionist-top-navigation #shell{display:block}
  body.lionist-top-navigation #mainAside{
    box-sizing:border-box;position:sticky;top:0;z-index:31;
    height:68px;min-height:68px;padding:8px 20px;
    display:flex;flex-direction:row;align-items:center;gap:12px;
    overflow:visible
  }
  body.lionist-top-navigation #mainAside .logo{
    flex:0 0 190px;min-width:0;display:flex;align-items:center;
    padding:0;margin:0;border:0;gap:8px
  }
  body.lionist-top-navigation #mainAside .logo > span{flex:0 0 36px;width:36px;height:36px}
  body.lionist-top-navigation #mainAside .logo > div{min-width:0}
  body.lionist-top-navigation #mainAside .logo b{
    max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  body.lionist-top-navigation #mainAside .aside-bottom{
    flex:0 0 auto;margin:0;padding:0
  }
  body.lionist-top-navigation #mainAside .powered-by{display:none}
  body.lionist-top-navigation #mainAside .aside-bottom button{
    width:auto;white-space:nowrap;font-size:12px;padding:8px 10px
  }
  body.lionist-top-navigation #lionistQuickNav{
    display:flex;flex:1 1 auto;min-width:0;align-items:center;
    gap:2px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin
  }
  body.lionist-top-navigation #lionistQuickNav .nav-item{
    flex:0 0 auto;display:flex;align-items:center;gap:6px;
    width:auto;min-height:38px;padding:8px 9px;
    color:#c2cdd3;background:transparent;font-size:12px;text-align:left
  }
  body.lionist-top-navigation #lionistQuickNav .nav-item:hover,
  body.lionist-top-navigation #lionistQuickNav .nav-item.active{
    color:white;background:#24323a
  }
  body.lionist-top-navigation #lionistQuickNav .nav-item:focus-visible,
  body.lionist-top-navigation #lionistQuickNav .los-more-trigger:focus-visible{
    outline:2px solid #e1a64e;outline-offset:-2px
  }
  body.lionist-top-navigation #lionistQuickNav .los-more-trigger{
    flex:0 0 auto;font-size:12px;padding:8px 10px;
    background:#27343b;color:#fff
  }
  body.lionist-top-navigation #mainAside #nav{
    display:none;position:absolute;right:18px;top:calc(100% - 1px);
    width:325px;max-width:calc(100vw - 36px);
    max-height:calc(100vh - 84px);height:auto;overflow-y:auto;
    padding:12px;background:#111b20;box-shadow:0 15px 30px rgba(0,0,0,.25);
    border:1px solid #32444c;border-radius:0 0 12px 12px;
    align-content:start;z-index:33
  }
  body.lionist-top-navigation #mainAside.los-nav-open #nav{display:grid}
  body.lionist-top-navigation #shell>main>header{top:68px}
  body.lionist-top-navigation #content{
    max-width:none;width:100%;padding:24px clamp(20px,3vw,48px)
  }
  body.lionist-top-navigation .los-workspace{max-width:1800px}
}