/* Luxventory - POWER GROUP | Etapa 1: solo presentación */
:root {
  --lux-rojo: #D8222A;
  --lux-rojo-hover: #B91C25;
  --lux-grafito: #252A32;
  --lux-gris: #9B9B9D;
  --lux-fondo: #F4F5F7;
  --lux-borde: #E5E7EB;
  --lux-texto: #454D59;
}
body { background-color: var(--lux-fondo) !important; color: var(--lux-texto); }
.sidebar-teleco { background: linear-gradient(180deg, #252A32 0%, #1D2128 100%) !important; }
.sidebar-teleco .sidebar-menu a.active { background: var(--lux-rojo) !important; color: #fff !important; }
.sidebar-teleco .sidebar-menu a:hover:not(.active) { background: rgba(255,255,255,.13) !important; }
.sidebar-teleco .sidebar-footer a { background: var(--lux-rojo) !important; color: #fff !important; }
.sidebar-teleco .sidebar-footer a:hover { background: var(--lux-rojo-hover) !important; }
.sidebar-teleco .sidebar-logo-cliente { border-bottom-color: rgba(255,255,255,.15) !important; }
.page-header { background: linear-gradient(135deg, #252A32, #343B46) !important; border-left: 5px solid var(--lux-rojo); }
.titulo-seccion, .numero, .icono-card { color: var(--lux-grafito) !important; }
.top-blue { background: var(--lux-rojo) !important; }
.btn-teleco, .btn-primary { background-color: var(--lux-rojo) !important; border-color: var(--lux-rojo) !important; color: #fff !important; }
.btn-teleco:hover, .btn-primary:hover { background-color: var(--lux-rojo-hover) !important; border-color: var(--lux-rojo-hover) !important; }
.card-resumen, .bloque { border-color: var(--lux-borde); }
/* No cambiar .alerta, .ok, .top-green, .top-orange, .top-red ni badges de estado. */