/* --- ZMIENNE GLOBALNE --- */
:root {
    --rn-bg: #0b0e11;
    --rn-accent: #0dcaf0;
    --marine-gray: #2d3d4d; /* Twój nowy kolor szaro-morski */
    --olek1: #264050;
}

/* --- NOWY STYL TŁA TABELI --- */
.table-2 {
    background: var(--marine-gray) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 25px;
    
    /* Dodajemy poświatę pasującą do gradientu tła */
    box-shadow: 0 0 50px rgba(13, 202, 240, 0.1); 
    backdrop-filter: blur(10px);
}



.table-3 {
    background: var(--marine-gray) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 25px;
    
    /* Dodajemy poświatę pasującą do gradientu tła */
    box-shadow: 0 0 50px rgba(13, 202, 240, 0.1); 
    backdrop-filter: blur(10px);
}


.login-text {
    color: #00578a; /* dowolny kolor */
}


.glossary-term {
    background-color: rgba(13, 202, 240, 0.2); /* Delikatny morski błękit */
    border-bottom: 1px dotted #0dcaf0;
    cursor: help;
    border-radius: 2px;
    padding: 0 2px;
}

.glossary-term:hover {
    background-color: rgba(240, 13, 108, 0.3);
}



body {
    background: radial-gradient(
        circle at center, 
        #32445a 0%,    /* Centrum */
        #242e38 40%,   /* Główny kolor */
        #0b0e11 100%   /* Brzegi */
    );
    background-attachment: fixed;
    background-size: cover;
    color: #adb5bd;
    
    /* TO JEST POPRAWNA WERSJA: */
    min-height: 100vh; 
    
    margin: 0;
}



/* --- KONTENERY TYPU KARTA/PANEL --- */
.table-container, .card-custom { 
    background: rgba(255, 255, 255, 0.03); 
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.08); 
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* --- STYLIZACJA TABEL --- */
.table { color: #adb5bd !important; margin-bottom: 0; }
.table thead th { 
    border: none; 
    color: #0dcaf0; 
    font-size: 0.75rem; 
    text-transform: uppercase; 
    letter-spacing: 1px;
    padding-bottom: 15px;
}
.table tbody tr { border-bottom: 1px solid rgba(255,255,255,0.05); vertical-align: middle; transition: 0.2s; }
.table tbody tr:hover { background: rgba(255,255,255,0.02); }

/* --- POSTĘP (PROGRESS BARS) --- */
.progress { background-color: rgba(0,0,0,0.4) !important; border: 1px solid #333; height: 8px; border-radius: 10px; }
.progress-info { font-size: 0.75rem; display: flex; justify-content: space-between; margin-top: 6px; }

/* --- JĘZYKI I FLAGI --- */
.lang-pair { display: flex; align-items: center; gap: 8px; }
.lang-pair .fi { border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

/* --- PRZYCISKI AKCJI --- */
.btn-action-group .btn { padding: 6px 10px; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 6px; }
.btn-page-start { color: #6c757d; border-color: #495057; }
.btn-page-start:hover { background: #343a40; color: #fff; }

/* --- STOPKI I NOTATKI --- */
.footer-note { font-size: 0.8rem; opacity: 0.6; transition: 0.3s; margin-top: 2rem; }
.footer-note:hover { opacity: 1; }