/*
 * Fase 84 — Modo claro (light theme override)
 * Se aplica cuando el body tiene la clase "theme-light"
 */

body.theme-light,
body.theme-light .app-wrapper {
    background-color: #f5f5f5 !important;
    color: #1a1a1a !important;
}

body.theme-light .main-container {
    background-color: #f5f5f5 !important;
}

body.theme-light .sidebar {
    background-color: #e8e8e8 !important;
    border-right-color: #cccccc !important;
}

body.theme-light .sidebar-link {
    color: #333333 !important;
}

body.theme-light .sidebar-link:hover {
    background: #d0d0d0 !important;
    color: #000000 !important;
}

body.theme-light .sidebar-link.active {
    background: #c8e6c9 !important;
    color: #1b5e20 !important;
}

body.theme-light .card {
    background-color: #ffffff !important;
    border-color: #dddddd !important;
    color: #1a1a1a !important;
}

body.theme-light .card-header {
    background-color: #f0f0f0 !important;
    border-color: #dddddd !important;
}

body.theme-light .page-content {
    background-color: #f5f5f5 !important;
}

body.theme-light .header-navbar {
    background-color: #ffffff !important;
    border-color: #dddddd !important;
}

body.theme-light .text-muted {
    color: #555555 !important;
}

body.theme-light .Select-control {
    background-color: #ffffff !important;
    border-color: #cccccc !important;
}

body.theme-light .Select-value-label {
    color: #1a1a1a !important;
}

body.theme-light .Select-menu-outer {
    background-color: #ffffff !important;
}

/* Fase 115 — Animación de zonas con anomalía CUSUM detectada */
@keyframes zona-anomalia-pulse {
    0%   { stroke-opacity: 1; }
    50%  { stroke-opacity: 0.3; }
    100% { stroke-opacity: 1; }
}

.zona-anomalia {
    animation: zona-anomalia-pulse 1.5s infinite;
}