body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f4f4f4;
    color: #333;
}

header {
    background-color: #2b8cc4; /* Twój kolor */
    color: white;
    padding: 1em 0;
    text-align: center;
    margin-bottom: 20px;
}

header h1 {
    margin: 0;
    color: white;
}

nav {
    background-color: #206c9b; /* Twój kolor */
    color: white;
    padding: 0.5em 0;
    margin-bottom: 20px;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

nav ul li {
    display: inline;
    margin: 0 15px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

nav ul li a:hover {
    text-decoration: underline;
}

main {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

h1, h2, h3 {
    color: #333;
    margin-top: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* Zastosowano Twój kolor ramki tabeli */
table th, table td {
    border: 1px solid #165477;
    padding: 8px;
    text-align: left;
}

/* Zastosowano Twój kolor tła nagłówka tabeli */
table th {
    background-color: #ADE2FF;
}

form div {
    margin-bottom: 15px;
}

form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="number"],
form input[type="date"],
form input[type="time"],
form select,
form textarea,
form input[type="file"] {
    width: calc(100% - 12px);
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


form textarea {
    resize: vertical;
}

/* Zastosowano Twoje kolory przycisków */
form button[type="submit"],
form a.button-link,
a.button-link
{
    background-color: #3b87af;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    font-size: inherit;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    white-space: nowrap;
}

form button[type="submit"]:hover,
form a.button-link:hover,
a.button-link:hover
{
    background-color: #206C9B;
    color: white;
}

/* Kolor dla przycisków/linków Anuluj */
form a.button-link[href*="action="],
form a.button-link[href*="list_"], /* Dla linków Anuluj w formularzach edycji/dodawania */
a.button-link[href*="action=companies"], /* Dla linku Powrót do listy aktywnych firm */
a.button-link[href*="action=users"], /* Dla linku Anuluj w formularzu edycji/dodawania użytkownika */
a.button-link[href*="index.php"] /* Ogólny fallback dla linków Anuluj/Powrót */
{
   background-color: #206C9B;
}
form a.button-link[href*="action="]:hover,
form a.button-link[href*="list_"]:hover,
a.button-link[href*="action=companies"]:hover,
a.button-link[href*="action=users"]:hover,
a.button-link[href*="index.php"]:hover
{
    background-color: #5BC0DE;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Zastosowano Twój kolor tła linków dropdown */
.dropdown-content a {
    color: black;
    background-color: #ADE2FF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: none;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    margin: 0;
}

/* Zastosowano Twój kolor tła linków dropdown :hover */
.dropdown-content a:hover {
    background-color: #9fcae0;
    color: black;
}


.dropdown:hover .dropdown-content {
    display: block;
}

/* Zastosowano Twój kolor przycisku dropdown */
.dropdown .dropbtn {
    background-color: #206c9b;
    color: white;
    padding: 14px;
    font-size: inherit;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

/* Zastosowano Twój kolor przycisku dropdown :hover */
.dropdown:hover .dropbtn {
    background-color: #1b6189;
}

/* Zastosowano Twój kolor tła stopki */
footer {
    text-align: center;
    padding: 1em 0;
    margin-top: 20px;
    background-color: #2b8cc4;
    color: white;
    border-radius: 5px;
}

.error {
    color: red;
    background-color: #fdd;
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.success {
    color: green;
    background-color: #dfd;
    border: 1px solid green;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}


.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* ============================================== */
/* === POZOSTAŁE STYLE (np. checkboxy, small) === */
/* ============================================== */

/* Fix dla checkboxów */
form input[type="checkbox"] {
     width: auto;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
}

/* Style dla etykiet obok checkboxów */
form label[for*="no_limit"],
form label[for*="no_end_date"],
form label[for*="send_notifications"],
form label[for*="is_active"],
form label[for="add_internal_note_cb"] /* Dodano etykietę dla notatki */
{
    display: inline-block !important; /* Ważne, aby nadpisać domyślny display: block */
    font-weight: normal;
    margin-bottom: 0;
    vertical-align: middle; /* Wyrównanie z checkboxem */
}

form small {
    display: block;
    margin-top: 5px;
    color: #777;
    font-size: 0.9em;
}

/* ============================ */
/* === Style dla Dashboardu === */
/* ============================ */

/* Kontener dla wykresów admina - Desktop */
.dashboard-charts-container {
    display: flex;
    flex-wrap: wrap; /* Pozwól zawijać, jeśli nie ma miejsca */
    justify-content: space-around; /* Rozłóż wykresy */
    gap: 20px; /* Odstęp między wykresami */
    margin-bottom: 20px;
}

/* Kontener pojedynczego wykresu - Desktop & Mobile */
.chart-container {
    position: relative; /* Potrzebne dla Chart.js */
    height: 350px; /* Wysokość wykresu */
    width: 100%; /* Domyślna szerokość dla mobile */
    max-width: 450px; /* Maksymalna szerokość na desktopie */
    margin: 0 auto 20px auto; /* Wycentruj i dodaj margines dolny */
}

/* Dostosowanie kontenera wykresów admina dla Desktopu */
@media (min-width: 769px) { /* Użyj punktu większego niż dla tabel */
    .dashboard-charts-container {
        flex-wrap: nowrap; /* Nie zawijaj na desktopie */
    }
    .chart-container {
        width: 48%; /* Około połowy szerokości na desktopie */
        max-width: 450px; /* Ogranicz maksymalną szerokość */
    }
}

/* Zapewnienie responsywności canvas wewnątrz kontenera */
.chart-container canvas {
    max-width: 100%;
    max-height: 100%;
}


/* ======================================================== */
/* === STYLE DLA WSKAŹNIKA I POPUPA NOTATKI (NOWE) === */
/* ======================================================== */

/* Poprawiony styl dla wskaźnika - lepsza interakcja */
.internal-note-indicator.js-note-trigger {
    color: red;
    font-weight: bold;
    margin-left: 8px;       /* Odstęp od lewej (od linku Usuń) */
    cursor: pointer;        /* Zmiana kursora na wskaźnik */
    font-size: 0.9em;       /* Nieco mniejszy rozmiar czcionki */
    vertical-align: middle; /* Wyrównanie w pionie z linkami */
    display: inline-block;  /* Aby margines i wyrównanie działały poprawnie */
    user-select: none;      /* Zapobiegaj zaznaczaniu tekstu "N" */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/* Opcjonalnie: delikatny efekt hover dla wskaźnika */
.internal-note-indicator.js-note-trigger:hover {
    opacity: 0.7;
}

/* Style dla Popupa Notatki Wewnętrznej */
#internal-note-popup {
    display: none; /* Ukryty domyślnie */
    position: fixed; /* Pozycjonowanie względem okna przeglądarki */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Wycentrowanie */
    background-color: #fefefe;
    border: 1px solid #888;
    padding: 20px;
    z-index: 1000; /* Powyżej innych elementów */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    max-width: 90%; /* Maksymalna szerokość na mobilnych */
    max-height: 80vh; /* Maksymalna wysokość */
    overflow-y: auto; /* Scroll, jeśli treść jest długa */
    border-radius: 5px;
    text-align: left;
    box-sizing: border-box; /* Uwzględnij padding w wymiarach */
}

#internal-note-popup-content {
    margin: 0 0 15px 0; /* Odstęp pod treścią */
    white-space: pre-wrap; /* Zachowaj białe znaki i zawijanie */
    word-wrap: break-word; /* Złam długie słowa */
    line-height: 1.5; /* Popraw czytelność */
}

#internal-note-popup-close {
    display: block;
    margin: 10px auto 0 auto; /* Odstęp od góry i wycentrowanie */
    background-color: #ddd; /* Jaśniejszy szary */
    color: #333;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}
#internal-note-popup-close:hover {
     background-color: #ccc;
}

#internal-note-popup-overlay {
    display: none; /* Ukryty domyślnie */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* Półprzezroczyste czarne tło */
    z-index: 999; /* Pod popupem, nad resztą strony */
}


/* ================================================== */
/* === STYLE DLA TABEL NA MAŁYCH EKRANACH === */
/* ================================================== */
@media (max-width: 768px) {
    table thead {
        display: none; /* Ukryj nagłówki tabeli */
    }

    table tbody tr { /* Stylujemy tylko wiersze w tbody */
        display: block; /* Wiersz jako blok */
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid #ddd; /* Jaśniejsza ramka dla kart */
        box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Delikatny cień dla karty */
        border-radius: 3px; /* Zaokrąglenie rogów karty */
    }

    table td {
        display: flex; /* Użyj Flexbox do ułożenia etykiety i wartości */
        justify-content: space-between; /* Rozsuń etykietę i wartość */
        align-items: center; /* Wyrównaj w pionie */
        text-align: right; /* Wartość wyrównana do prawej */
        padding: 10px 10px 10px 40%; /* Zwiększony padding, 40% miejsca na etykietę */
        position: relative;
        border: none;
        border-bottom: 1px solid #eee; /* Linia między "komórkami" */
        width: 100%; /* Komórka na całą szerokość */
        box-sizing: border-box; /* Uwzględnij padding */
        min-height: 30px; /* Minimalna wysokość dla lepszego wyglądu */
    }

     table tbody td:last-child { /* Ostatnia komórka w wierszu tbody */
        border-bottom: 0;
    }

    table td::before {
        content: attr(data-label); /* Pobierz etykietę z atrybutu */
        position: absolute;
        left: 10px; /* Odstęp etykiety od lewej krawędzi */
        width: calc(40% - 20px); /* Szerokość etykiety (40% minus paddingi) */
        padding-right: 10px;
        white-space: normal; /* Pozwól etykiecie się zawijać */
        text-align: left; /* Etykieta wyrównana do lewej */
        font-weight: bold;
        color: #555; /* Ciemniejszy kolor etykiety */
        line-height: 1.2; /* Lepsza interlinia dla zawijanych etykiet */
    }

    /* Specjalne style dla stopki tabeli (tfoot) - POPRAWIONE */
    table tfoot tr {
         display: flex; /* Cały wiersz stopki jako kontener flex */
         justify-content: space-between; /* Rozsuń elementy wewnątrz */
         align-items: center; /* Wyrównaj w pionie */
         border-top: 2px solid #ccc;
         padding: 10px; /* Dodano padding dla całego wiersza */
         margin-top: 10px;
         background-color: #f9f9f9;
         width: 100%; /* Upewnij się, że zajmuje całą szerokość */
         box-sizing: border-box;
         flex-wrap: wrap; /* Pozwól zawijać elementy w stopce */
    }

    table tfoot td {
        display: inline-block; /* Zmieniono na inline-block dla lepszego zawijania */
        border: none;
        padding: 5px; /* Dodano mały padding */
        width: auto; /* Automatyczna szerokość */
        min-height: auto;
        background-color: transparent; /* Usuń ewentualne tło */
        text-align: left; /* Domyślne wyrównanie */
        flex-grow: 1; /* Pozwól elementom rosnąć */
    }

    /* Styl dla pierwszej komórki stopki (etykieta "Suma:") */
    table tfoot td:first-child {
         font-weight: bold;
         width: 100%; /* Etykieta sumy na całą szerokość */
         text-align: center;
         margin-bottom: 5px;
    }

    /* Styl dla komórki z sumą */
    table tfoot td[data-label="Suma naliczonych godzin"] {
         font-weight: bold;
         font-size: 1.1em;
         text-align: center; /* Wycentruj sumę */
         width: 100%; /* Suma na całą szerokość */
    }

    /* Ukryj puste komórki ze stopki (te z colspan > 1 w HTML i ostatnią pustą) */
     table tfoot td:not(:first-child):not([data-label]) {
          display: none;
     }

    /* NOWA REGUŁA: Wyłącz wyświetlanie data-label dla komórek stopki */
    table tfoot td::before {
        content: none !important; /* Usuń zawartość generowaną przez data-label */
        display: none !important; /* Ukryj pseudo-element */
    }

     /* Poprawka dla komórki Akcje na mobilnych */
     table td[data-label="Akcje"] {
        /* Można usunąć justowanie, jeśli chcemy wycentrować */
        /* justify-content: center; */
     }
     table td[data-label="Akcje"] a,
     table td[data-label="Akcje"] .internal-note-indicator { /* Stylujemy też wskaźnik */
        margin: 0 5px; /* Dodaj odstępy poziome */
     }

    table td[data-label="Opis prac"] {
        display: block; /* Pozostaje block */
        text-align: left; /* Pozostaje left */
        padding: 10px; /* Zmieniamy padding - teraz taki sam z każdej strony */
        /* Usuwamy padding-left: 40%, bo marginesem zajmie się wrapper */
    }

    /* Etykieta ::before pozostaje bez zmian */
    table td[data-label="Opis prac"]::before {
        position: absolute;
        left: 10px;
        width: calc(40% - 20px); /* Szerokość etykiety */
        padding-right: 10px;
        white-space: normal;
        text-align: left;
        font-weight: bold;
        color: #555;
        line-height: 1.2;
        /* Upewnij się, że jest na górze, jeśli treść jest długa */
        top: 10px; 
    }
    .description-content-wrapper {
        margin-left: 40%; /* Odsuń całą zawartość o szerokość zarezerwowaną dla etykiety */
        display: block;  /* Upewnij się, że jest to blok */
    }

    /* Kontener tagów - upewnij się, że jest blokowy i ma margines */
    table td[data-label="Opis prac"] .tags-container {
        display: block; /* Powinien już być blokowy, ale dla pewności */
        margin-top: 8px; /* Dodaj większy odstęp od tekstu/linków powyżej */
        line-height: 1.5; /* Popraw czytelność tagów, jeśli się zawijają */
    }
    
    /* Tekst o powiązanych usterkach - display: block jest już w inline style, ale można dodać margines */
     table td[data-label="Opis prac"] small[style*="display: block"] {
        margin-top: 8px; /* Dodaj większy odstęp od opisu */
        font-weight: normal; /* Usuń pogrubienie, jeśli jest dziedziczone */
    }

} /* Koniec @media (max-width: 768px) */


/* ====================================================== */
/* === POZOSTAŁE STYLE DLA MAŁYCH EKRANÓW (max-width: 600px) === */
/* ====================================================== */
@media (max-width: 600px) {
    /* Style dla formularza na mniejszych ekranach */
    form {
        padding: 15px;
    }

    form div {
        margin-bottom: 20px;
    }

    form label {
        margin-bottom: 8px;
    }

    form input[type="text"],
    form input[type="password"],
    form input[type="email"],
    form input[type="number"],
    form input[type="date"],
    form input[type="time"],
    form select,
    form textarea,
    form input[type="file"] {
        width: 100%; /* Poprawka - 100% szerokości dla inputów */
        padding: 10px;
        margin-bottom: 5px;
        box-sizing: border-box; /* Dodano box-sizing */
    }

    form textarea {
        min-height: 100px;
    }

    /* Ogólne style dla przycisków na mobilnych */
    form button[type="submit"],
    form a.button-link,
    a.button-link
    {
        display: block;
        width: 100%;
        padding: 12px 15px;
        margin-right: 0;
        margin-bottom: 10px; /* Domyślny margines dolny dla przycisków */
        text-align: center;
        box-sizing: border-box; /* Dodano box-sizing */
    }

    /* Poprawki dla dropdown na małych ekranach */
    nav ul li {
        display: block;
        margin: 0;
        border-bottom: 1px solid #1b6189; /* Twój kolor */
    }
     nav ul li:last-child {
        border-bottom: none;
     }

    nav ul li a,
    .dropdown .dropbtn {
        display: block;
        padding: 12px 15px;
        text-align: center;
    }

    .dropdown-content {
        position: static;
        display: none;
        box-shadow: none;
        width: 100%;
        background-color: #1b6189; /* Twój kolor */
    }
     .dropdown:hover .dropdown-content {
        display: block;
     }


    .dropdown-content a {
         padding: 10px 15px;
         color: white;
         background-color: #1b6189; /* Twój kolor */
         text-align: center;
         border-top: 1px solid #666;
    }
     .dropdown-content a:hover {
          background-color: #666;
          color: white;
     }

     /* Dostosowanie popupa notatki */
    #internal-note-popup { padding: 15px; max-width: 90%; }
    #internal-note-popup-content { font-size: 0.95em; }
     #internal-note-popup-close { padding: 10px 18px; }


    /* --- NOWA REGUŁA DLA PRZYCISKÓW PODPISU NA MOBILNYCH --- */
    .signature-buttons-container button.button-link,
    .signature-buttons-container a.button-link {
        display: block;      /* Upewnij się, że są blokowe */
        width: 90%;          /* Niech nie zajmują 100% szerokości */
        max-width: 300px;    /* Maksymalna szerokość */
        margin-left: auto;   /* Wycentruj */
        margin-right: auto;  /* Wycentruj */
        margin-bottom: 15px; /* Zwiększony margines dolny dla większego odstępu */
    }
    /* --- KONIEC NOWEJ REGUŁY --- */


} /* Koniec @media (max-width: 600px) */

/* ======================================================== */
/* === STYLE DLA POPUPA SZCZEGÓŁÓW USTERKI (NOWE) === */
/* ======================================================== */

#fault-detail-popup-overlay {
    display: none; /* Ukryty domyślnie */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* Półprzezroczyste czarne tło */
    z-index: 999; /* Pod popupem, nad resztą strony */
}

#fault-detail-popup {
    display: none; /* Ukryty domyślnie */
    position: fixed; /* Pozycjonowanie względem okna przeglądarki */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Wycentrowanie */
    background-color: #fefefe;
    border: 1px solid #888;
    padding: 20px;
    z-index: 1000; /* Powyżej innych elementów */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    max-width: 90%; /* Maksymalna szerokość na mobilnych */
    width: 600px; /* Szerokość na większych ekranach - dostosuj */
    max-height: 85vh; /* Maksymalna wysokość */
    overflow-y: auto; /* Scroll, jeśli treść jest długa */
    border-radius: 5px;
    text-align: left;
    box-sizing: border-box; /* Uwzględnij padding w wymiarach */
}

#fault-detail-popup h3 {
     margin-top: 0;
     border-bottom: 1px solid #eee;
     padding-bottom: 10px;
     margin-bottom: 15px; /* Odstęp pod nagłówkiem */
}

#fault-detail-popup-content {
    margin-bottom: 15px; /* Odstęp pod treścią */
    line-height: 1.5; /* Popraw czytelność */
}

