/* Ticket display fixes */

/* Zmiana ticket-overlay na część strony zamiast fixed pop-up */
.ticket-overlay {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    background: transparent !important;
    padding: 1rem !important;
    margin: 1rem auto !important;
    max-width: 95% !important;
    z-index: 10 !important;
    overflow: visible !important;
}

.ticket-modal {
    max-height: none !important;
    overflow-y: visible !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    border-radius: 0.5rem !important;
}

/* Usunięto niestandardowy kolor dla kategorii wykroczeń drogowych - teraz będzie używać standardowego koloru */

/* Poprawka dla nawigacji w górnej części */
.header {
    position: relative !important;
}

.navigation {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
}

.main-content {
    margin-top: 1rem !important;
}

/* Dopasowanie całego układu strony */
.app-container {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

.header-content {
    padding: 0.75rem 1rem !important;
}

/* Styl dla przycisku zamknięcia mandatu - dopasowany do stylu kategorii */
.close-ticket-btn {
    background-color: #F5DEB3 !important; /* kolor category-header.active */
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    padding: 1rem !important;
    border-radius: 0.375rem !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    margin: 1rem auto !important;
    display: block !important;
    width: 100% !important; /* pełna szerokość */
    max-width: none !important;
    text-align: center !important;
}

.close-ticket-btn:hover {
    background-color: #f1f5f9 !important; /* kolor category-header:hover */
}

/* Styl dla ciemnego trybu */
.dark-theme .close-ticket-btn {
    background-color: #D2B48C !important; /* kolor tan/coyote dla szeryfa w ciemnym trybie */
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

.dark-theme .close-ticket-btn:hover {
    background-color: #BC9A6A !important; /* ciemniejszy tan przy hover */
}

/* Style dla ciemnego motywu */
.dark-theme .ticket-modal {
    background-color: #1e293b !important; /* Ciemne tło dla modalu */
    border-color: #334155 !important;
}

.dark-theme .ticket-header {
    background-color: #1e293b !important; /* To jest kolor tła nagłówka w dark mode - zmień go tutaj */
}

/* Kolory z dark mode dla kategorii:
.dark-theme .category-header {
    background: #1e293b;
}

.dark-theme .category-header:hover {
    background: #334155;
}

.dark-theme .category-header.active {
    background: #D2B48C;
} */