.green {
    color: #00b19d;
}

.red {
    color: #ef5350;
}

.gray {
    color: silver;
}

.customtr td {
    padding: 4px 8px;
}

/* ── Single-column layout below 1024 px ─────────────────────────── */
@media (max-width: 1023px) {

    /* Stack dashboard station cards vertically */
    .card-deck {
        flex-direction: column;
    }

    .card-deck .card {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    /* Historical-trend filter row: stack the three col-md-4 fields */
    .form-group.col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Give the page body enough top clearance for the collapsed nav */
    .wrapper {
        padding-top: 110px !important;
    }

    /* Pagination: allow it to wrap on very narrow screens */
    .pagination {
        flex-wrap: wrap;
    }
}