/* Moduł: Panel Administratora */

#admin-panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: var(--z-modal); /* F4.22 (=9999) */
}

/* Uwaga: admin.html ma własny CSS w bloku <style>, ponieważ był samodzielnym plikiem.
   Jeśli unifikujemy, powinniśmy to również wyodrębnić. 
   Obecnie admin.html jest kopiowany TAK JAK JEST. 
   Więc ten plik może obsługiwać 'ukrytą' logikę admina w index.html */

.admin-dialog {
    /* F4.10 (2026-07-23): tokeny zamiast białego — w dark mode panel był
       biały tekst na białym tle (nieczytelny) */
    background: var(--card-bg, #fff);
    color: var(--text-color, #333);
    width: 90%;
    height: 90%;
    margin: 2% auto;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.admin-dialog-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}