body {
    background-color: #f8f9fa;
    color: #343a40;
}
.navbar {
    margin-bottom: 2rem;
}
.footer {
    margin-top: 3rem;
    padding: 1rem 0;
    background-color: #e9ecef;
    border-top: 1px solid #dee2e6;
}
.table-responsive {
    margin-top: 20px;
}
.status-ok {
    color: green;
    font-weight: bold;
}
.status-warn {
    color: orange;
    font-weight: bold;
}
.status-error {
    color: red;
    font-weight: bold;
}
.pulsating-icon {
    animation: pulse-red 1s infinite alternate;
}

@keyframes pulse-red {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* Style dla ikon SVG, jeśli chcesz dynamicznie zmieniać ich kolor */
.status-icon.ok { fill: green; }
.status-icon.error { fill: red; }
.status-icon.warn { fill: orange; }
.status-icon.unknown { fill: gray; }

.status-icon-red {
    fill: red; /* Domyślny kolor dla statusu error */
    /* Możesz dodać style dla ikon, np. zwiększenie rozmiaru */
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.status-icon-green {
    fill: green; /* Kolor dla statusu OK */
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}