#fault-detail-popup-close {
    display: block;
    margin: 10px auto 0 auto; /* Odstęp od góry i wycentrowanie */
    background-color: #ddd; /* Jaśniejszy szary */
    color: #333;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}
#fault-detail-popup-close:hover {
     background-color: #ccc;
}

/* Dostosowanie popupa dla mniejszych ekranów */
@media (max-width: 600px) {
    #fault-detail-popup {
        width: 90%; /* Zmniejsz szerokość na mobilnych */
        padding: 15px;
    }
    #fault-detail-popup-content {
         font-size: 0.95em;
    }
     #fault-detail-popup-close {
         padding: 10px 18px; /* Większy przycisk dla łatwiejszego dotyku */
     }
}

/* ======================================================== */
/* === STYLE DLA WYSZUKIWANIA NIP (POTWIERDZENIA) === */
/* ======================================================== */

/* --- Styl dla kontenera wyszukiwania NIP (Desktop) --- */
.nip-search-container {
    display: flex; /* Domyślnie obok siebie */
    gap: 10px; /* Odstęp między polem a przyciskiem */
    align-items: center; /* Wyrównanie w pionie */
    /* margin-top: 5px; jest już inline w HTML */
}

/* Input NIP zajmuje dostępną przestrzeń */
.nip-search-container input[type="tel"] {
    flex-grow: 1;
}

