nav [data-navigation],nav .navgroup summary{display:flex;align-items:center;gap:11px;text-align:left;min-height:44px;padding:9px 12px}
.menu-icon-wrap{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#ffffff09}
.menu-icon{width:20px;height:20px;display:block}
.menu-label{font-size:12px;line-height:1.35}
nav button.active .menu-icon-wrap{color:#d1b8ff;background:#ffffff0e}
nav .navgroup button.active .menu-icon-wrap{color:#773fd0;background:#e6d7ff}
nav .navgroup button{padding-left:15px}
nav .navgroup button .menu-icon-wrap{width:26px;height:26px;background:transparent}
nav .navgroup button .menu-icon{width:18px;height:18px}
nav .navgroup summary{list-style:none;color:#dbe5d8;cursor:pointer}
nav .navgroup summary::-webkit-details-marker{display:none}
.menu-chevron{width:15px;height:15px;margin-left:auto;flex-shrink:0;transition:transform .15s ease}
.navgroup[open] .menu-chevron{transform:rotate(90deg)}
nav button:hover .menu-icon-wrap{background:#ffffff14}
@media(prefers-reduced-motion:reduce){.menu-chevron{transition:none}}
/* Paleta por módulo: el color complementa el nombre y la forma del ícono. */
nav [data-navigation="Resumen"]{--menu-color:#7dd3fc;--menu-tint:#38bdf81c}
nav [data-navigation="Proyectos y giras"]{--menu-color:#93b5ff;--menu-tint:#638cff20}
nav [data-navigation="Equipos propios"]{--menu-color:#5eead4;--menu-tint:#2dd4bf1c}
nav [data-navigation="Contratistas"]{--menu-color:#fdba74;--menu-tint:#fb923c1c}
nav [data-navigation="Finanzas"]{--menu-color:#6ee7a0;--menu-tint:#4ade801c}
nav [data-navigation="Clientes"]{--menu-color:#f9a8d4;--menu-tint:#ec48991c}
nav [data-navigation="Gestión comercial"]{--menu-color:#fcd34d;--menu-tint:#fbbf241c}
nav [data-navigation="Gestión Humana"]{--menu-color:#c4b5fd;--menu-tint:#a78bfa22}
nav [data-navigation="Centro de alertas"]{--menu-color:#fbad8c;--menu-tint:#fb923c20}
nav [data-navigation="Usuarios y permisos"]{--menu-color:#a5b4fc;--menu-tint:#818cf820}
nav [data-navigation="Presupuestos"],nav .navgroup summary{--menu-color:#c4a5ff;--menu-tint:#a277ff25}
nav [data-navigation="Órdenes"]{--menu-color:#85c5ff;--menu-tint:#4da3ff20}
nav [data-navigation="Anticipos"]{--menu-color:#63dfc7;--menu-tint:#2dd4bf20}
nav [data-navigation] .menu-icon-wrap,nav .navgroup summary .menu-icon-wrap{color:var(--menu-color);background:var(--menu-tint)}
nav [data-navigation]:hover .menu-icon-wrap{background:var(--menu-tint);box-shadow:0 0 0 1px var(--menu-color)}
nav [data-navigation].active .menu-icon-wrap{color:var(--menu-color);background:var(--menu-tint)}
nav .navgroup [data-navigation="Presupuestos"].active .menu-icon-wrap{color:#7c3dd0;background:#e6d7ff}
nav .navgroup [data-navigation="Órdenes"].active .menu-icon-wrap{color:#2464bc;background:#dbeafe}
nav .navgroup [data-navigation="Anticipos"].active .menu-icon-wrap{color:#087e68;background:#d0f5e8}