- nav-link.active: color-mix tintado, font-size 0.93rem, border 4px
- sidebar-section: 0.72rem base, 0.82rem cuando tiene subitem activo
- sb-group: fondo y borde tintados con --cat-color via color-mix
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Logo:
- Carga doc_logo_base64 y empresa_nombre desde lab_config
- Header muestra logo (filtro invert para fondo oscuro) o ícono fallback
- Nombre del laboratorio siempre visible debajo, nunca cambia por página
- Ícono de configuración reposicionado en esquina superior derecha
Colapso de módulos:
- Bug: transición CSS se disparaba durante init causando estado inconsistente
- Fix: inyecta <style> temporal con transition:none antes de aplicar estados,
lo remueve en el siguiente frame para que las animaciones funcionen luego
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Cada sección del menú se puede abrir/cerrar con clic
- Estado persiste en localStorage por categoría
- La sección con el link activo siempre se auto-expande
- Chevron rota al colapsar con transición suave
- CSS en styles.css actualizado para que sidebar-section sea clickeable
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- sidebar.php inyecta --brand/--brand-dark desde DB si no fueron definidos ya
por Layout.php, solucionando que lab_*.php mostraran el sidebar azul (fallback)
mientras las páginas ERP mostraban verde (#a0a59c del doc_color)
- Gradiente del sidebar invertido: ahora va de más oscuro (top) a brand (bottom)
en lugar de terminar con mezcla blanca que perdía las letras
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- table-hover, form-control:focus, btn-primary, menu-item hover
- Usar var(--brand, fallback) para que funcione sin Layout.php
- Contextos chat/WhatsApp mantienen su verde propio
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Layout.php inyecta --brand y --brand-dark desde doc_color de BD
- Sidebar usa el mismo gradiente azul del login (brand-dark → brand)
- Círculos decorativos animados igual que el login
- Items activos: fondo blanco con texto brand (inverso al fondo)
- Hover: overlay blanco sutil + translateX(3px)
- Ancho unificado en --sidebar-width (270px)
- Breakpoint responsive consistente en 991.98px
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