/* Przycisk zachowuje swoją szerokość */
.nip-search-container button {
    flex-shrink: 0;
}


/* --- Styl dla kontenera wyszukiwania NIP (Mobile - max-width: 600px) --- */
@media (max-width: 600px) {
    .nip-search-container {
        flex-direction: column; /* Ustaw elementy w kolumnie (jeden pod drugim) */
        align-items: stretch; /* Rozciągnij elementy na całą szerokość */
        gap: 8px; /* Można dostosować odstęp pionowy */
    }

    /* Upewnij się, że input i button zajmują całą szerokość na mobilnych */
    .nip-search-container input[type="tel"],
    .nip-search-container button {
        width: 100%;
        box-sizing: border-box; /* Uwzględnij padding/border w szerokości */
        /* Usunięcie ewentualnych marginesów bocznych, jeśli dziedziczone */
        margin-left: 0;
        margin-right: 0;
    }

     /* Dodaj margines dolny do pola NIP, gdy jest nad przyciskiem */
    .nip-search-container input[type="tel"] {
        margin-bottom: 5px;
    }
   .anydesk-link-container {
        text-align: center; /* Wyśrodkuje elementy inline/inline-block wewnątrz diva */
        width: 100%;       /* Upewnij się, że div zajmuje całą szerokość */
        margin-top: 15px;  /* Dodaj większy odstęp od przycisków powyżej */
        margin-bottom: 10px; /* Dodaj odstęp poniżej */
    }

}
/* --- Koniec stylu dla wyszukiwania NIP --- */

