/* EasyBiz responsive glass navigation v59.
   Restore Billing submenus on desktop and polish the existing mobile drawer. */
@media(min-width:901px){
 #app main>header{overflow:visible!important}
 #app .eb-topnav{overflow-x:auto!important;overflow-y:visible!important;position:relative!important}
 #app .eb-topnav .eb-billing-group{position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:3px!important}
 #app .eb-topnav .eb-billing-group>button{flex:0 0 auto!important}
 #app .eb-topnav .eb-billing-toggle{min-width:30px!important;padding:6px!important;color:#526b90!important}
 #app .eb-topnav .eb-billing-menu{position:fixed!important;z-index:1600!important;display:grid!important;gap:5px!important;min-width:218px!important;padding:9px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(166,193,232,.7)!important;border-radius:15px!important;box-shadow:0 14px 42px rgba(31,58,109,.17)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
 #app .eb-topnav .eb-billing-menu[hidden]{display:none!important}
 #app .eb-topnav .eb-billing-menu button{justify-content:flex-start!important;width:100%!important;padding:10px 12px!important;background:transparent!important;color:#294367!important;box-shadow:none!important}
 #app .eb-topnav .eb-billing-menu button:hover,#app .eb-topnav .eb-billing-menu button.active{background:#eaf2ff!important;color:#1765df!important}
 #app .eb-topnav>button,#app .eb-topnav .eb-billing-group>button{background:rgba(255,255,255,.55)!important;border:1px solid rgba(195,211,234,.65)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;box-shadow:0 2px 9px rgba(35,69,128,.045)!important}
 #app .eb-topnav>button.active,#app .eb-topnav .eb-billing-group>button.active{background:rgba(226,238,255,.85)!important;border-color:#b6d1ff!important;color:#195ed2!important}
}
@media(max-width:900px){
 #app.app{display:block!important}
 #app main{width:100%!important;max-width:100%!important;padding:72px 12px 80px!important;overflow-x:hidden!important}
 #app main>header{left:0!important;right:0!important;max-width:100vw!important;background:rgba(255,255,255,.87)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid #dce7f5!important}
 #app>#menuToggle{background:rgba(245,249,255,.92)!important;border:1px solid #b8cee9!important;border-radius:12px!important;box-shadow:0 4px 15px rgba(32,75,132,.1)!important}
 #app>#menuToggle span{background:#2b6cd7!important}
 #app>aside{background:rgba(243,248,255,.95)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:10px 0 40px rgba(25,51,91,.16)!important}
 #app>aside>nav{background:transparent!important;gap:6px!important}
 #app>aside .mobile-menu-head{border-bottom:1px solid #d9e5f6!important}
 #app>aside .mobile-menu-head b{color:#1b365d!important}
 #app>aside .mobile-menu-head span{color:#7186a4!important}
 #app>aside .mobile-menu-head button{background:#eaf1fc!important;color:#2c5ca9!important;border-radius:9px!important}
 #app>aside .nav{background:rgba(255,255,255,.65)!important;color:#365172!important;border:1px solid rgba(215,227,245,.9)!important;border-radius:12px!important;min-height:46px!important;box-shadow:0 3px 10px rgba(39,71,118,.035)!important}
 #app>aside .nav.active{background:rgba(220,235,255,.95)!important;color:#185fce!important;border:1px solid #b7d4ff!important;box-shadow:inset 3px 0 #2778ed!important}
 #app>aside .nav-icon{background:#e7f0ff!important;color:#2676e8!important;border-radius:9px!important}
 #app>aside .billing-subnav{padding:4px 8px 7px 18px!important}
 #app>aside .billing-subnav button{background:rgba(255,255,255,.8)!important;border:1px solid #dce7f7!important;border-radius:10px!important;color:#315477!important;min-height:40px!important}
 #app>aside .billing-subnav button.active{background:#e5f0ff!important;color:#1764d8!important;border-color:#bbd4fa!important}
 #app>aside .mobile-menu-footer{border-top:1px solid #dce6f4!important;color:#607695!important}
 #app>aside .mobile-menu-footer b{color:#1b365d!important}
 #app>aside .mobile-menu-footer .font-controls button{background:#fff!important;color:#315780!important;border:1px solid #d5e3f6!important}
 #app>aside .mobile-menu-footer .font-controls button.active{background:#e5f0ff!important;color:#1d63d6!important;border-color:#b8d3fa!important}
 #app .dashboard-welcome{padding:18px!important}
 #app .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
 #app main{padding-inline:10px!important}
 #app .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #app .quick-action-grid>button{min-width:0!important;padding:10px!important}
 #app .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .enterprise-header-tools{max-width:calc(100vw - 90px)!important}
}
@media(max-width:360px){#app .quick-action-grid{grid-template-columns:1fr!important}}