/* SCADA Premium SVG Icons CSS */

.scada-icon-svg {
    width: 36px;
    height: 36px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

/* Base states driven by parent badge classes */
/* Grigio / Offline / Non letto */
.badge-digital .scada-icon-svg {
    fill: #3a4149;
    stroke: #8b9298;
    color: #8b9298;
}

/* Verde / ON */
.badge-digital.bg-on .scada-icon-svg {
    fill: rgba(0, 255, 136, 0.15);
    stroke: #00ff88;
    color: #00ff88;
    filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.6));
}

/* Rosso / OFF */
.badge-digital.bg-off .scada-icon-svg {
    fill: rgba(255, 68, 68, 0.15);
    stroke: #ff4444;
    color: #ff4444;
    filter: drop-shadow(0 0 8px rgba(255, 68, 68, 0.4));
}

/* Animations */
@keyframes scada-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes scada-pulse-gentle {
    0% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.6)); }
    50% { transform: scale(1.03); filter: drop-shadow(0 0 18px rgba(0, 255, 136, 0.9)); }
    100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.6)); }
}

@keyframes scada-pulse-alarm {
    0% { opacity: 0.5; filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5)); transform: scale(1); stroke: #ff4444; }
    50% { opacity: 1; filter: drop-shadow(0 0 25px rgba(255, 0, 0, 1)); transform: scale(1.1); stroke: #ffffff; }
    100% { opacity: 0.5; filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5)); transform: scale(1); stroke: #ff4444; }
}

@keyframes scada-needle-wiggle {
    0% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}

/* Conditional Animation application based on ON state */

/* Ventola gira solo se ON */
.badge-digital.bg-on .anim-spin {
    transform-origin: center;
    animation: scada-spin 1.5s linear infinite;
}

/* Compressore pulsa dolcemente se ON */
.badge-digital.bg-on .anim-pulse-gentle {
    transform-origin: center;
    animation: scada-pulse-gentle 2.5s ease-in-out infinite;
}

/* Termometro/Pressione ago vibra leggermente se ON */
.badge-digital.bg-on .anim-wiggle {
    transform-origin: 50% 80%; /* Pivot is bottom center */
    animation: scada-needle-wiggle 3s ease-in-out infinite;
}

/* Allarme pulsa aggressivo in modo visibile e forzato se è un nodo di allarme attivato */
.badge-digital.bg-on .anim-pulse-alarm {
    transform-origin: center;
    animation: scada-pulse-alarm 1s ease-in-out infinite;
}