/* ========================= CSS GÉNÉRAL ==================== */
body, .bg-dark {
    background-color: #18191a !important;
    font-family: 'Space Grotesk', 'Segoe UI', 'Roboto', 'Arial', sans-serif;
}

/* ==================== FONDS PRINCIPAUX ==================== */
.bg-white, .table, .card, .rounded, .shadow, .shadow-sm, .login-card {
    background-color: #23272b !important;
    color: #f8f9fa !important;
}

/* ========================= TABLEAUX ======================= */
.table th, .table td {
    background-color: #23272b !important;
    color: #f8f9fa !important;
}

/* ========================= FORMULAIRES ==================== */
.form-control, .form-select {
    background-color: #212529 !important;
    color: #fff !important;
    border-color: #495057 !important;
}
.form-control:focus, .form-select:focus {
    border-color: #66bfff !important;
    box-shadow: 0 0 0 0.12rem #66bfff80;
    background-color: #212529 !important;
    color: #f8f9fa !important;
}
.form-label {
    background-color: #23272b !important;
    color: #d1d5db !important;
    border-color: #343a40 !important;
}

/* ========================= CARD =========================== */
.card {
    background-color: #18191a !important;
    color: #f8f9fa !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #66bfff !important;
    border-radius: .75rem !important;
    box-shadow: 0 0 12px 2px rgba(220,53,69,0.12), 0 0.5rem 1rem rgba(0,0,0, .25) !important;
}

.card.card_del {
    border-color: #dc3545 !important;
}

/* ========================= LIENS ========================== */
a, a:visited {
    color: #66bfff;
}
a.btn, a.page-link {
    color: #fff !important;
}

/* ========================= BOUTONS ======================== */
.btn-warning {
    color: #23272b !important;
}
.btn-primary {
    background-color: #375a7f;
    border-color: #375a7f;
}
.btn-primary:hover {
    background-color: #66bfff;
    border-color: #66bfff;
    color: #2d2d2d !important;
}

.btn-pagination {
    background-color: #375a7f !important;
    border-color: #375a7f !important;
    color: #fff !important;
}
.btn-pagination:hover,
.btn-pagination:focus {
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #fff !important;
}


/* ========================= ALERTES ======================== */
.alert {
    background: #d9534f;
    color: #fff;
    border: none;
}

.alert-success {
    background-color: #198754 !important;
    color: #fff !important;
    border-color: #155724 !important;
}


/* ========================= PAGINATION ===================== */
.pagination .page-item.active .page-link {
    background-color: #375a7f !important;
    border-color: #375a7f !important;
    color: #fff !important;
}

.pagination .page-link {
    background-color: #23272b !important;
    color: #66bfff !important;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .table .btn {
        white-space: nowrap;
        font-size: 0.85rem;
        padding: 0.3rem 0.5rem;
        min-width: 90px;
    }
    .table td, .table th {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        font-size: 0.95rem;
    }
}