/**
 * Fix para rolagem horizontal em tabelas responsivas
 * Garante que todas as tabelas tenham scroll horizontal em dispositivos menores
 */

/* Garantir overflow-x sempre ativo */
.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch; /* Smooth scroll no iOS */
    position: relative;
}

/* Estilizar scrollbar para melhor UX */
.table-responsive::-webkit-scrollbar {
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

/* Em mobile, garantir que tabelas forcem scroll */
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: scroll !important;
    }
    
    /* Se a tabela não tiver min-width explícito, aplicar padrão */
    .table-responsive table:not([style*="min-width"]) {
        min-width: 800px;
    }
}