/* ---------- Base ---------- */
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }

/* ---------- Graphiques : hauteur pilotée par media queries ---------- */
.graph-box {
    height: 300px;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #dfe4ee;
    padding: 4px;
    margin-bottom: 14px;
}
@media (max-width: 991px) {
    .graph-box { height: 190px; }          /* graphiques bien réduits sur mobile */
}

/* ---------- Onglets ---------- */
.nav-tabs .nav-link { color: #072050; font-weight: 600; }
.nav-tabs .nav-link.active {
    color: #ff751f;
    border-bottom: 3px solid #ff751f;
    background: transparent;
}

/* ---------- Mobile : textes alignés, espacements réduits ---------- */
@media (max-width: 991px) {
    .container-fluid { padding-left: 10px; padding-right: 10px; }
    p, li, label { text-align: left; }
    h1, h2, h3 { text-align: left; }
}

/* ---------- Bouton orange : effet au survol ---------- */
.btn:hover { filter: brightness(0.92); }

/* ---------- Table ---------- */
.dash-table-container { border-radius: 12px; overflow: hidden; }