.inverter-table th, .inverter-table td { text-align: center !important; vertical-align: middle !important; }
.inverter-table .offline-row,
.inverter-table .offline-row td {
    background-color: #ffcccc !important;
    --bs-table-striped-bg: #ffcccc !important;
    --bs-table-hover-bg: #ffcccc !important;
    --bs-table-bg: #ffcccc !important;
}
.inverter-table .zero-gen-row,
.inverter-table .zero-gen-row td {
    background-color: #ffcccc !important;
    --bs-table-striped-bg: #ffcccc !important;
    --bs-table-hover-bg: #ffcccc !important;
    --bs-table-bg: #ffcccc !important;
    font-weight: bold !important;
}

.below-expected {
    color: #b8860b;
    font-weight: bold;
}

.blinking-badge {
    animation: blink 1s ease-in-out infinite;
    padding: 0.5em 1.5em !important;
    font-size: 0.9em !important;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}