/**
 * Estilos globales responsive para vistas Blade.
 * Este archivo se carga desde partials.assets y no requiere build.
 */

.table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.responsive-table {
    width: max-content;
    min-width: max(100%, 680px);
    table-layout: auto;
}

.responsive-table th,
.responsive-table td {
    white-space: nowrap;
    vertical-align: middle;
}

@media (max-width: 1023px) {
    body {
        overflow-x: hidden;
    }

    main {
        overflow-x: hidden;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}