body.dark-mode .container,
body.dark-mode .container-fluid, body.dark-mode{
    background-color: #16222b !important;
    color: #e7f6ff !important;
    /* Pour éviter l'effet "coupure" sur les pages */
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(30,144,201,0.06);
}

body.dark-mode main,
body.dark-mode main.py-3 {
    background-color: #16222b !important;
    color: #e7f6ff !important;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(30,144,201,0.06);
}


body.dark-mode .card,
body.dark-mode .modal-content,
body.dark-mode .table,
body.dark-mode .table-bordered,
body.dark-mode .dropdown-menu {
    background-color: #1e2d3d !important;
    color: #e7f6ff !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #18293c !important;
}

body.dark-mode .table-primary {
    background-color: #1e90c9 !important;
    color: #fff !important;
}

body.dark-mode .bg-primary {
    background-color: #1e90c9 !important;
    color: #fff !important;
}

body.dark-mode .dropdown-item-text,
body.dark-mode .dropdown-item,
body.dark-mode .text-muted{
    color: #83d2fa !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #16222b !important;
    color: #e7f6ff !important;
    border: 1px solid #33b4e4;
}

body.dark-mode .alert {
    background-color: #293e58 !important;
    color: #f7e8ce !important;
    border-color: #444b63 !important;
}

body.dark-mode .btn-primary,
body.dark-mode .btn-info {
    background: linear-gradient(135deg, #1e90c9, #33b4e4) !important;
    color: #fff !important;
    border: none;
}



body.dark-mode .active,
body.dark-mode .nav-link.active {
    background-color: #033145 !important;
    color: #fff !important;
    border-radius: 8px;
}

body.dark-mode .dropdown-divider {
    background-color: #fff !important;
}

body.dark-mode ::placeholder {
    color: #83d2fa !important;
    opacity: 1;
}