/* === Główne style dla tabeli === */
.table-container {
    overflow-x: auto; /* Dodaj przewijanie poziome */
    max-width: 100%; /* Maksymalna szerokość */
    white-space: nowrap; /* Zapobiegaj łamaniu tekstu */
}

th, td {
    white-space: nowrap; /* Nie łam tekstu */
    overflow: hidden; /* Ukryj nadmiarowy tekst */
    text-overflow: ellipsis; /* Skróć zbyt długi tekst */
    padding: 8px; /* Dodaj odstępy wewnętrzne */
}

/* Wyśrodkowanie tekstu w tabeli */
.table-container table th,
.table-container table td {
    text-align: center; /* Wyśrodkowanie w poziomie */
    vertical-align: middle; /* Wyśrodkowanie w pionie */
}

/* Wiersze z problematycznymi danymi */
.table-danger {
    background-color: #f8d7da; /* Jasnoczerwone tło */
    color: #721c24; /* Ciemnoczerwony tekst */
}





.table thead {
    background-color: #337ab7; /* Kolor tła nagłówka */
    color: white; /* Kolor tekstu w nagłówku */
}

th, td {
    word-wrap: break-word; /* Dopasowanie tekstu w kolumnach */
}

.table-danger {
    background-color: #f2dede; /* Jasny czerwony dla dużych ekranów */
    color: #a94442; /* Ciemny czerwony tekst */
}


/* === Style dla małych ekranów === */
@media (max-width: 768px) {
    .table-container {
        white-space: normal; /* Pozwól łamać tekst w tabeli */
    }

    th, td {
        white-space: normal; /* Pozwól łamać tekst w kolumnach */
    }

    .table-summary td {
        background-color: white !important; /* Tło przezroczyste dla komórek */
    }
}

/* === Dodatkowe style === */
.align-right {
    text-align: right; /* Wyrównanie do prawej */
}

.align-left {
    text-align: left; /* Wyrównanie do lewej */
}

.align-center {
    text-align: center; /* Wyśrodkowanie tekstu */
}
/* === Style dla podsumowania === */
.table-summary {
    background-color: white !important; /* Usuwamy tło */
    font-weight: bold; /* Pogrubienie tekstu */
    text-align: left; /* Wyrównanie tekstu do lewej */
    border-top: 2px solid #ddd; /* Linia oddzielająca */
    color: #333; /* Ciemny kolor tekstu */
}

    .table-summary td {
        background-color: transparent !important; /* Usuwamy tło komórek */
        color: inherit; /* Dziedziczenie koloru */
    }