:root {
    --primary: #2C3E50;
    --accent: #08C5D1;
    --bg-app: #F8FAFC; 
    --border-color: #E2E8F0;
}

body {
    background-color: var(--bg-app) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* On supprime l'aspect "carte flottante" du main pour l'intégrer au fond */
#main {
    margin-top: 70px !important;
    padding: 20px 40px !important;
    background: transparent !important; /* Fond transparent pour éviter la double couche */
    border: none !important;
    box-shadow: none !important;
}

/* --- TABLEAUX ÉPURÉS (ZÉRO SUPERPOSITION) --- */
.table {
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}

.table thead th {
    background: #F1F5F9 !important;
    color: #64748B !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 15px !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.table tbody tr {
    transition: background 0.2s ease !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.table tbody tr:hover {
    background: #F8FAFC !important; /* Simple changement de couleur au survol, pas d'ombre */
}

.table td {
    padding: 12px 15px !important;
    border: none !important;
    font-size: 0.9rem;
}

/* --- BARRE DE CONTEXTE À DROITE (FIXE ET PLATE) --- */
.sidenav {
    background: white !important;
    border-left: 1px solid var(--border-color) !important;
    box-shadow: none !important; /* On retire l'ombre portée */
    padding-top: 85px !important;
}

.context-widget {
    background: #F8FAFC !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important; /* Moins d'arrondis pour un look plus "pro" */
    margin-bottom: 10px !important;
    box-shadow: none !important;
}