/**
 * HeatingDevicesDashboard.css
 * Estilos para el dashboard de dispositivos de calefacción con actualizaciones en tiempo real
 */

/* Animación para resaltar elementos actualizados */
@keyframes sensor-update-highlight {
    0% {
        opacity: 1;
        filter: brightness(1);
    }
    50% {
        opacity: 0.8;
        filter: brightness(1.2);
    }
    100% {
        opacity: 1;
        filter: brightness(1);
    }
}

/* Clase aplicada cuando se actualiza un elemento */
.sensor-updated {
    animation: sensor-update-highlight 0.6s ease-in-out;
}

/* Estilos para elementos de sensores */
[data-sensor-id] {
    cursor: pointer;
    transition: all 0.3s ease;
}

[data-sensor-id]:hover {
    filter: brightness(1.1);
}

/* Estilo para texto de sensores */
[data-sensor-type="temperature"] {
    font-weight: bold;
}

[data-sensor-type="flow"] {
    font-weight: bold;
}

[data-sensor-type="pressure"] {
    font-weight: bold;
}

/* Tooltip para mostrar información del sensor */
[data-sensor-id]::after {
    content: attr(data-sensor-id);
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1000;
}

[data-sensor-id]:hover::after {
    opacity: 1;
}