/* Navegación con hamburguesa en todas las pantallas. */
.sidebar{height:100vh;height:100dvh;inset:0 auto 0 0;width:min(280px,86vw);padding:24px 16px;display:flex;flex-direction:column;overflow:hidden;z-index:1055;background:#fff;border-right:1px solid var(--line);transform:translateX(-100%);transition:transform .2s ease;visibility:hidden}
body.menu-abierto .sidebar{transform:translateX(0);visibility:visible}
.sidebar>.brand{display:flex;flex-shrink:0}
.sidebar>nav{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin:24px 0 16px;padding-right:4px;gap:5px;scrollbar-width:thin;scrollbar-color:#c4cbd7 transparent}
.sidebar>nav a,.sidebar>nav a:nth-child(n+7),.sidebar>nav a.ops-nav-link{display:flex!important;position:static!important;inset:auto!important;width:auto!important;min-width:0;height:auto!important;min-height:44px;flex-shrink:0;flex-direction:row;align-items:center;gap:13px;padding:12px 13px;border-radius:10px!important;font-size:14px;text-decoration:none;color:#677286!important;background:transparent!important;box-shadow:none!important}
.sidebar>nav a.active{background:#efeeff!important;color:#5047dc!important}
.sidebar>nav a.ops-nav-link span{display:block!important}
.sidebar>.user{display:flex;flex-shrink:0;margin-top:0;padding-top:16px}
.sidebar>.user span{min-width:0;overflow-wrap:anywhere}
.content{margin-left:0;width:100%;padding:32px 36px}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:23px}
.content>header{gap:14px}.content>header>div:first-of-type{flex:1;min-width:0}
.menu-overlay{position:fixed;inset:0;background:#17233f55;z-index:1050;border:0;width:100%;height:100%;padding:0}
.menu-overlay[hidden]{display:none}
.menu-close{align-self:flex-end;margin:0 0 16px;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:20px}
body.menu-abierto{overflow:hidden}
@media(max-width:760px){.content{padding:18px 12px 28px}.content>header{flex-wrap:wrap}.content>header .header-actions{margin-left:auto}.sidebar>nav a i{font-size:18px}.sidebar{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}