/* Desktop: independent content scroll, fixed sidebar and top control header */
@media (min-width: 901px) {
 html:has(.central-dashboard),body:has(.central-dashboard){height:100%!important;overflow:hidden!important}

/* Desktop sidebar: compact fully visible menu and refined command-center treatment */
@media (min-width:901px){
 body:has(.central-dashboard) .central-side{background:radial-gradient(ellipse at 80% 8%,rgba(62,139,255,.19),transparent 45%),linear-gradient(155deg,#102f62 0%,#0c2854 62%,#071d40 100%)!important;gap:12px!important;padding:18px 12px!important;isolation:isolate!important}
 body:has(.central-dashboard) .central-side:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.025) 50%,transparent 70%);z-index:-1}
 body:has(.central-dashboard) .central-brand{flex:0 0 auto!important;padding:0 7px 6px!important}
 body:has(.central-dashboard) .central-side nav{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;gap:2px!important;padding:4px 2px!important;scrollbar-width:none!important}
 body:has(.central-dashboard) .central-side nav::-webkit-scrollbar{display:none!important;width:0!important}
 body:has(.central-dashboard) .central-side nav button{flex:1 1 0!important;min-height:0!important;max-height:46px!important;padding:5px 10px!important;border-radius:12px!important;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease!important}
 body:has(.central-dashboard) .central-side nav button:hover{background:rgba(110,170,255,.16)!important;color:#fff!important;transform:translateX(3px)}
 body:has(.central-dashboard) .central-side nav button.active{background:linear-gradient(110deg,#1784f6,#215bcb)!important;box-shadow:0 6px 20px rgba(0,68,170,.3),inset 0 1px rgba(255,255,255,.2)!important}
 body:has(.central-dashboard) .central-side nav button i{transition:transform .3s ease,color .3s ease,filter .3s ease!important}
 body:has(.central-dashboard) .central-side nav button:hover i,body:has(.central-dashboard) .central-side nav button.active i{color:#fff!important;transform:scale(1.16) rotate(-6deg);filter:drop-shadow(0 0 5px rgba(152,215,255,.6))}
 body:has(.central-dashboard) .central-side-info{display:none!important}
}
@media (min-width:901px) and (max-height:700px){body:has(.central-dashboard) .central-side{padding:9px 10px!important;gap:4px!important}body:has(.central-dashboard) .central-side nav button{font-size:12px!important;padding:2px 8px!important}}
@media(prefers-reduced-motion:reduce){.central-side nav button,.central-side nav button i{transition:none!important;transform:none!important}}
 body:has(.central-dashboard) .shell,body:has(.central-dashboard) #app{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 body:has(.central-dashboard) .central-dashboard{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;margin:0!important;padding:0!important}
 body:has(.central-dashboard) .central-side{position:relative!important;top:auto!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;z-index:20!important}
 body:has(.central-dashboard) .central-side nav{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior:contain!important}
 body:has(.central-dashboard) .central-side nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
 body:has(.central-dashboard) .central-main{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;position:relative!important;max-width:none!important;width:100%!important;margin:0!important;padding:0 24px 70px!important}
 body:has(.central-dashboard) .central-top{position:sticky!important;top:0!important;z-index:40!important;min-height:78px!important;display:flex!important;align-items:center!important;padding:12px 22px!important;margin:0 -24px 24px!important;background:#f5f8fc!important;border-bottom:1px solid #e0e9f4!important;box-shadow:0 3px 12px #17365f0b!important}
 body:has(.central-dashboard) .central-content{position:relative!important;z-index:1!important}
}