/* Dark Mode Styles */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode .entry-header {
    display: none;
}

body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="url"],
body.dark-mode select {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode table.cliquable tr:nth-child(even) {
    background: #2a2a2a;
}

body.dark-mode table.cliquable tr:nth-child(odd) {
    background: #1e1e1e;
}

body.dark-mode table.cliquable a {
    color: #e0e0e0;
}
body.dark-mode table.cliquable th {
    color: #e0e0e0;
}

body.dark-mode #recap_webowl,
body.dark-mode #graph_webowl {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border: 1px solid #333;
}

body.dark-mode #recap_webowl a {
    color: #bb86fc;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4 {
    color: #e0e0e0;
}

body.dark-mode .alert.danger {
    background-color: #4a1c1f;
    color: #f8d7da;
    border-color: #f5c6cb;
}

body.dark-mode .alert.success {
    background-color: #1e4b34;
    color: #d1e7dd;
    border-color: #badbcc;
}

body.dark-mode .button.primary,
body.dark-mode input.primary {
    background-color: #bb86fc;
    color: #121212 !important;
}

body.dark-mode .button.primary:hover,
body.dark-mode input.primary:hover {
    background-color: #a96ef6;
}

body.dark-mode .button.danger {
    background-color: #cf6679;
}

body.dark-mode .button.danger:hover {
    background-color: #b74e5e;
}

body.dark-mode .button.warning {
    background-color: #f7c544;
    color: #121212 !important;
}

body.dark-mode .button.warning:hover {
    background-color: #e0b02f;
}

body.dark-mode .button.success {
    background-color: #03dac6;
    color: #121212 !important;
}

body.dark-mode .button.success:hover {
    background-color: #01bfa5;
}

body.dark-mode .modal-content {
    background-color: #2a2a2a;
    border-color: #444;
}

body.dark-mode .close {
    color: #aaa;
}

body.dark-mode .close:hover,
body.dark-mode .close:focus {
    color: #fff;
}