/* --- TOP BAR (Adaptée au style du bandeau) --- */
.top-bar { 
    max-width: 700px; 
    margin: 0 auto 20px auto; 
    display: flex;  
    justify-content: space-between; 
    align-items: center;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white; 
    padding: 25px; 
    border-radius: 15px; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); 
}

.dashboard { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 20px; 
    max-width: 900px; 
    margin: 0 auto; 
}

.card { 
    background: white; 
    padding: 15px; 
    border-radius: 12px; 
    border: 1px solid #ddd; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.06); 
}

.chart-box { height: 160px; position: relative; margin-top: 10px; }

@media (max-width: 850px) { 
    .dashboard { grid-template-columns: 1fr; } 
}