/* Stili specifici per il modulo Trend Graph */
.dashboard-trend-graph {
    display: flex;
    flex-direction: column;
    height: 100%; /* Forza il pannello a riempire la colonna Bootstrap */
    margin-bottom: 0;
}
.dashboard-trend-graph .panel-heading-custom {
    display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
    background-color: #ffffff; border-bottom: 1px solid #eeeeee; padding: 15px;
}
.dashboard-trend-graph .title-custom { margin-top: 0; color: #333333; }
.dashboard-trend-graph .panel-body-custom {
    flex-grow: 1; /* Fa espandere il corpo per occupare lo spazio residuo */
    padding-top: 30px;
}
.dashboard-trend-graph .btn-left { font-weight: bold; border-radius: 4px 0 0 4px; }
.dashboard-trend-graph .btn-center { font-weight: bold; }
.dashboard-trend-graph .btn-right { font-weight: bold; border-radius: 0 4px 4px 0; }

/* Classe sicura per pareggiare le altezze nella griglia Bootstrap 3 */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.row-eq-height::before,
.row-eq-height::after {
    display: none !important;
}

/* --- Allineamento padding blocco "Grafici" alle card di performance/realtime --- */
.dashboard-graphs__row { margin-left: 0; margin-right: 0; }
.dashboard-graphs__row > [class*="col-"] { padding-left: 0; padding-right: 0; }
.dashboard-graphs__row > .col-lg-7 { padding-right: 7.5px; }
.dashboard-graphs__row > .col-lg-5 { padding-left: 7.5px; }
@media (max-width: 991px) {
    .dashboard-graphs__row > .col-lg-7,
    .dashboard-graphs__row > .col-lg-5 { padding-left: 0; padding-right: 0; }
}