/* 1. TŁO - Zdjęcie na cały ekran */
body {
    background: url('/static/tlo.png') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

/* 2. EFEKT SZKŁA (Glassmorphism) */
/* Dotyczy kart, paska menu, elementów listy i okienek */
.card, .navbar, .list-group-item, .modal-content {
    background-color: rgba(255, 255, 255, 0.25) !important; /* Biały na 85% */
    backdrop-filter: blur(5px); /* Rozmycie tła pod spodem */
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); /* Cień */
}

/* 3. Tabela przezroczysta (żeby nie zasłaniała szkła) */
.table {
    --bs-table-bg: transparent;
}

/* 4. Stopka czytelna */
footer, .text-muted {
    color: #000 !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 5px;
    border-radius: 5px;
}