body {
    margin: 0;
    padding: 0;
    overflow: auto;
}

/* Default to 5 columns (20%) for most screens (TVs, Desktops, Tablets in Landscape) */
.col-md-custom {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
}

/* Force 1 column on mobile devices (phones in portrait/landscape up to 991px max width if needed, or stick to standard mobile breakpoint) */
/* Increasing breakpoint slightly to cover larger phones/small tablets in portrait */
@media (max-width: 767.98px) {
    .col-md-custom {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1600px) {
    .tab-ajustada-tv .card-body {
        padding: 0.75rem 1rem !important;
    }

    .tab-ajustada-tv h2 {
        font-size: 1.25rem !important;
    }

    #grafico-mensal-barras,
    #grafico-heatmap {
        height: 50vh !important;
        min-height: 340px !important;
    }

    .tab-ajustada-tv .Select-control {
        min-height: 34px !important;
        height: 34px !important;
    }

    .tab-ajustada-tv .Select-placeholder,
    .tab-ajustada-tv .Select-value-label {
        line-height: 34px !important;
        font-size: 0.9rem !important;
    }

    .tab-ajustada-tv .btn {
        font-size: 0.85rem !important;
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }
}