/* KlipTok v57 · estilos del menú lateral desplegable. Basado en «Sidebar Menu» de huang-x-h (MIT). Claro/oscuro con html.dark. */
.sidebar-menu-wrap{--sb-fg:#334155;--sb-mut:#64748b;--sb-hover:rgba(124,58,237,.10);--sb-act:#6d28d9;--sb-line:rgba(100,116,139,.25)}
html.dark .sidebar-menu-wrap{--sb-fg:#cbd5e1;--sb-mut:#94a3b8;--sb-hover:rgba(167,139,250,.14);--sb-act:#c4b5fd;--sb-line:rgba(148,163,184,.25)}
.sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar-menu>li{margin:0;padding:0;position:relative}
.sidebar-menu .sidebar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .7rem .6rem .8rem;border:0;border-left:3px solid transparent;border-radius:0 10px 10px 0;background:transparent;color:var(--sb-fg);font:700 .72rem/1.2 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:start}
.sidebar-menu .sidebar-toggle:hover,.sidebar-menu>li.active>.sidebar-toggle{background:var(--sb-hover);border-left-color:var(--sb-act);color:var(--sb-act)}
.sidebar-menu .sidebar-toggle:focus-visible,.sidebar-menu a:focus-visible{outline:2px solid var(--sb-act);outline-offset:-2px}
.sidebar-caret{width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease;margin-inline-end:.2rem;flex:none}
.sidebar-menu li.active>.sidebar-toggle .sidebar-caret{transform:rotate(-135deg)}
/* animación de altura sin medir: grid 0fr → 1fr (sustituye al slideUp/slideDown de jQuery) */
.sidebar-menu .sidebar-submenu{display:grid;grid-template-rows:0fr;list-style:none;margin:0;padding:0;transition:grid-template-rows .3s ease,visibility 0s linear .3s;visibility:hidden}
.sidebar-menu .sidebar-submenu.menu-open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s ease}
.sidebar-menu .sidebar-inner{min-height:0;overflow:hidden;list-style:none;margin:0;padding:0}
.sidebar-menu .sidebar-inner>ul{list-style:none;margin:0;padding:.1rem 0 .3rem .9rem;border-inline-start:1px solid var(--sb-line);margin-inline-start:1rem}
.sidebar-menu .sidebar-inner a{display:flex;align-items:center;gap:.5rem;padding:.42rem .6rem;border-radius:10px;font-size:.88rem;color:var(--sb-fg);text-decoration:none}
.sidebar-menu .sidebar-inner a i{width:1.25rem;text-align:center;font-style:normal}
.sidebar-menu .sidebar-inner a:hover{background:var(--sb-hover)}
.sidebar-menu .sidebar-inner a.is-current{background:var(--sb-hover);color:var(--sb-act);font-weight:700}
@media (prefers-reduced-motion:reduce){.sidebar-menu .sidebar-submenu,.sidebar-caret{transition:none!important}}
/* visibilidad: el nav lateral ya existía solo en móvil (kt-v56-host.css). KT_SITE.sideMenu = 'always' lo muestra también en escritorio */
html[data-kt-side="always"] #k56-aside-nav{display:block;padding:.4rem .5rem}