/* ✅ Záblesk při změně hodnoty (např. výkon se změnil) */
@keyframes blink-change {
    0%   { background-color: #d1ffd1; } /* světle zelená */
    100% { background-color: transparent; }
}

.value.changed {
    animation: blink-change 0.5s ease;
}

/* ✅ Pomalé pulsování (např. aktivní hodnota v režimu LIVE) */
@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
}

.title.live .value {
    animation: pulse 2s infinite ease-in-out;
}

/* ✅ Hladký přechod pro výšky, šířky, pozadí */
.battery-bar-fill,
.horizontal-bar-fill,
.horizontal-bar-negative .horizontal-bar-fill,
.horizontal-bar-positive .horizontal-bar-fill {
    transition: height 0.5s, width 0.4s ease, background-color 0.5s;
}