/* UrbanHoff v9.25.87 · shell fijo + scroll sólo de contenido
   Regla: sidebar y topbar no se desplazan; sólo se desplaza el área que corresponde. */
html,body{height:100%;min-height:100%;}
#app.app:not(.hidden){height:100dvh!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important;}
#app .sidebar{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
#app .sidebar-brand-v92579{flex:0 0 auto!important;}
#app .sidebar>.userbox{flex:0 0 auto!important;}
#app .sidebar .nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;}
#app .sidebar .side-bottom{position:static!important;flex:0 0 auto!important;margin-top:auto!important;bottom:auto!important;z-index:auto!important;}
#app .workspace{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
#app .workspace>.topbar{position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:20!important;}
#app .content{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
body.dashboard-view{overflow:hidden!important;}
body.dashboard-view #app .content{height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;}
body.dashboard-view #app .dashboard-shell{height:auto!important;min-height:0!important;}
/* Paridad del footer: mismas medidas en claro y oscuro; sólo cambia el color del tema. */
#app .sidebar .side-icon-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;padding-top:12px!important;}
#app .sidebar .side-icon-btn{width:100%!important;height:48px!important;min-height:48px!important;border-radius:10px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;}
#app .sidebar .side-icon-btn svg{width:22px!important;height:22px!important;}
body:not(.dark-mode) #app .sidebar .side-icon-btn{background:rgba(255,255,255,.065)!important;color:#eef5fc!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;}
body:not(.dark-mode) #app .sidebar .side-icon-btn:hover{background:rgba(255,255,255,.13)!important;color:#fff!important;}
body.dark-mode #app .sidebar .side-icon-btn{background:rgba(255,255,255,.045)!important;color:#dce8f4!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;}
body.dark-mode #app .sidebar .side-icon-btn:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;}
@media(max-width:900px){
  #app.app:not(.hidden){grid-template-columns:1fr!important;}
  #app .sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;max-height:100dvh!important;}
  #app .workspace{height:100dvh!important;max-height:100dvh!important;}
  #app .content{overflow-y:auto!important;}
}
