/* Add a fixed button to the bottom left */
.theme-toggle-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
}

/* Dark mode overrides for Bootstrap elements */
body.dark-mode {
    background-color: #212529 !important;
    color: #f8f9fa !important;
}

body.dark-mode .card {
    background-color: #343a40;
    color: #f8f9fa;
    border-color: #495057;
}

body.dark-mode .card-header {
    border-bottom-color: #495057;
}

body.dark-mode .form-control {
    background-color: #495057;
    color: #f8f9fa;
    border-color: #6c757d;
}

body.dark-mode .form-control::placeholder {
    color: #adb5bd;
}

body.dark-mode .table {
    color: #f8f9fa;
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #495057;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .bg-white {
    background-color: #343a40 !important;
}

body.dark-mode .bg-light {
    background-color: #212529 !important;
}

body.dark-mode .text-dark {
    color: #f8f9fa !important;
}