/* Por defecto (Desktop) */
.vendedores-mobile-table th,
.vendedores-mobile-table td {
    vertical-align: middle;
}

.accion-col {
    width: 90px;
}

/* 📱 MÓVIL (Pantallas menores a 576px) */
@media (max-width: 576px) {
    /* Letra más chica y menos espacio */
    .vendedores-mobile-table th,
    .vendedores-mobile-table td {
        font-size: 0.8rem; /* Texto más pequeño */
        padding: 0.4rem 0.25rem; /* Padding horizontal mínimo */
        white-space: normal; /* Permitir que el texto baje de línea si es largo */
        word-break: break-word; /* Romper palabras largas si es necesario */
    }

    /* Columna de Acción (Botón) lo más chica posible */
    .accion-col {
        width: 50px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* El botón "Ver" más compacto */
    .vendedores-mobile-table .btn-sm,
    #tblVendedoresBodyHome .btn {
        padding: 0.15rem 0.4rem !important;
        font-size: 0.75rem !important;
        line-height: 1.2;
    }

    /* Ajustar inputs del buscador */
    #txtBuscarVendedorHome {
        font-size: 0.9rem;
        padding: 0.4rem 0.7rem;
    }
}