/* Style dla wtyczki Na Życzenie - Wersja Ciemna */

.nazyczenie-message {
    padding      : 15px;
    margin-bottom: 20px;
    border       : 1px solid transparent;
    border-radius: 4px;
    text-align   : center;
}

.nazyczenie-success {
    color           : #a3d9a5;
    /* Jasny zielony tekst */
    background-color: #2a4b2c;
    /* Ciemny zielony tło */
    border-color    : #3b6b3d;
    /* Ciemniejszy zielony ramka */
}

.nazyczenie-error {
    color           : #f1c2c7;
    background-color: #491217;
    border          : 2px solid #c82333;
    border-radius   : 4px;
    /* Poprawka, aby border-radius nie był nadpisywany */
}

/* Styl dla nawigacji z zakładkami */
.nazyczenie-nav {
    padding         : 10px;
    border          : 1px solid #444;
    /* Ciemna ramka */
    background-color: #333;
    /* Ciemne tło */
    margin-bottom   : 15px;
}

/* Style dla naszych unikalnych tabel */
.nazyczenie-table {
    border-collapse : collapse;
    border-spacing  : 0;
    width           : 100%;
    margin-top      : 15px;
    background-color: #3a3a3a;
    /* Ciemne tło tabeli */
    color           : #e0e0e0;
    /* Jasny tekst */
}

/* Styl nagłówka tabeli */
.nazyczenie-table .nazyczenie-header {
    background-color: #2c2c2c;
    /* Bardzo ciemne tło dla nagłówków */
    font-weight     : bold;
    text-align      : left;
    padding         : 12px;
    border-bottom   : 2px solid #555;
    /* Ciemna linia pod nagłówkiem */
}

/* Styl komórek danych */
.nazyczenie-table .nazyczenie-row {
    padding      : 10px;
    border-bottom: 1px solid #555;
    /* Ciemna linia oddzielająca wiersze */
}

/* Poprawka kolorów linków w tabeli */
.nazyczenie-table a {
    color: #88c8ff;
    /* Jasnoniebieski dla linków */
}

/* Style dla ikon statusu (fajeczka/krzyżyk) */
.status-icon-ok {
    color: #5cb85c;
    /* Zielony */
}

.status-icon-off {
    color: #d9534f;
    /* Czerwony */
}

/* Style dla przełącznika (toggle switch) */
.switch {
    position      : relative;
    display       : inline-block;
    width         : 50px;
    height        : 24px;
    vertical-align: middle;
    /* Lepsze wyrównanie w linii */
}

.switch input {
    display: none;
}

.slider {
    position        : absolute;
    cursor          : pointer;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background-color: #d9534f;
    /* Czerwony - Zamknięte */
    transition      : .4s;
    border-radius   : 24px;
}

.slider:before {
    position        : absolute;
    content         : "";
    height          : 18px;
    width           : 18px;
    left            : 3px;
    bottom          : 3px;
    background-color: white;
    transition      : .4s;
    border-radius   : 50%;
}

input:checked+.slider {
    background-color: #5cb85c;
    /* Zielony - Otwarte */
}

input:checked+.slider:before {
    transform: translateX(26px);
}

/* Style dla panelu bocznego */
.nazyczenie-side-panel {
    text-align: center;
    font-size : 12px;
    /* Zmniejszamy bazową czcionkę dla panelu */
    color     : #ccc;
    /* Jaśniejszy szary dla zwykłego tekstu */
}

.nazyczenie-side-panel .avatar {
    width        : 60px;
    /* Zmniejszamy, by zmieścić w układzie */
    height       : 60px;
    border-radius: 50%;
    border       : 2px solid #88c8ff;
    /* Niebieska ramka */
    margin-bottom: 8px;
    object-fit   : cover;
    box-shadow   : 0 0 10px rgba(136, 200, 255, 0.5);
    /* Niebieski cień */
}

.nazyczenie-side-panel .dj-lead {
    font-size: 11px;
    color    : #aaa;
}

.nazyczenie-side-panel .dj-name {
    font-size  : 14px;
    color      : #fff;
    font-weight: bold;
    display    : block;
}

.nazyczenie-side-panel .dj-info-wrapper {
    display: table;
    width  : 100%;
}

.nazyczenie-side-panel .dj-avatar-cell {
    display       : table-cell;
    width         : 70px;
    vertical-align: top;
    padding-right : 10px;
}

.nazyczenie-side-panel .dj-text-cell {
    display       : table-cell;
    vertical-align: top;
}

.nazyczenie-side-panel .broadcast-times {
    margin-top: 5px;
    font-size : 11px;
}

.nazyczenie-side-panel .broadcast-times strong {
    color: #88c8ff;
    /* Jasnoniebieski, jak linki */
}

/* Styl dla informacji/ostrzeżenia w formularzu */
.nazyczenie-disclaimer {
    font-size       : 14px;
    text-align      : center;
    margin-bottom   : 15px;
    color           : #f1c2c7;
    background-color: #491217;
    border          : 2px solid #c82333;
}

/* Style dla pól input w naszych tabelach */
.nazyczenie-table .textbox {
    background-color: #2c2c2c;
    border          : 1px solid #555;
    color           : #e0e0e0;
    padding         : 5px;
    border-radius   : 3px;
}

.nazyczenie-table .textbox:focus {
    border-color: #88c8ff;
}