/* SIDEBAR_POR_AREAS_V1 · organización departamental sin cambiar los módulos */
.nav-by-area{display:grid;gap:7px;align-content:start;overflow-y:auto;padding-right:2px}
.nav-by-area .nav-home{display:flex;align-items:center;gap:10px;width:100%}
.nav-icon{width:22px;min-width:22px;display:inline-flex!important;align-items:center;justify-content:center;text-align:center}
.nav-label{display:inline!important;min-width:0}
.nav-area{display:grid;gap:4px;border-radius:12px}
.nav-area[hidden]{display:none!important}
.nav-area-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;padding:11px 12px!important}
.nav-area-toggle:hover{background:rgba(255,255,255,.09)!important}
.nav-area-main{display:flex!important;align-items:center;gap:10px;min-width:0}
.nav-area-main .nav-label{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-chevron{display:inline-flex!important;font-size:16px;line-height:1;transition:transform .18s ease;opacity:.75}
.nav-area.open .nav-chevron{transform:rotate(180deg)}
.nav-area-menu{display:none;gap:3px;padding:1px 0 5px 10px}
.nav-area.open .nav-area-menu{display:grid}
.nav-area-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px!important;font-size:12px;border-radius:9px!important;color:#bcd0e1!important}
.nav-area-menu button:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
.nav-area-menu button.active{color:#fff!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 3px 0 0 var(--yellow)!important}
.nav-area-menu .nav-icon{width:19px;min-width:19px;font-size:12px}
.nav-coming-soon{opacity:.48!important;cursor:not-allowed!important}
.nav-coming-soon:hover{background:transparent!important}
.sidebar{overflow:hidden}
.sidebar .brand{flex:0 0 auto}
.sidebar .nav{flex:1 1 auto;min-height:0}
.sidebar-note{flex:0 0 auto}
@media(max-width:760px){
  .nav-by-area{overflow:visible;padding-right:0;gap:6px}
  .nav-by-area .nav-label,.nav-by-area .nav-chevron{display:none!important}
  .nav-by-area .nav-icon{display:inline-flex!important;width:24px;min-width:24px;font-size:14px}
  .nav-by-area .nav-home,.nav-area-toggle,.nav-area-menu button{justify-content:center!important;padding:11px 5px!important}
  .nav-area-main{justify-content:center!important;width:100%}
  .nav-area-menu{padding-left:0}
  .nav-area.open .nav-area-menu{display:grid}
  .nav-area-menu .nav-icon{width:22px;min-width:22px}
}