.chart-container {
    flex: 1 1 auto;
    min-width: 0; /* Zabrání přetečení canvasu při zmenšení */
    height: 150px;
    margin-top: 0.5rem;
}

.chart-container canvas {
    display: block;
    width: 100% !important;
    max-width: 100%;
}

/* Změna hodnoty – krátký vizuální efekt */
.value.changed {
    animation: blink-change 0.5s ease;
}

/* Pulse efekt – např. pro "live" stav */
@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;
}