/* === Style dla linku Anydesk === */

/* Styl podstawowy dla obrazka w linku Anydesk */
.anydesk-link-container a img {
  transition: opacity 0.2s ease-in-out; /* Płynne przejście dla efektu hover */
  opacity: 1; /* Domyślna pełna widoczność */
  vertical-align: middle; /* Upewnij się, że jest wyrównany z innymi przyciskami */
}

/* Efekt przy najechaniu myszką (hover) na link Anydesk */
.anydesk-link-container a:hover img {
  opacity: 0.35; /* Lekkie przyciemnienie/zmniejszenie krycia */
  cursor: pointer; /* Zmień kursor na "łapkę", aby bardziej przypominał przycisk */
}

/* Opcjonalnie: Dodajmy też zmianę kursora dla samego linku */
.anydesk-link-container a {
    cursor: pointer; 
}

/* === Koniec stylu dla Anydesk === */

/* === Style dla Etykiet Tagów === */
.tags-container {
  line-height: 1.4; /* Poprawia odstępy między wierszami tagów */
}

.tag-badge {
  display: inline-block; /* Umożliwia marginesy i padding */
  padding: 2px 8px;      /* Wewnętrzne odstępy (góra/dół, lewo/prawo) */
  font-size: 0.8em;      /* Mniejsza czcionka */
  font-weight: 600;      /* Lekko pogrubiona */
  line-height: 1;        /* Dopasowanie wysokości linii */
  text-align: center;
  white-space: nowrap;   /* Zapobiega łamaniu tekstu w tagu */
  vertical-align: baseline;
  border-radius: 0.35rem; /* Zaokrąglenie rogów */
  margin-right: 5px;     /* Odstęp z prawej strony */
  margin-bottom: 4px;    /* Odstęp od dołu (dla zawijania) */
  /* Domyślny kolor tła i tekstu, jeśli tag nie ma zdefiniowanego koloru */
  background-color: #6c757d; 
  color: #ffffff; 
}

