/* === GLOBALS: PALETA CYBER & DARK MODE === */
html {
    /* Główny akcent: Cyber Blue */
    --lumo-primary-color: #00E5FF;
    --lumo-primary-text-color: #00E5FF;
    --lumo-primary-color-50pct: rgba(0, 229, 255, 0.5);
    --lumo-primary-color-10pct: rgba(0, 229, 255, 0.1);

    /* Tło: Głęboki Antracyt */
    --lumo-base-color: #1A1D21;

    /* POPRAWA KONTRASTU (Wytyczna: bardzo jasny szary) */
    --lumo-body-text-color: #E9ECEF;       /* Główny tekst */
    --lumo-secondary-text-color: #ADB5BD;  /* Tekst poboczny */

    /* Grid i Panele */
    --lumo-contrast-5pct: rgba(255, 255, 255, 0.05);
    --lumo-border-radius-m: 8px;
}

/* === BRANDING: LOGO === */
.logo-cyber {
    /* Naprawa proporcji i świecenia */
    max-height: 44px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 5px #00E5FF); /* Efekt neonu */
    transition: filter 0.3s ease;
}

.logo-cyber:hover {
    filter: drop-shadow(0 0 12px #00E5FF);
}

/* === NAWIGACJA (SideNav) === */
[slot="drawer"] {
    background-color: #121417 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

/* Aktywny element menu - Cyber Blue */
vaadin-side-nav-item[active] {
    color: #00E5FF !important;
    font-weight: bold;
}
/* Ikony w menu */
vaadin-side-nav-item::part(icon) {
    color: inherit; /* Dziedziczy kolor (szary lub niebieski jak aktywny) */
}

/* === KOMPONENTY: GRID (TCF) === */
/* Kwota finansowa - monospace dla czytelności cyfr */
.kwota-finansowa {
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    color: #00E5FF; /* Cyber Blue */
    text-align: right;
}

/* Wiersze w tabeli */
vaadin-grid-cell-content {
    color: var(--lumo-body-text-color);
}

/* === MODALE I PRZYCISKI === */
/* Przycisk wysyłania (Cyber Blue Tło + Czarny Tekst) */
.cyber-button-primary {
    background-color: #00E5FF !important;
    color: #000000 !important; /* Maksymalny kontrast */
    font-weight: 700 !important;
}

/* Zabezpieczenie widoczności nagłówków w Dark Mode */
h1, h2, h3, h4, h5, h6 {
    color: var(--lumo-body-text-color); /* #E9ECEF - Jasny szary */
}

/* Wyjątki dla elementów, które mają być Cyber Blue */
.text-cyber, .kwota-finansowa {
    color: var(--lumo-primary-color) !important;
}