/* EasyBiz top navigation — desktop sidebar replaced by a two-tier enterprise header.
   Mobile keeps the existing accessible navigation drawer. */
@media(min-width:901px){
  #app.app,body.sidebar-collapsed #app.app{display:block!important;grid-template-columns:minmax(0,1fr)!important}
  #app>aside,body.sidebar-collapsed #app>aside{display:none!important}
  #app>#menuToggle,#app #sidebarCollapse{display:none!important}
  #app main{grid-column:1!important;margin:0!important;width:100%!important;padding:132px clamp(14px,2vw,30px) 54px!important}
  #app main>header,body.sidebar-collapsed #app main>header{left:0!important;right:0!important;top:0!important;height:112px!important;min-height:112px!important;padding:0 clamp(14px,2vw,30px)!important;display:flex!important;flex-wrap:wrap!important;align-content:stretch!important;align-items:center!important;justify-content:space-between!important;gap:0 16px!important;overflow:visible!important;background:#fff!important;box-shadow:0 3px 16px rgba(26,54,101,.055)!important}
  #app main>header>div:first-child{flex:0 0 auto!important;min-width:0!important}
  #app main>header .enterprise-header-tools{flex:1 1 auto!important;justify-content:flex-end!important;min-width:0!important}
  #app main>header .global-search{max-width:360px!important}
  #app .eb-topnav{order:10!important;flex:0 0 100%!important;display:flex!important;align-items:center!important;gap:5px!important;height:49px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;border-top:1px solid #eaf0f8!important}
  #app .eb-topnav button{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:36px!important;padding:6px 14px!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;color:#4a5f7e!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}
  #app .eb-topnav button:hover{background:#f0f5ff!important;color:#2268dc!important}
  #app .eb-topnav button.active{background:#eaf2ff!important;border-color:#d4e4ff!important;color:#1d64db!important}
  #app .eb-topnav .eb-nav-icon{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;background:#e6efff!important;color:#2677e7!important}
  #app .eb-topnav button:nth-child(3n+2) .eb-nav-icon{background:#e1f9ef!important;color:#0aa374!important}
  #app .eb-topnav button:nth-child(3n+3) .eb-nav-icon{background:#fff0e4!important;color:#ed7a22!important}
  #app .eb-topnav svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
}
@media(min-width:901px) and (max-width:1120px){#app main>header .global-search{max-width:230px!important}#app .eb-topnav button{padding:6px 10px!important}}
@media(max-width:900px){#app .eb-topnav{display:none!important}}
@media(prefers-reduced-motion:reduce){#app .eb-topnav button{transition:none!important}}