/* Możesz dodać dodatkowe style, np. lekki cień */
/* .tag-badge { box-shadow: 0 1px 1px rgba(0,0,0,0.1); } */

/* === Koniec stylów dla Etykiet Tagów === */

/* Styl dla Historii Zgłoszeń - Zebra Stripes */

#fault-history {
    /* Można usunąć tło z kontenera, jeśli stosujemy je do wpisów */
    background-color: transparent;
    border: 1px solid #ccc; /* Upewnij się, że kontener ma ramkę */
    padding: 0; /* Usuń padding z kontenera, jeśli dodajemy go do wpisów */
    border-radius: 4px; /* Opcjonalne zaokrąglenie */
}

#fault-history .history-entry {
    padding: 10px; /* Dodaj wewnętrzny padding dla lepszego wyglądu tła */
    margin-bottom: 0; /* Usuń margines, jeśli używasz paddingu */
    border-bottom: none; /* Usuń dolną ramkę, jeśli tła wystarczają */
}

/* Ustaw tło dla wierszy nieparzystych */
#fault-history .history-entry:nth-child(odd) {
    background-color: #ffffff; /* Białe tło (lub bardzo jasny szary np. #fdfdfd) */
}

/* Ustaw tło dla wierszy parzystych */
#fault-history .history-entry:nth-child(even) {
    background-color: #f8f9fa; /* Bardzo jasny szary (Bootstrapowy bg-light) */
    /* Alternatywnie: #f1f1f1; lub #e9ecef; */
}

/* Opcjonalnie: Dodaj linię oddzielającą między wpisami, jeśli usunąłeś border-bottom */
#fault-history .history-entry:not(:last-child) {
     border-bottom: 1px dashed #eee; /* Delikatna linia przerywana */
}

/* Poprawka dla informacji o dacie/użytkowniku - mniejszy margines dolny */
#fault-history .history-entry small {
    display: block; /* Upewnij się, że jest blokiem */
    margin-bottom: 3px; /* Zmniejsz odstęp pod datą/użytkownikiem */
}

/* Poprawka dla szczegółów/komentarza - usuń dodatkowy margines */
#fault-history .history-entry div {
    margin-left: 5px; /* Można zmniejszyć wcięcie */
    margin-top: 0;
}