/**
 * Dark Mode CSS
 * Tmavý režim pro aplikaci Chytrá jednotka
 * Minimalistický přístup - pouze tmavé pozadí, karty zůstávají světlé
 */

/* Body - tmavé pozadí stránky */
body.dark-mode {
    background: #1e293b !important;
}

/* Navigace a header */
body.dark-mode .site-header,
body.dark-mode .main-nav {
    background: #0f172a !important;
    border-color: #334155 !important;
}

body.dark-mode .main-nav a {
    color: #e2e8f0 !important;
}

body.dark-mode .main-nav a:hover {
    background: #334155 !important;
}

/* User bar */
body.dark-mode .user-bar {
    background: #1e293b !important;
    border-color: #334155 !important;
}

body.dark-mode .user-info span {
    color: #cbd5e1 !important;
}

body.dark-mode .user-info strong {
    color: #f1f5f9 !important;
}

/* Online sekce */
body.dark-mode .online-section {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}

body.dark-mode .online-user-card {
    background: #334155 !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
}

body.dark-mode .online-user-name {
    color: #f1f5f9 !important;
}

body.dark-mode .online-user-time {
    color: #94a3b8 !important;
}

/* Footer */
body.dark-mode .site-footer {
    background: #0f172a !important;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #1e293b;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}