/* Dark Mode Überschreibungen via Medienabfrage */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #0b141a;
        color: #e9edef;
    }

    /* Auth */
    .auth-container {
        background: #111b21;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    }
    .auth-container h2 { color: #00a884; }
    .form-group label { color: #8696a0; }
    .form-group input, .form-group select, .form-group textarea {
        background-color: #2a3942;
        border-color: #3b4a54;
        color: #e9edef;
    }
    .form-group input:focus { border-color: #00a884; }
    .btn { background-color: #00a884; }
    .btn:hover { background-color: #008069; }

    /* Layout & Sidebar */
    .sidebar {
        background: #111b21;
        border-right-color: #222e35;
    }
    .sidebar-header { background: #202c33; }
    .chat-item {
        color: #e9edef;
        border-bottom-color: #222e35;
    }
    .chat-item:hover, .chat-item.active {
        background-color: #202c33;
    }

    /* Chatfenster */
    .chat-window {
        background-color: #0b141a;
    }
    .chat-header {
        background: #202c33;
        border-bottom-color: #222e35;
        color: #e9edef;
    }

    /* Bubbles */
    .msg-in {
        background: #202c33;
        color: #e9edef;
    }
    .msg-out {
        background: #005c4b;
        color: #e9edef;
    }
    .msg-meta { color: #8696a0; }
    .msg-actions a { color: #8696a0; }
    .msg-actions a:hover { color: #e9edef; }
    .reply-box {
        background: rgba(255, 255, 255, 0.05);
        border-left-color: #00a884;
        color: #8696a0;
    }

    /* Footer */
    .chat-footer {
        background: #202c33;
        border-top-color: #222e35;
    }
    .chat-footer input[type="text"] {
        background: #2a3942;
        border-color: #2a3942;
        color: #e9edef;
    }
    .btn-send { background: #00a884; }
    .btn-send:hover { background: #008069; }
    .media-preview { color: #8696a0; }
}